@hotosm/ui 0.10.0 → 0.10.1
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/chunks/{chunk.IW4CQOKU.js → chunk.AD6PBOLJ.js} +1 -1
- package/dist/chunks/{chunk.G5R5NK6C.js → chunk.N7SRHM5F.js} +1 -1
- package/dist/chunks/chunk.NZ24D6VL.js +89 -0
- package/dist/chunks/{chunk.UFI755NV.js → chunk.ZZ7X3H3S.js} +1 -1
- package/dist/components/announcement/announcement.component.d.ts +16 -1
- package/dist/components/announcement/announcement.component.js +1 -1
- package/dist/components/announcement/announcement.js +1 -1
- package/dist/components/consent/consent.component.js +1 -1
- package/dist/components/consent/consent.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/hotosm-ui.js +1 -1
- package/package.json +1 -1
- package/dist/chunks/chunk.K3ILHIDX.js +0 -89
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as e}from"./chunk.
|
|
1
|
+
import{b as e}from"./chunk.NZ24D6VL.js";var t=e;customElements.get("hot-announcement")||customElements.define("hot-announcement",e);export{t as a};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as e}from"./chunk.
|
|
1
|
+
import{b as e}from"./chunk.ZZ7X3H3S.js";var n=e;customElements.get("hot-consent")||customElements.define("hot-consent",e);export{n as a};
|
|
@@ -0,0 +1,89 @@
|
|
|
1
|
+
import{a,b as d}from"./chunk.ZETV7TDG.js";import{a as g,d as u,f as b}from"./chunk.QABMDRWR.js";import{d as s,e as i,f as n,g as r}from"./chunk.N2W26RCT.js";Promise.allSettled([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")]);var S=["brand","success","neutral","warning"];function p(o){if(typeof o!="string"||o.length===0)return null;let h=new Date(o);return Number.isNaN(h.getTime())?null:h}var f,v,y,w,x,A,k,e=class extends b{constructor(){super(...arguments);this.name="hot-announcement";n(this,f,"");n(this,v,"");n(this,y,"");n(this,w,"brand");n(this,x,"Dismiss");n(this,A,"hot-announcement");n(this,k,"");this.visible=!1;this.startsAt=null;this.endsAt=null;this.fetchAbort=null}get version(){return i(this,f)}set version(t){r(this,f,t)}get title(){return i(this,v)}set title(t){r(this,v,t)}get message(){return i(this,y)}set message(t){r(this,y,t)}get variant(){return i(this,w)}set variant(t){r(this,w,t)}get dismissLabel(){return i(this,x)}set dismissLabel(t){r(this,x,t)}get storageKey(){return i(this,A)}set storageKey(t){r(this,A,t)}get src(){return i(this,k)}set src(t){r(this,k,t)}storageFullKey(){return`${this.storageKey}-${this.version}-dismissed`}dismiss(){this.version.length>0&&localStorage.setItem(this.storageFullKey(),"true"),this.visible=!1,this.dispatchEvent(new CustomEvent("dismiss",{detail:{version:this.version},bubbles:!0,composed:!0}))}connectedCallback(){super.connectedCallback(),this._evaluateVisibility()}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this.fetchAbort)==null||t.abort(),this.fetchAbort=null}willUpdate(t){if(t.has("src")&&this.src.length>0){this._loadRemoteConfig();return}(t.has("version")||t.has("storageKey"))&&this._evaluateVisibility()}async _loadRemoteConfig(){var l;(l=this.fetchAbort)==null||l.abort();let t=new AbortController;this.fetchAbort=t,this.visible=!1;try{let c=await fetch(this.src,{signal:t.signal});if(!c.ok)return;let m=await c.text();if(m.trim().length===0)return;let C=JSON.parse(m);this._applyRemoteConfig(C)}catch(c){if(c.name==="AbortError")return}finally{this.fetchAbort===t&&(this.fetchAbort=null)}}_applyRemoteConfig(t){typeof t.version=="string"&&(this.version=t.version),typeof t.title=="string"&&(this.title=t.title),typeof t.message=="string"&&(this.message=t.message),typeof t.variant=="string"&&S.includes(t.variant)&&(this.variant=t.variant),this.startsAt=p(t.startsAt),this.endsAt=p(t.endsAt),this._evaluateVisibility()}_evaluateVisibility(){if(this.version.length===0){this.src.length===0&&console.warn("[hot-announcement] `version` is required so dismissal can be keyed per release. Banner hidden."),this.visible=!1;return}let t=Date.now();if(this.startsAt&&t<this.startsAt.getTime()){this.visible=!1;return}if(this.endsAt&&t>this.endsAt.getTime()){this.visible=!1;return}let l=localStorage.getItem(this.storageFullKey())==="true";this.visible=!l}render(){return this.visible?u`
|
|
2
|
+
<div class="announcement-banner" role="status">
|
|
3
|
+
<wa-callout variant="${this.variant}" appearance="outlined filled" size="medium">
|
|
4
|
+
<wa-icon slot="icon" family="classic" variant="solid" name="circle-info"></wa-icon>
|
|
5
|
+
<div class="announcement-content">
|
|
6
|
+
<div class="announcement-body">
|
|
7
|
+
${this.title.length>0?u`<strong>${this.title}</strong>`:null}
|
|
8
|
+
<slot>${this.message}</slot>
|
|
9
|
+
</div>
|
|
10
|
+
<button
|
|
11
|
+
type="button"
|
|
12
|
+
class="announcement-dismiss"
|
|
13
|
+
aria-label="${this.dismissLabel}"
|
|
14
|
+
@click=${()=>this.dismiss()}
|
|
15
|
+
>
|
|
16
|
+
<wa-icon name="xmark"></wa-icon>
|
|
17
|
+
</button>
|
|
18
|
+
</div>
|
|
19
|
+
</wa-callout>
|
|
20
|
+
</div>
|
|
21
|
+
`:null}};f=new WeakMap,v=new WeakMap,y=new WeakMap,w=new WeakMap,x=new WeakMap,A=new WeakMap,k=new WeakMap,e.styles=g`
|
|
22
|
+
:host {
|
|
23
|
+
display: block;
|
|
24
|
+
font-family: var(--hot-font-sans);
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.announcement-banner {
|
|
28
|
+
position: sticky;
|
|
29
|
+
top: 0;
|
|
30
|
+
z-index: 1000;
|
|
31
|
+
width: 100%;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
wa-callout {
|
|
35
|
+
border-radius: 0;
|
|
36
|
+
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
.announcement-content {
|
|
40
|
+
display: flex;
|
|
41
|
+
align-items: center;
|
|
42
|
+
gap: var(--hot-spacing-small);
|
|
43
|
+
width: 100%;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
.announcement-body {
|
|
47
|
+
padding: 0 var(--hot-spacing-x-small);
|
|
48
|
+
flex: 1;
|
|
49
|
+
min-width: 0;
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
.announcement-body strong {
|
|
53
|
+
display: block;
|
|
54
|
+
margin-bottom: var(--hot-spacing-3x-small);
|
|
55
|
+
font-weight: var(--hot-font-weight-semibold);
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
.announcement-body ::slotted(a),
|
|
59
|
+
.announcement-body a {
|
|
60
|
+
color: var(--hot-color-primary-600);
|
|
61
|
+
text-decoration: underline;
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
.announcement-dismiss {
|
|
65
|
+
flex-shrink: 0;
|
|
66
|
+
display: inline-flex;
|
|
67
|
+
align-items: center;
|
|
68
|
+
justify-content: center;
|
|
69
|
+
width: 1.75rem;
|
|
70
|
+
height: 1.75rem;
|
|
71
|
+
padding: 0;
|
|
72
|
+
border: none;
|
|
73
|
+
border-radius: var(--hot-border-radius-medium);
|
|
74
|
+
background: transparent;
|
|
75
|
+
color: inherit;
|
|
76
|
+
cursor: pointer;
|
|
77
|
+
font-size: 1rem;
|
|
78
|
+
line-height: 1;
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
.announcement-dismiss:hover {
|
|
82
|
+
background: rgba(0, 0, 0, 0.06);
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
.announcement-dismiss:focus-visible {
|
|
86
|
+
outline: 2px solid var(--hot-color-primary-500);
|
|
87
|
+
outline-offset: 2px;
|
|
88
|
+
}
|
|
89
|
+
`,s([a({type:String})],e.prototype,"version",1),s([a({type:String})],e.prototype,"title",1),s([a({type:String})],e.prototype,"message",1),s([a({type:String})],e.prototype,"variant",1),s([a({type:String,attribute:"dismiss-label"})],e.prototype,"dismissLabel",1),s([a({type:String,attribute:"storage-key"})],e.prototype,"storageKey",1),s([a({type:String})],e.prototype,"src",1),s([d()],e.prototype,"visible",2),s([d()],e.prototype,"startsAt",2),s([d()],e.prototype,"endsAt",2);var $=e;export{e as a,$ as b};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as
|
|
1
|
+
import{a as l}from"./chunk.KO4EOD3I.js";import{a as d}from"./chunk.TUEFHEUN.js";import{a as o}from"./chunk.ZETV7TDG.js";import{d as r,f as c}from"./chunk.QABMDRWR.js";import{d as s,e as a,f as n,g as i}from"./chunk.N2W26RCT.js";Promise.allSettled([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,m,h,e=class extends c{constructor(){super(...arguments);this.name="hot-consent";n(this,u,"");n(this,g,!1);n(this,p,"About the information we collect");n(this,b,"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,h,"I Do Not Agree")}get consentId(){return a(this,u)}set consentId(t){i(this,u,t)}get isOpen(){return a(this,g)}set isOpen(t){i(this,g,t)}get title(){return a(this,p)}set title(t){i(this,p,t)}get message(){return a(this,b)}set message(t){i(this,b,t)}get agreeLabel(){return a(this,m)}set agreeLabel(t){i(this,m,t)}get notAgreeLabel(){return a(this,h)}set notAgreeLabel(t){i(this,h,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">
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { LitElement } from "lit";
|
|
2
2
|
import type { PropertyValues } from "lit";
|
|
3
|
-
|
|
3
|
+
declare const VARIANTS: readonly ["brand", "success", "neutral", "warning"];
|
|
4
|
+
type AnnouncementVariant = (typeof VARIANTS)[number];
|
|
4
5
|
export declare class Announcement extends LitElement {
|
|
5
6
|
name: string;
|
|
6
7
|
/** Release identifier used to key dismissal state. Required. */
|
|
@@ -19,13 +20,27 @@ export declare class Announcement extends LitElement {
|
|
|
19
20
|
* independent banners on the same origin.
|
|
20
21
|
*/
|
|
21
22
|
accessor storageKey: string;
|
|
23
|
+
/**
|
|
24
|
+
* Optional URL to a JSON config file. When set, the component fetches
|
|
25
|
+
* the config and uses it to drive the banner - letting ops update or
|
|
26
|
+
* remove notices without redeploying. Any fetch/parse failure or empty
|
|
27
|
+
* body silently hides the banner. Schema:
|
|
28
|
+
* { version, title?, message?, variant?, startsAt?, endsAt? }
|
|
29
|
+
*/
|
|
30
|
+
accessor src: string;
|
|
22
31
|
private visible;
|
|
32
|
+
private startsAt;
|
|
33
|
+
private endsAt;
|
|
34
|
+
private fetchAbort;
|
|
23
35
|
static styles: import("lit").CSSResult;
|
|
24
36
|
private storageFullKey;
|
|
25
37
|
/** Dismiss the banner and persist the choice for this version. */
|
|
26
38
|
dismiss(): void;
|
|
27
39
|
connectedCallback(): void;
|
|
40
|
+
disconnectedCallback(): void;
|
|
28
41
|
protected willUpdate(changedProps: PropertyValues): void;
|
|
42
|
+
private _loadRemoteConfig;
|
|
43
|
+
private _applyRemoteConfig;
|
|
29
44
|
private _evaluateVisibility;
|
|
30
45
|
protected render(): import("lit").TemplateResult<1> | null;
|
|
31
46
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a,b}from"../../chunks/chunk.
|
|
1
|
+
import{a,b}from"../../chunks/chunk.NZ24D6VL.js";import"../../chunks/chunk.ZETV7TDG.js";import"../../chunks/chunk.QABMDRWR.js";import"../../chunks/chunk.N2W26RCT.js";export{a as Announcement,b as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a}from"../../chunks/chunk.
|
|
1
|
+
import{a}from"../../chunks/chunk.AD6PBOLJ.js";import"../../chunks/chunk.NZ24D6VL.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.ZZ7X3H3S.js";import"../../chunks/chunk.KO4EOD3I.js";import"../../chunks/chunk.TUEFHEUN.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.N7SRHM5F.js";import"../../chunks/chunk.ZZ7X3H3S.js";import"../../chunks/chunk.KO4EOD3I.js";import"../../chunks/chunk.TUEFHEUN.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.IKKWEPSE.js";import"../../chunks/chunk.
|
|
1
|
+
import{a,b}from"../../chunks/chunk.IKKWEPSE.js";import"../../chunks/chunk.L7KUSNV7.js";import"../../chunks/chunk.MKQTK2RW.js";import"../../chunks/chunk.NCBKWO6J.js";import"../../chunks/chunk.UVBWHOA2.js";import"../../chunks/chunk.ZETV7TDG.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.NZMGMJCM.js";import"../../chunks/chunk.IKKWEPSE.js";import"../../chunks/chunk.
|
|
1
|
+
import{a}from"../../chunks/chunk.NZMGMJCM.js";import"../../chunks/chunk.IKKWEPSE.js";import"../../chunks/chunk.L7KUSNV7.js";import"../../chunks/chunk.MKQTK2RW.js";import"../../chunks/chunk.NCBKWO6J.js";import"../../chunks/chunk.UVBWHOA2.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 p}from"./chunks/chunk.ZG2J5SU5.js";import"./chunks/chunk.34AG3B2Y.js";import"./chunks/chunk.ZKUACKKG.js";import{a as y}from"./chunks/chunk.V7C4W6GD.js";import"./chunks/chunk.24HG5LKA.js";import"./chunks/chunk.DCR6GEE6.js";import{a as u}from"./chunks/chunk.V5BQICX2.js";import"./chunks/chunk.DNXHV7I7.js";import{a as
|
|
1
|
+
import{a as p}from"./chunks/chunk.ZG2J5SU5.js";import"./chunks/chunk.34AG3B2Y.js";import"./chunks/chunk.ZKUACKKG.js";import{a as y}from"./chunks/chunk.V7C4W6GD.js";import"./chunks/chunk.24HG5LKA.js";import"./chunks/chunk.DCR6GEE6.js";import{a as u}from"./chunks/chunk.V5BQICX2.js";import"./chunks/chunk.DNXHV7I7.js";import{a as S}from"./chunks/chunk.NZMGMJCM.js";import{a as m}from"./chunks/chunk.L2GREEZE.js";import"./chunks/chunk.LLGJXBVH.js";import"./chunks/chunk.UB7NXUCE.js";import{a as f}from"./chunks/chunk.AD6PBOLJ.js";import"./chunks/chunk.NZ24D6VL.js";import{a as d}from"./chunks/chunk.N7SRHM5F.js";import"./chunks/chunk.ZZ7X3H3S.js";import"./chunks/chunk.KO4EOD3I.js";import"./chunks/chunk.TUEFHEUN.js";import"./chunks/chunk.IKKWEPSE.js";import"./chunks/chunk.L7KUSNV7.js";import{a as h}from"./chunks/chunk.MKQTK2RW.js";import"./chunks/chunk.NCBKWO6J.js";import"./chunks/chunk.UVBWHOA2.js";import"./chunks/chunk.ZETV7TDG.js";import"./chunks/chunk.QABMDRWR.js";import"./chunks/chunk.N2W26RCT.js";function a(t,e=document){let o=[],r=e.querySelectorAll(t);return o.push(...Array.from(r)),e.querySelectorAll("*").forEach(i=>{i.shadowRoot&&o.push(...a(t,i.shadowRoot))}),o}function g(t){let{css:e,selector:o="wa-button",all:r=!0,styleId:s="hot-theme-injection"}=t;(r?a(o):[a(o)[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{f as Announcement,d as Consent,S as FileInputDropzone,m as Header,h as ListCard,p as Logo,y as ToolMenu,u as Tracking,g as injectCSSIntoShadowDOM};
|
package/package.json
CHANGED
|
@@ -1,89 +0,0 @@
|
|
|
1
|
-
import{a as n,b as d}from"./chunk.ZETV7TDG.js";import{a as l,d as o,f as c}from"./chunk.QABMDRWR.js";import{d as t,e as s,f as i,g as a}from"./chunk.N2W26RCT.js";Promise.allSettled([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")]);var m,u,h,b,g,p,e=class extends c{constructor(){super(...arguments);this.name="hot-announcement";i(this,m,"");i(this,u,"");i(this,h,"");i(this,b,"brand");i(this,g,"Dismiss");i(this,p,"hot-announcement");this.visible=!1}get version(){return s(this,m)}set version(r){a(this,m,r)}get title(){return s(this,u)}set title(r){a(this,u,r)}get message(){return s(this,h)}set message(r){a(this,h,r)}get variant(){return s(this,b)}set variant(r){a(this,b,r)}get dismissLabel(){return s(this,g)}set dismissLabel(r){a(this,g,r)}get storageKey(){return s(this,p)}set storageKey(r){a(this,p,r)}storageFullKey(){return`${this.storageKey}-${this.version}-dismissed`}dismiss(){this.version.length>0&&localStorage.setItem(this.storageFullKey(),"true"),this.visible=!1,this.dispatchEvent(new CustomEvent("dismiss",{detail:{version:this.version},bubbles:!0,composed:!0}))}connectedCallback(){super.connectedCallback(),this._evaluateVisibility()}willUpdate(r){(r.has("version")||r.has("storageKey"))&&this._evaluateVisibility()}_evaluateVisibility(){if(this.version.length===0){console.warn("[hot-announcement] `version` is required so dismissal can be keyed per release. Banner hidden."),this.visible=!1;return}let r=localStorage.getItem(this.storageFullKey())==="true";this.visible=!r}render(){return this.visible?o`
|
|
2
|
-
<div class="announcement-banner" role="status">
|
|
3
|
-
<wa-callout variant="${this.variant}" appearance="outlined filled" size="medium">
|
|
4
|
-
<wa-icon slot="icon" family="classic" variant="solid" name="circle-info"></wa-icon>
|
|
5
|
-
<div class="announcement-content">
|
|
6
|
-
<div class="announcement-body">
|
|
7
|
-
${this.title.length>0?o`<strong>${this.title}</strong>`:null}
|
|
8
|
-
<slot>${this.message}</slot>
|
|
9
|
-
</div>
|
|
10
|
-
<button
|
|
11
|
-
type="button"
|
|
12
|
-
class="announcement-dismiss"
|
|
13
|
-
aria-label="${this.dismissLabel}"
|
|
14
|
-
@click=${()=>this.dismiss()}
|
|
15
|
-
>
|
|
16
|
-
<wa-icon name="xmark"></wa-icon>
|
|
17
|
-
</button>
|
|
18
|
-
</div>
|
|
19
|
-
</wa-callout>
|
|
20
|
-
</div>
|
|
21
|
-
`:null}};m=new WeakMap,u=new WeakMap,h=new WeakMap,b=new WeakMap,g=new WeakMap,p=new WeakMap,e.styles=l`
|
|
22
|
-
:host {
|
|
23
|
-
display: block;
|
|
24
|
-
font-family: var(--hot-font-sans);
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
.announcement-banner {
|
|
28
|
-
position: sticky;
|
|
29
|
-
top: 0;
|
|
30
|
-
z-index: 1000;
|
|
31
|
-
width: 100%;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
wa-callout {
|
|
35
|
-
border-radius: 0;
|
|
36
|
-
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
.announcement-content {
|
|
40
|
-
display: flex;
|
|
41
|
-
align-items: center;
|
|
42
|
-
gap: var(--hot-spacing-small);
|
|
43
|
-
width: 100%;
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
.announcement-body {
|
|
47
|
-
padding: 0 var(--hot-spacing-x-small);
|
|
48
|
-
flex: 1;
|
|
49
|
-
min-width: 0;
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
.announcement-body strong {
|
|
53
|
-
display: block;
|
|
54
|
-
margin-bottom: var(--hot-spacing-3x-small);
|
|
55
|
-
font-weight: var(--hot-font-weight-semibold);
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
.announcement-body ::slotted(a),
|
|
59
|
-
.announcement-body a {
|
|
60
|
-
color: var(--hot-color-primary-600);
|
|
61
|
-
text-decoration: underline;
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
.announcement-dismiss {
|
|
65
|
-
flex-shrink: 0;
|
|
66
|
-
display: inline-flex;
|
|
67
|
-
align-items: center;
|
|
68
|
-
justify-content: center;
|
|
69
|
-
width: 1.75rem;
|
|
70
|
-
height: 1.75rem;
|
|
71
|
-
padding: 0;
|
|
72
|
-
border: none;
|
|
73
|
-
border-radius: var(--hot-border-radius-medium);
|
|
74
|
-
background: transparent;
|
|
75
|
-
color: inherit;
|
|
76
|
-
cursor: pointer;
|
|
77
|
-
font-size: 1rem;
|
|
78
|
-
line-height: 1;
|
|
79
|
-
}
|
|
80
|
-
|
|
81
|
-
.announcement-dismiss:hover {
|
|
82
|
-
background: rgba(0, 0, 0, 0.06);
|
|
83
|
-
}
|
|
84
|
-
|
|
85
|
-
.announcement-dismiss:focus-visible {
|
|
86
|
-
outline: 2px solid var(--hot-color-primary-500);
|
|
87
|
-
outline-offset: 2px;
|
|
88
|
-
}
|
|
89
|
-
`,t([n({type:String})],e.prototype,"version",1),t([n({type:String})],e.prototype,"title",1),t([n({type:String})],e.prototype,"message",1),t([n({type:String})],e.prototype,"variant",1),t([n({type:String,attribute:"dismiss-label"})],e.prototype,"dismissLabel",1),t([n({type:String,attribute:"storage-key"})],e.prototype,"storageKey",1),t([d()],e.prototype,"visible",2);var x=e;export{e as a,x as b};
|