@hotosm/ui 0.5.0 → 0.6.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/README.md +14 -6
- package/dist/chunks/chunk.3LBUXCAP.js +1 -0
- package/dist/chunks/chunk.7PROWJNJ.js +122 -0
- package/dist/chunks/chunk.AL4CJN73.js +1 -0
- package/dist/chunks/chunk.BORCUX2M.js +1 -0
- package/dist/chunks/chunk.G6ZZSFVM.js +1 -0
- package/dist/chunks/chunk.KO4EOD3I.js +1 -0
- package/dist/chunks/{chunk.XNZFLEXO.js → chunk.MZOQNTPX.js} +1 -1
- package/dist/chunks/chunk.OICCPCO3.js +1 -0
- package/dist/chunks/{chunk.GLN7KYWH.js → chunk.ORZ5STBX.js} +1 -1
- package/dist/chunks/chunk.SBUFNOMY.js +1 -0
- package/dist/chunks/{chunk.7G6VEQ2R.js → chunk.U4AAC5ID.js} +1 -1
- package/dist/chunks/chunk.XEZQ5ZRE.js +1 -0
- package/dist/components/consent/consent.component.js +1 -1
- package/dist/components/consent/consent.js +1 -1
- package/dist/components/consent/consent.styles.js +1 -1
- package/dist/components/file-input-dropzone/file-input-dropzone.component.js +1 -1
- package/dist/components/file-input-dropzone/file-input-dropzone.js +1 -1
- package/dist/components/header/header.component.js +1 -1
- package/dist/components/header/header.js +1 -1
- package/dist/components/icons.js +1 -1
- package/dist/components/list-card/list-card.js +1 -1
- package/dist/components/logo/logo.js +1 -1
- package/dist/components/tool-menu/tool-menu.js +1 -1
- package/dist/components/tracking/tracking.component.js +1 -1
- package/dist/components/tracking/tracking.js +1 -1
- package/dist/hotosm-ui.js +1 -1
- package/dist/style.css +5 -3
- package/dist/themes/hot-wa.css +3 -3
- package/package.json +3 -3
- package/dist/chunks/chunk.3RPYDHJV.js +0 -1
- package/dist/chunks/chunk.5NFC3HMD.js +0 -1
- package/dist/chunks/chunk.EB2T3VFE.js +0 -122
- package/dist/chunks/chunk.M3ZIZPKF.js +0 -1
- package/dist/chunks/chunk.SLA5IPJG.js +0 -1
- package/dist/chunks/chunk.TMMJP2DW.js +0 -1
- package/dist/chunks/chunk.VXTJYHK5.js +0 -1
- package/dist/chunks/chunk.W372S2KG.js +0 -1
- package/dist/chunks/chunk.XDXYJBLZ.js +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{b as o}from"./chunk.CQO3GWTI.js";var t=o;customElements.get("hotosm-tool-menu")||customElements.define("hotosm-tool-menu",o);export{t as a};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{b as e}from"./chunk.7PROWJNJ.js";var a=e;customElements.get("hot-header")||customElements.define("hot-header",e);export{a};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{b as t}from"./chunk.U4AAC5ID.js";var a=t;customElements.get("hot-tracking")||customElements.define("hot-tracking",t);export{a};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
function e(){}var n=e;export{n as a};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{b as t}from"./chunk.PLECT4NZ.js";var a=t;customElements.get("hot-list-card")||customElements.define("hot-list-card",t);export{a};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as l}from"./chunk.
|
|
1
|
+
import{a as l}from"./chunk.KO4EOD3I.js";import{a as d}from"./chunk.MZOQNTPX.js";import{a as r}from"./chunk.ZETV7TDG.js";import{d as o,f as c}from"./chunk.QABMDRWR.js";import{d as s,e as n,f as a,g as i}from"./chunk.N2W26RCT.js";import"@awesome.me/webawesome/dist/components/callout/callout.js";import"@awesome.me/webawesome/dist/components/icon/icon.js";import"@awesome.me/webawesome/dist/components/button/button.js";l();var u,g,p,b,h,m,e=class extends c{constructor(){super(...arguments);this.name="hot-consent";a(this,u,"");a(this,g,!0);a(this,p,"About the information we collect");a(this,b,"We use cookies and similar technologies to recognize and analyze your visits, and measure traffic usage and activity.");a(this,h,"I Agree");a(this,m,"I Do Not Agree")}get consentId(){return n(this,u)}set consentId(t){i(this,u,t)}get isOpen(){return n(this,g)}set isOpen(t){i(this,g,t)}get title(){return n(this,p)}set title(t){i(this,p,t)}get message(){return n(this,b)}set message(t){i(this,b,t)}get agreeLabel(){return n(this,h)}set agreeLabel(t){i(this,h,t)}get notAgreeLabel(){return n(this,m)}set notAgreeLabel(t){i(this,m,t)}render(){return this.isOpen?o`
|
|
2
2
|
<div class="consent-overlay">
|
|
3
3
|
<div class="consent-container">
|
|
4
4
|
<wa-callout variant="brand" appearance="outlined filled" size="large" class="consent-callout">
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{b as e}from"./chunk.ORZ5STBX.js";var n=e;customElements.get("hot-consent")||customElements.define("hot-consent",e);export{n as a};
|
|
@@ -54,7 +54,7 @@ import{a as c,b as r}from"./chunk.ZETV7TDG.js";import{a as b,d as l,f as u}from"
|
|
|
54
54
|
</wa-callout>
|
|
55
55
|
</div>
|
|
56
56
|
`:""}
|
|
57
|
-
`}connectedCallback(){if(super.connectedCallback(),window.location.hostname!==this.domain){this.showErrorCallout(`Matomo tracking is not configured for this domain. Current domain: ${window.location.hostname}, Expected: ${this.domain}`);return}let e=this.siteId;if(e.length===0||this.domain.length===0){this.showErrorCallout("Matomo tracking is not properly configured. Please provide both site-id and domain attributes.");return}
|
|
57
|
+
`}connectedCallback(){if(super.connectedCallback(),window.location.hostname!==this.domain){this.showErrorCallout(`Matomo tracking is not configured for this domain. Current domain: ${window.location.hostname}, Expected: ${this.domain}`);return}let e=this.siteId;if(e.length===0||this.domain.length===0){this.showErrorCallout("Matomo tracking is not properly configured. Please provide both site-id and domain attributes.");return}let o=window._paq=window._paq||[];o.push(["requireConsent"]),o.push(["setDomains",[this.domain]]),o.push(["enableLinkTracking"]),o.push(["trackVisibleContentImpressions"]),(function(h){o.push(["setTrackerUrl",`${h}/matomo.php`]),o.push(["setSiteId",e]);let g=document,p=g.createElement("script"),d=g.getElementsByTagName("script")[0];(d==null?void 0:d.parentNode)!=null?(p.async=!0,p.src=`${h}/matomo.js`,d.parentNode.insertBefore(p,d)):console.warn("Script insertion failed. Parent node is null.")})(this.matomoURL),setTimeout(()=>{this.showConsentBanner()},1e3)}};w=new WeakMap,m=new WeakMap,f=new WeakMap,x=new WeakMap,v=new WeakMap,t.styles=b`
|
|
58
58
|
:host {
|
|
59
59
|
display: block;
|
|
60
60
|
font-family: var(--wa-font-sans);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{b as e}from"./chunk.WTTPHBL3.js";var t=e;customElements.get("hot-file-input-dropzone")||customElements.define("hot-file-input-dropzone",e);export{t as a};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a,b}from"../../chunks/chunk.
|
|
1
|
+
import{a,b}from"../../chunks/chunk.ORZ5STBX.js";import"../../chunks/chunk.KO4EOD3I.js";import"../../chunks/chunk.MZOQNTPX.js";import"../../chunks/chunk.ZETV7TDG.js";import"../../chunks/chunk.QABMDRWR.js";import"../../chunks/chunk.N2W26RCT.js";export{a as Consent,b as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a}from"../../chunks/chunk.
|
|
1
|
+
import{a}from"../../chunks/chunk.SBUFNOMY.js";import"../../chunks/chunk.ORZ5STBX.js";import"../../chunks/chunk.KO4EOD3I.js";import"../../chunks/chunk.MZOQNTPX.js";import"../../chunks/chunk.ZETV7TDG.js";import"../../chunks/chunk.QABMDRWR.js";import"../../chunks/chunk.N2W26RCT.js";export{a as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a}from"../../chunks/chunk.
|
|
1
|
+
import{a}from"../../chunks/chunk.MZOQNTPX.js";import"../../chunks/chunk.QABMDRWR.js";import"../../chunks/chunk.N2W26RCT.js";export{a as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a,b}from"../../chunks/chunk.WTTPHBL3.js";import"../../chunks/chunk.
|
|
1
|
+
import{a,b}from"../../chunks/chunk.WTTPHBL3.js";import"../../chunks/chunk.OICCPCO3.js";import"../../chunks/chunk.PLECT4NZ.js";import"../../chunks/chunk.7BVHA4G6.js";import"../../chunks/chunk.ZETV7TDG.js";import"../../chunks/chunk.GEAU3JJH.js";import"../../chunks/chunk.QABMDRWR.js";import"../../chunks/chunk.N2W26RCT.js";export{a as FileInputDropzone,b as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a}from"../../chunks/chunk.
|
|
1
|
+
import{a}from"../../chunks/chunk.XEZQ5ZRE.js";import"../../chunks/chunk.WTTPHBL3.js";import"../../chunks/chunk.OICCPCO3.js";import"../../chunks/chunk.PLECT4NZ.js";import"../../chunks/chunk.7BVHA4G6.js";import"../../chunks/chunk.ZETV7TDG.js";import"../../chunks/chunk.GEAU3JJH.js";import"../../chunks/chunk.QABMDRWR.js";import"../../chunks/chunk.N2W26RCT.js";export{a as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a,b}from"../../chunks/chunk.
|
|
1
|
+
import{a,b}from"../../chunks/chunk.7PROWJNJ.js";import"../../chunks/chunk.LHZ7Q2M3.js";import"../../chunks/chunk.KO4EOD3I.js";import"../../chunks/chunk.ZETV7TDG.js";import"../../chunks/chunk.QABMDRWR.js";import"../../chunks/chunk.N2W26RCT.js";export{a as Header,b as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a}from"../../chunks/chunk.
|
|
1
|
+
import{a}from"../../chunks/chunk.BORCUX2M.js";import"../../chunks/chunk.7PROWJNJ.js";import"../../chunks/chunk.LHZ7Q2M3.js";import"../../chunks/chunk.KO4EOD3I.js";import"../../chunks/chunk.ZETV7TDG.js";import"../../chunks/chunk.QABMDRWR.js";import"../../chunks/chunk.N2W26RCT.js";export{a as default};
|
package/dist/components/icons.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a}from"../chunks/chunk.
|
|
1
|
+
import{a}from"../chunks/chunk.KO4EOD3I.js";import"../chunks/chunk.N2W26RCT.js";export{a as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a}from"../../chunks/chunk.
|
|
1
|
+
import{a}from"../../chunks/chunk.OICCPCO3.js";import"../../chunks/chunk.PLECT4NZ.js";import"../../chunks/chunk.7BVHA4G6.js";import"../../chunks/chunk.ZETV7TDG.js";import"../../chunks/chunk.QABMDRWR.js";import"../../chunks/chunk.N2W26RCT.js";export{a as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a}from"../../chunks/chunk.
|
|
1
|
+
import{a}from"../../chunks/chunk.3LBUXCAP.js";import"../../chunks/chunk.BD4Q32VT.js";import"../../chunks/chunk.PBBH42B6.js";import"../../chunks/chunk.ZETV7TDG.js";import"../../chunks/chunk.QABMDRWR.js";import"../../chunks/chunk.N2W26RCT.js";export{a as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a}from"../../chunks/chunk.
|
|
1
|
+
import{a}from"../../chunks/chunk.AL4CJN73.js";import"../../chunks/chunk.CQO3GWTI.js";import"../../chunks/chunk.ARF626EG.js";import"../../chunks/chunk.ZETV7TDG.js";import"../../chunks/chunk.QABMDRWR.js";import"../../chunks/chunk.N2W26RCT.js";export{a as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a,b}from"../../chunks/chunk.
|
|
1
|
+
import{a,b}from"../../chunks/chunk.U4AAC5ID.js";import"../../chunks/chunk.ZETV7TDG.js";import"../../chunks/chunk.QABMDRWR.js";import"../../chunks/chunk.N2W26RCT.js";export{a as MatomoTracking,b as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a}from"../../chunks/chunk.
|
|
1
|
+
import{a}from"../../chunks/chunk.G6ZZSFVM.js";import"../../chunks/chunk.U4AAC5ID.js";import"../../chunks/chunk.ZETV7TDG.js";import"../../chunks/chunk.QABMDRWR.js";import"../../chunks/chunk.N2W26RCT.js";export{a as default};
|
package/dist/hotosm-ui.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a as d}from"./chunks/chunk.
|
|
1
|
+
import{a as d}from"./chunks/chunk.3LBUXCAP.js";import{a as S}from"./chunks/chunk.AL4CJN73.js";import"./chunks/chunk.CQO3GWTI.js";import"./chunks/chunk.ARF626EG.js";import{a as p}from"./chunks/chunk.G6ZZSFVM.js";import"./chunks/chunk.U4AAC5ID.js";import{a as m}from"./chunks/chunk.BORCUX2M.js";import"./chunks/chunk.7PROWJNJ.js";import"./chunks/chunk.LHZ7Q2M3.js";import"./chunks/chunk.BD4Q32VT.js";import"./chunks/chunk.PBBH42B6.js";import{a as u}from"./chunks/chunk.SBUFNOMY.js";import"./chunks/chunk.ORZ5STBX.js";import"./chunks/chunk.KO4EOD3I.js";import"./chunks/chunk.MZOQNTPX.js";import{a as h}from"./chunks/chunk.XEZQ5ZRE.js";import"./chunks/chunk.WTTPHBL3.js";import{a as f}from"./chunks/chunk.OICCPCO3.js";import"./chunks/chunk.PLECT4NZ.js";import"./chunks/chunk.7BVHA4G6.js";import"./chunks/chunk.ZETV7TDG.js";import"./chunks/chunk.GEAU3JJH.js";import"./chunks/chunk.QABMDRWR.js";import"./chunks/chunk.N2W26RCT.js";function a(o,e=document){let t=[],r=e.querySelectorAll(o);return t.push(...Array.from(r)),e.querySelectorAll("*").forEach(i=>{i.shadowRoot&&t.push(...a(o,i.shadowRoot))}),t}function y(o){let{css:e,selector:t="wa-button",all:r=!0,styleId:s="hot-theme-injection"}=o;(r?a(t):[a(t)[0]].filter(Boolean)).forEach(n=>{if(!n)return;let c=()=>{if(!n.shadowRoot){setTimeout(c,10);return}if(n.shadowRoot.getElementById(s))return;let l=document.createElement("style");l.id=s,l.textContent=e,n.shadowRoot.appendChild(l)};c()})}export{u as Consent,h as FileInputDropzone,m as Header,f as ListCard,d as Logo,S as ToolMenu,p as Tracking,y as injectCSSIntoShadowDOM};
|
package/dist/style.css
CHANGED
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
/* Import fonts */
|
|
2
|
-
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@300;400;500;700&family=Barlow:wght@400;500;700&family=Barlow+Condensed:
|
|
2
|
+
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@300;400;500;700&family=Barlow:wght@400;500;700&family=Barlow+Condensed:wght@400;500;700&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap');
|
|
3
3
|
|
|
4
|
-
/*
|
|
5
|
-
@import
|
|
4
|
+
/* Import WebAwesome base styles (modular imports from local package) */
|
|
5
|
+
@import '@awesome.me/webawesome/dist/styles/native.css';
|
|
6
|
+
@import '@awesome.me/webawesome/dist/styles/utilities.css';
|
|
7
|
+
@import '@awesome.me/webawesome/dist/styles/themes/default.css';
|
|
6
8
|
|
|
7
9
|
/* Then import our HOT theme variables */
|
|
8
10
|
@import 'themes/hot.css';
|
package/dist/themes/hot-wa.css
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/* HOT theme for WebAwesome
|
|
2
2
|
|
|
3
3
|
1. First import WebAwesome base styles
|
|
4
|
-
@import url("https://early.webawesome.com/webawesome@3.
|
|
4
|
+
@import url("https://early.webawesome.com/webawesome@3.2.1/dist/styles/webawesome.css");
|
|
5
5
|
|
|
6
6
|
2. Then import our HOT theme variables
|
|
7
7
|
@import "./hot.css";
|
|
@@ -175,7 +175,7 @@
|
|
|
175
175
|
--wa-color-danger: var(--wa-color-danger-50);
|
|
176
176
|
--wa-color-danger-key: 50;
|
|
177
177
|
|
|
178
|
-
/* Check the defaults at https://early.webawesome.com/webawesome@3.
|
|
178
|
+
/* Check the defaults at https://early.webawesome.com/webawesome@3.2.1/dist/styles/color/palettes/default.css */
|
|
179
179
|
/* No change made to: purple, indigo, pink, green */
|
|
180
180
|
|
|
181
181
|
--wa-color-green-95: #e3f9e3 /* oklch(96.006% 0.03715 145.28) */;
|
|
@@ -274,7 +274,7 @@
|
|
|
274
274
|
/*
|
|
275
275
|
* Spacing, rounding, etc
|
|
276
276
|
*
|
|
277
|
-
* See https://early.webawesome.com/webawesome@3.
|
|
277
|
+
* See https://early.webawesome.com/webawesome@3.2.1/dist/styles/themes/default.css for all options
|
|
278
278
|
*/
|
|
279
279
|
/* */
|
|
280
280
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hotosm/ui",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.6.0",
|
|
4
4
|
"description": "Shared UI components with HOT theming.",
|
|
5
5
|
"homepage": "https://github.com/hotosm/ui#readme",
|
|
6
6
|
"author": {
|
|
@@ -53,10 +53,10 @@
|
|
|
53
53
|
"node": ">=14.17.0"
|
|
54
54
|
},
|
|
55
55
|
"peerDependencies": {
|
|
56
|
-
"@awesome.me/webawesome": "3.
|
|
56
|
+
"@awesome.me/webawesome": "3.2.1"
|
|
57
57
|
},
|
|
58
58
|
"devDependencies": {
|
|
59
|
-
"@awesome.me/webawesome": "3.
|
|
59
|
+
"@awesome.me/webawesome": "3.2.1",
|
|
60
60
|
"@storybook/addon-docs": "^9.0.18",
|
|
61
61
|
"@storybook/addon-links": "^9.0.18",
|
|
62
62
|
"@storybook/web-components-vite": "^9.0.18",
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{b as e}from"./chunk.GLN7KYWH.js";var n=e;customElements.define("hot-consent",e);export{n as a};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{b as o}from"./chunk.BD4Q32VT.js";var t=o;customElements.define("hot-logo",o);export{t as a};
|