@hotosm/ui 0.3.2-b8 → 0.3.3-b0

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.
@@ -0,0 +1 @@
1
+ import{b as t}from"./chunk.BPPYCS7U.js";var o=t;customElements.define("hot-button",t);export{o as a};
@@ -1,4 +1,4 @@
1
- import{a as l}from"./chunk.O6I2TNK3.js";import{b as o}from"./chunk.6Y3X2E2V.js";import{a as n}from"./chunk.XV3ZU53D.js";import{e as t,k as c}from"./chunk.TNLBUOUK.js";import{d as s,e as i,f as a,g as r}from"./chunk.NI7UJOOZ.js";n();var p,d,h,y,g,m,$,S,f,e=class extends c{constructor(){super(...arguments);this.name="hot-button";a(this,p,"primary");a(this,d,"medium");a(this,h,"default");a(this,y,!1);a(this,g,!1);a(this,m,"");a(this,$,"start");a(this,S,"button");a(this,f,"")}get variant(){return i(this,p)}set variant(w){r(this,p,w)}get size(){return i(this,d)}set size(w){r(this,d,w)}get appearance(){return i(this,h)}set appearance(w){r(this,h,w)}get disabled(){return i(this,y)}set disabled(w){r(this,y,w)}get loading(){return i(this,g)}set loading(w){r(this,g,w)}get icon(){return i(this,m)}set icon(w){r(this,m,w)}get iconPosition(){return i(this,$)}set iconPosition(w){r(this,$,w)}get type(){return i(this,S)}set type(w){r(this,S,w)}get hotColor(){return i(this,f)}set hotColor(w){r(this,f,w)}render(){let w=`hot-button${this.hotColor?` hot-${this.hotColor}`:""}`;return t`
1
+ import{a as l}from"./chunk.O6I2TNK3.js";import{b as o}from"./chunk.6Y3X2E2V.js";import{a as n}from"./chunk.M3ZIZPKF.js";import{e as t,k as c}from"./chunk.TNLBUOUK.js";import{d as s,e as i,f as a,g as r}from"./chunk.NI7UJOOZ.js";n();var p,d,h,y,g,m,$,S,f,e=class extends c{constructor(){super(...arguments);this.name="hot-button";a(this,p,"primary");a(this,d,"medium");a(this,h,"default");a(this,y,!1);a(this,g,!1);a(this,m,"");a(this,$,"start");a(this,S,"button");a(this,f,"")}get variant(){return i(this,p)}set variant(w){r(this,p,w)}get size(){return i(this,d)}set size(w){r(this,d,w)}get appearance(){return i(this,h)}set appearance(w){r(this,h,w)}get disabled(){return i(this,y)}set disabled(w){r(this,y,w)}get loading(){return i(this,g)}set loading(w){r(this,g,w)}get icon(){return i(this,m)}set icon(w){r(this,m,w)}get iconPosition(){return i(this,$)}set iconPosition(w){r(this,$,w)}get type(){return i(this,S)}set type(w){r(this,S,w)}get hotColor(){return i(this,f)}set hotColor(w){r(this,f,w)}render(){let w=`hot-button${this.hotColor?` hot-${this.hotColor}`:""}`;return t`
2
2
  <wa-button
3
3
  variant="${this.variant}"
4
4
  size="${this.size}"
@@ -0,0 +1 @@
1
+ import{b as e}from"./chunk.SMJLJ4AN.js";var n=e;customElements.define("hot-consent",e);export{n as a};
@@ -0,0 +1 @@
1
+ function i(){let e=()=>{window.WebAwesome&&window.WebAwesome.iconRegistry||setTimeout(e,100)};e()}var n=i;export{n as a};
@@ -1,4 +1,4 @@
1
- import{b as o}from"./chunk.6Y3X2E2V.js";import{a as l}from"./chunk.XV3ZU53D.js";import{a as d}from"./chunk.GTNRNZDH.js";import{e as r,k as c}from"./chunk.TNLBUOUK.js";import{d as s,e as a,f as n,g as i}from"./chunk.NI7UJOOZ.js";l();var u,g,p,b,h,m,v,e=class extends c{constructor(){super(...arguments);this.name="hot-consent";n(this,u,"");n(this,g,!1);n(this,p,!0);n(this,b,"About the information we collect");n(this,h,"We use cookies and similar technologies to recognize and analyze your visits, and measure traffic usage and activity.");n(this,m,"I Agree");n(this,v,"I Do Not Agree")}get consentId(){return a(this,u)}set consentId(t){i(this,u,t)}get force(){return a(this,g)}set force(t){i(this,g,t)}get isOpen(){return a(this,p)}set isOpen(t){i(this,p,t)}get title(){return a(this,b)}set title(t){i(this,b,t)}get message(){return a(this,h)}set message(t){i(this,h,t)}get agreeLabel(){return a(this,m)}set agreeLabel(t){i(this,m,t)}get notAgreeLabel(){return a(this,v)}set notAgreeLabel(t){i(this,v,t)}render(){return this.isOpen?r`
1
+ import{b as o}from"./chunk.6Y3X2E2V.js";import{a as l}from"./chunk.M3ZIZPKF.js";import{a as d}from"./chunk.GTNRNZDH.js";import{e as r,k as c}from"./chunk.TNLBUOUK.js";import{d as s,e as a,f as n,g as i}from"./chunk.NI7UJOOZ.js";l();var u,g,p,b,h,m,v,e=class extends c{constructor(){super(...arguments);this.name="hot-consent";n(this,u,"");n(this,g,!1);n(this,p,!0);n(this,b,"About the information we collect");n(this,h,"We use cookies and similar technologies to recognize and analyze your visits, and measure traffic usage and activity.");n(this,m,"I Agree");n(this,v,"I Do Not Agree")}get consentId(){return a(this,u)}set consentId(t){i(this,u,t)}get force(){return a(this,g)}set force(t){i(this,g,t)}get isOpen(){return a(this,p)}set isOpen(t){i(this,p,t)}get title(){return a(this,b)}set title(t){i(this,b,t)}get message(){return a(this,h)}set message(t){i(this,h,t)}get agreeLabel(){return a(this,m)}set agreeLabel(t){i(this,m,t)}get notAgreeLabel(){return a(this,v)}set notAgreeLabel(t){i(this,v,t)}render(){return this.isOpen?r`
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{e}from"./chunk.4CUSUMKJ.js";var r=e;customElements.define("hot-header",e);export{r as a};
@@ -1 +1 @@
1
- import{a,b}from"../../chunks/chunk.NA5VYRZH.js";import"../../chunks/chunk.O6I2TNK3.js";import"../../chunks/chunk.O2GMJYSL.js";import"../../chunks/chunk.2FEIL35F.js";import"../../chunks/chunk.6Y3X2E2V.js";import"../../chunks/chunk.XV3ZU53D.js";import"../../chunks/chunk.TNLBUOUK.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as Button,b as default};
1
+ import{a,b}from"../../chunks/chunk.BPPYCS7U.js";import"../../chunks/chunk.O6I2TNK3.js";import"../../chunks/chunk.O2GMJYSL.js";import"../../chunks/chunk.2FEIL35F.js";import"../../chunks/chunk.6Y3X2E2V.js";import"../../chunks/chunk.M3ZIZPKF.js";import"../../chunks/chunk.TNLBUOUK.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as Button,b as default};
@@ -1 +1 @@
1
- import{a}from"../../chunks/chunk.UOUAH7BX.js";import"../../chunks/chunk.NA5VYRZH.js";import"../../chunks/chunk.O6I2TNK3.js";import"../../chunks/chunk.O2GMJYSL.js";import"../../chunks/chunk.2FEIL35F.js";import"../../chunks/chunk.6Y3X2E2V.js";import"../../chunks/chunk.XV3ZU53D.js";import"../../chunks/chunk.TNLBUOUK.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as default};
1
+ import{a}from"../../chunks/chunk.4IHZBYNQ.js";import"../../chunks/chunk.BPPYCS7U.js";import"../../chunks/chunk.O6I2TNK3.js";import"../../chunks/chunk.O2GMJYSL.js";import"../../chunks/chunk.2FEIL35F.js";import"../../chunks/chunk.6Y3X2E2V.js";import"../../chunks/chunk.M3ZIZPKF.js";import"../../chunks/chunk.TNLBUOUK.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as default};
@@ -1 +1 @@
1
- import{a,b}from"../../chunks/chunk.2ULJ7GOD.js";import"../../chunks/chunk.34D2LPI2.js";import"../../chunks/chunk.O2GMJYSL.js";import"../../chunks/chunk.2FEIL35F.js";import"../../chunks/chunk.6Y3X2E2V.js";import"../../chunks/chunk.XV3ZU53D.js";import"../../chunks/chunk.GTNRNZDH.js";import"../../chunks/chunk.TNLBUOUK.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as Consent,b as default};
1
+ import{a,b}from"../../chunks/chunk.SMJLJ4AN.js";import"../../chunks/chunk.34D2LPI2.js";import"../../chunks/chunk.O2GMJYSL.js";import"../../chunks/chunk.2FEIL35F.js";import"../../chunks/chunk.6Y3X2E2V.js";import"../../chunks/chunk.M3ZIZPKF.js";import"../../chunks/chunk.GTNRNZDH.js";import"../../chunks/chunk.TNLBUOUK.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as Consent,b as default};
@@ -1 +1 @@
1
- import{a}from"../../chunks/chunk.TTXUWWW4.js";import"../../chunks/chunk.2ULJ7GOD.js";import"../../chunks/chunk.34D2LPI2.js";import"../../chunks/chunk.O2GMJYSL.js";import"../../chunks/chunk.2FEIL35F.js";import"../../chunks/chunk.6Y3X2E2V.js";import"../../chunks/chunk.XV3ZU53D.js";import"../../chunks/chunk.GTNRNZDH.js";import"../../chunks/chunk.TNLBUOUK.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as default};
1
+ import{a}from"../../chunks/chunk.IGQ7CODZ.js";import"../../chunks/chunk.SMJLJ4AN.js";import"../../chunks/chunk.34D2LPI2.js";import"../../chunks/chunk.O2GMJYSL.js";import"../../chunks/chunk.2FEIL35F.js";import"../../chunks/chunk.6Y3X2E2V.js";import"../../chunks/chunk.M3ZIZPKF.js";import"../../chunks/chunk.GTNRNZDH.js";import"../../chunks/chunk.TNLBUOUK.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as default};
@@ -38,6 +38,8 @@ export declare class Header extends LitElement {
38
38
  /** Default fallback icon for providers without custom icons. */
39
39
  accessor defaultLoginIcon: string;
40
40
  connectedCallback(): Promise<void>;
41
+ protected firstUpdated(): void;
42
+ protected updated(): void;
41
43
  selectTab(index: number): void;
42
44
  protected render(): import("lit-html").TemplateResult<1>;
43
45
  private _tabClick;
@@ -1 +1 @@
1
- import{d as a,e as b}from"../../chunks/chunk.PDA7Y3OG.js";import"../../chunks/chunk.D4UQX7IV.js";import"../../chunks/chunk.2FEIL35F.js";import"../../chunks/chunk.6Y3X2E2V.js";import"../../chunks/chunk.XV3ZU53D.js";import"../../chunks/chunk.TNLBUOUK.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as Header,b as default};
1
+ import{d as a,e as b}from"../../chunks/chunk.4CUSUMKJ.js";import"../../chunks/chunk.D4UQX7IV.js";import"../../chunks/chunk.2FEIL35F.js";import"../../chunks/chunk.6Y3X2E2V.js";import"../../chunks/chunk.M3ZIZPKF.js";import"../../chunks/chunk.TNLBUOUK.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as Header,b as default};
@@ -1 +1 @@
1
- import{a}from"../../chunks/chunk.JWXDWX4U.js";import"../../chunks/chunk.PDA7Y3OG.js";import"../../chunks/chunk.D4UQX7IV.js";import"../../chunks/chunk.2FEIL35F.js";import"../../chunks/chunk.6Y3X2E2V.js";import"../../chunks/chunk.XV3ZU53D.js";import"../../chunks/chunk.TNLBUOUK.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as default};
1
+ import{a}from"../../chunks/chunk.T5JYZBXW.js";import"../../chunks/chunk.4CUSUMKJ.js";import"../../chunks/chunk.D4UQX7IV.js";import"../../chunks/chunk.2FEIL35F.js";import"../../chunks/chunk.6Y3X2E2V.js";import"../../chunks/chunk.M3ZIZPKF.js";import"../../chunks/chunk.TNLBUOUK.js";import"../../chunks/chunk.NI7UJOOZ.js";export{a as default};
@@ -1 +1 @@
1
- import{a}from"../chunks/chunk.XV3ZU53D.js";import"../chunks/chunk.NI7UJOOZ.js";export{a as default};
1
+ import{a}from"../chunks/chunk.M3ZIZPKF.js";import"../chunks/chunk.NI7UJOOZ.js";export{a as default};
package/dist/hotosm-ui.js CHANGED
@@ -1 +1 @@
1
- import{a as n}from"./chunks/chunk.JWXDWX4U.js";import{a as o,b as t,c as r}from"./chunks/chunk.PDA7Y3OG.js";import"./chunks/chunk.D4UQX7IV.js";import{a as e}from"./chunks/chunk.MCLA4YSC.js";import"./chunks/chunk.CFJBM2JT.js";import"./chunks/chunk.W65BP3JY.js";import{a as m}from"./chunks/chunk.3P72BRDN.js";import"./chunks/chunk.2E5B6OR3.js";import{a as i}from"./chunks/chunk.UOUAH7BX.js";import"./chunks/chunk.NA5VYRZH.js";import"./chunks/chunk.O6I2TNK3.js";import{a}from"./chunks/chunk.TTXUWWW4.js";import"./chunks/chunk.2ULJ7GOD.js";import"./chunks/chunk.34D2LPI2.js";import"./chunks/chunk.O2GMJYSL.js";import"./chunks/chunk.2FEIL35F.js";import"./chunks/chunk.6Y3X2E2V.js";import"./chunks/chunk.XV3ZU53D.js";import"./chunks/chunk.GTNRNZDH.js";import"./chunks/chunk.TNLBUOUK.js";import"./chunks/chunk.NI7UJOOZ.js";export{i as Button,a as Consent,n as Header,e as Logo,m as Tracking,o as injectCSSIntoShadowDOM,t as injectHOTThemeIntoButtons,r as setupAutoInjection};
1
+ import{a as n}from"./chunks/chunk.T5JYZBXW.js";import{a as o,b as t,c as r}from"./chunks/chunk.4CUSUMKJ.js";import"./chunks/chunk.D4UQX7IV.js";import{a as e}from"./chunks/chunk.MCLA4YSC.js";import"./chunks/chunk.CFJBM2JT.js";import"./chunks/chunk.W65BP3JY.js";import{a as m}from"./chunks/chunk.3P72BRDN.js";import"./chunks/chunk.2E5B6OR3.js";import{a as i}from"./chunks/chunk.4IHZBYNQ.js";import"./chunks/chunk.BPPYCS7U.js";import"./chunks/chunk.O6I2TNK3.js";import{a}from"./chunks/chunk.IGQ7CODZ.js";import"./chunks/chunk.SMJLJ4AN.js";import"./chunks/chunk.34D2LPI2.js";import"./chunks/chunk.O2GMJYSL.js";import"./chunks/chunk.2FEIL35F.js";import"./chunks/chunk.6Y3X2E2V.js";import"./chunks/chunk.M3ZIZPKF.js";import"./chunks/chunk.GTNRNZDH.js";import"./chunks/chunk.TNLBUOUK.js";import"./chunks/chunk.NI7UJOOZ.js";export{i as Button,a as Consent,n as Header,e as Logo,m as Tracking,o as injectCSSIntoShadowDOM,t as injectHOTThemeIntoButtons,r as setupAutoInjection};
@@ -24,7 +24,11 @@ export declare function injectCSSIntoShadowDOM(options: CSSInjectionOptions): vo
24
24
  */
25
25
  export declare function injectHOTThemeIntoButtons(): void;
26
26
  /**
27
- * Sets up a mutation observer to automatically inject CSS into new wa-button elements
28
- * This ensures that dynamically added buttons also get the HOT theme
27
+ * Injects CSS into all WebAwesome components that need HOT theme styling
28
+ */
29
+ export declare function injectHOTThemeIntoAllComponents(): void;
30
+ /**
31
+ * Sets up a mutation observer to automatically inject CSS into new WebAwesome elements
32
+ * This ensures that dynamically added components also get the HOT theme
29
33
  */
30
34
  export declare function setupAutoInjection(): void;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hotosm/ui",
3
- "version": "0.3.2-b8",
3
+ "version": "0.3.3-b0",
4
4
  "description": "Shared UI components with HOT theming.",
5
5
  "homepage": "https://github.com/hotosm/ui#readme",
6
6
  "author": {
@@ -1 +0,0 @@
1
- <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="3" y1="6" x2="21" y2="6"/><line x1="3" y1="12" x2="21" y2="12"/><line x1="3" y1="18" x2="21" y2="18"/></svg>
@@ -1 +0,0 @@
1
- import{e}from"./chunk.PDA7Y3OG.js";var r=e;customElements.define("hot-header",e);export{r as a};
@@ -1 +0,0 @@
1
- import{b as e}from"./chunk.2ULJ7GOD.js";var n=e;customElements.define("hot-consent",e);export{n as a};
@@ -1 +0,0 @@
1
- import{b as t}from"./chunk.NA5VYRZH.js";var o=t;customElements.define("hot-button",t);export{o as a};
@@ -1 +0,0 @@
1
- var o='data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="3" y1="6" x2="21" y2="6"/><line x1="3" y1="12" x2="21" y2="12"/><line x1="3" y1="18" x2="21" y2="18"/></svg>%20';function n(){let e=()=>{window.WebAwesome&&window.WebAwesome.iconRegistry?window.WebAwesome.iconRegistry.addIcon("hot-icons","list",o):setTimeout(e,100)};e()}var s=n;export{s as a};