@hotosm/ui 0.3.0-b7 → 0.3.0-b9

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 (69) hide show
  1. package/dist/assets/logo/osm-logo.png +0 -0
  2. package/dist/chunks/chunk.6VU523R3.js +1 -0
  3. package/dist/chunks/chunk.ASODQHWD.js +1 -0
  4. package/dist/chunks/chunk.BPXXHUUZ.js +1 -0
  5. package/dist/chunks/chunk.DH7XQ5FD.js +239 -0
  6. package/dist/chunks/{chunk.7KXDULC3.js → chunk.FRQNABAW.js} +88 -3
  7. package/dist/chunks/chunk.G3D6QL7M.js +218 -0
  8. package/dist/chunks/chunk.HIBNS72H.js +94 -0
  9. package/dist/chunks/chunk.KJNIHMV5.js +1 -0
  10. package/dist/chunks/chunk.KLERXQ4L.js +1 -0
  11. package/dist/chunks/chunk.KO4EOD3I.js +1 -0
  12. package/dist/chunks/chunk.LPP5A7DY.js +36 -0
  13. package/dist/chunks/chunk.N5ZPC4QF.js +1 -0
  14. package/dist/chunks/{chunk.R73PKLI4.js → chunk.PJ3V5264.js} +1 -1
  15. package/dist/chunks/chunk.VQWI2U6Y.js +1 -0
  16. package/dist/chunks/chunk.WEGVR65B.js +1 -0
  17. package/dist/chunks/chunk.YDNYCQ33.js +1 -0
  18. package/dist/components/consent/consent.component.d.ts +5 -3
  19. package/dist/components/consent/consent.component.js +1 -1
  20. package/dist/components/consent/consent.js +1 -1
  21. package/dist/components/consent/consent.styles.js +1 -1
  22. package/dist/components/header/header.component.d.ts +31 -3
  23. package/dist/components/header/header.component.js +1 -1
  24. package/dist/components/header/header.js +1 -1
  25. package/dist/components/header/header.styles.js +1 -1
  26. package/dist/components/icons.js +1 -1
  27. package/dist/components/logo/logo.component.js +1 -1
  28. package/dist/components/logo/logo.js +1 -1
  29. package/dist/components/logo/logo.styles.js +1 -1
  30. package/dist/components/tracking/tracking.component.d.ts +21 -0
  31. package/dist/components/tracking/tracking.component.js +1 -1
  32. package/dist/components/tracking/tracking.js +1 -1
  33. package/dist/hotosm-ui.d.ts +5 -117
  34. package/dist/hotosm-ui.js +1 -1
  35. package/dist/react/consent/index.js +1 -1
  36. package/dist/react/header/index.js +1 -1
  37. package/dist/react/index.js +1 -1
  38. package/dist/react/logo/index.js +1 -1
  39. package/dist/react/tracking/index.js +1 -1
  40. package/dist/style.css +1 -1
  41. package/dist/themes/hot-wa.css +179 -0
  42. package/package.json +1 -1
  43. package/dist/chunks/chunk.3FANZE43.js +0 -1
  44. package/dist/chunks/chunk.AFGPUO4H.js +0 -1
  45. package/dist/chunks/chunk.B3MIQKX3.js +0 -66
  46. package/dist/chunks/chunk.FWYUHKRF.js +0 -1
  47. package/dist/chunks/chunk.GVYEHPTU.js +0 -17
  48. package/dist/chunks/chunk.GY32O3WU.js +0 -26
  49. package/dist/chunks/chunk.JK2P4SXH.js +0 -1
  50. package/dist/chunks/chunk.KGPID6RT.js +0 -1
  51. package/dist/chunks/chunk.N5M5RY5M.js +0 -1
  52. package/dist/chunks/chunk.NZIJQUIE.js +0 -1
  53. package/dist/chunks/chunk.PUMXQ24J.js +0 -4
  54. package/dist/chunks/chunk.Q5SXKMUN.js +0 -18
  55. package/dist/chunks/chunk.WPXUR5EI.js +0 -49
  56. package/dist/components/toolbar/toolbar.component.d.ts +0 -24
  57. package/dist/components/toolbar/toolbar.component.js +0 -1
  58. package/dist/components/toolbar/toolbar.d.ts +0 -8
  59. package/dist/components/toolbar/toolbar.js +0 -1
  60. package/dist/components/toolbar/toolbar.styles.d.ts +0 -2
  61. package/dist/components/toolbar/toolbar.styles.js +0 -1
  62. package/dist/react/consent/index.d.ts +0 -3
  63. package/dist/react/header/index.d.ts +0 -3
  64. package/dist/react/index.d.ts +0 -62
  65. package/dist/react/logo/index.d.ts +0 -3
  66. package/dist/react/toolbar/index.d.ts +0 -3
  67. package/dist/react/toolbar/index.js +0 -1
  68. package/dist/react/tracking/index.d.ts +0 -3
  69. package/dist/themes/hot-sl.css +0 -180
@@ -1,125 +1,13 @@
1
1
  import HotHeader from './components/header/header.component.js';
2
2
  import HotLogo from './components/logo/logo.component.js';
3
- import HotToolbar from './components/toolbar/toolbar.component.js';
4
3
  import HotTracking from './components/tracking/tracking.component.js';
5
4
  import HotConsent from './components/consent/consent.component.js';
6
- import { setBasePath } from '@shoelace-style/shoelace/dist/utilities/base-path.js';
7
- import SlAlert from '@shoelace-style/shoelace/dist/components/alert/alert.component.js';
8
- import SlAnimatedImage from '@shoelace-style/shoelace/dist/components/animated-image/animated-image.component.js';
9
- import SlAnimation from '@shoelace-style/shoelace/dist/components/animation/animation.component.js';
10
- import SlAvatar from '@shoelace-style/shoelace/dist/components/avatar/avatar.component.js';
11
- import SlBadge from '@shoelace-style/shoelace/dist/components/badge/badge.component.js';
12
- import SlBreadcrumb from '@shoelace-style/shoelace/dist/components/breadcrumb/breadcrumb.component.js';
13
- import SlBreadcrumbItem from '@shoelace-style/shoelace/dist/components/breadcrumb-item/breadcrumb-item.component.js';
14
- import SlButton from '@shoelace-style/shoelace/dist/components/button/button.component.js';
15
- import SlButtonGroup from '@shoelace-style/shoelace/dist/components/button-group/button-group.component.js';
16
- import SlCard from '@shoelace-style/shoelace/dist/components/card/card.component.js';
17
- import SlCarousel from '@shoelace-style/shoelace/dist/components/carousel/carousel.component.js';
18
- import SlCarouselItem from '@shoelace-style/shoelace/dist/components/carousel-item/carousel-item.component.js';
19
- import SlCheckbox from '@shoelace-style/shoelace/dist/components/checkbox/checkbox.component.js';
20
- import SlColorPicker from '@shoelace-style/shoelace/dist/components/color-picker/color-picker.component.js';
21
- import SlCopyButton from '@shoelace-style/shoelace/dist/components/copy-button/copy-button.component.js';
22
- import SlDetails from '@shoelace-style/shoelace/dist/components/details/details.component.js';
23
- import SlDialog from '@shoelace-style/shoelace/dist/components/dialog/dialog.component.js';
24
- import SlDivider from '@shoelace-style/shoelace/dist/components/divider/divider.component.js';
25
- import SlDrawer from '@shoelace-style/shoelace/dist/components/drawer/drawer.component.js';
26
- import SlDropdown from '@shoelace-style/shoelace/dist/components/dropdown/dropdown.component.js';
27
- import SlFormatBytes from '@shoelace-style/shoelace/dist/components/format-bytes/format-bytes.component.js';
28
- import SlFormatDate from '@shoelace-style/shoelace/dist/components/format-date/format-date.component.js';
29
- import SlFormatNumber from '@shoelace-style/shoelace/dist/components/format-number/format-number.component.js';
30
- import SlIcon from '@shoelace-style/shoelace/dist/components/icon/icon.component.js';
31
- import SlIconButton from '@shoelace-style/shoelace/dist/components/icon-button/icon-button.component.js';
32
- import SlImageComparer from '@shoelace-style/shoelace/dist/components/image-comparer/image-comparer.component.js';
33
- import SlInclude from '@shoelace-style/shoelace/dist/components/include/include.component.js';
34
- import SlInput from '@shoelace-style/shoelace/dist/components/input/input.component.js';
35
- import SlMenu from '@shoelace-style/shoelace/dist/components/menu/menu.component.js';
36
- import SlMenuItem from '@shoelace-style/shoelace/dist/components/menu-item/menu-item.component.js';
37
- import SlMenuLabel from '@shoelace-style/shoelace/dist/components/menu-label/menu-label.component.js';
38
- import SlMutationObserver from '@shoelace-style/shoelace/dist/components/mutation-observer/mutation-observer.component.js';
39
- import SlOption from '@shoelace-style/shoelace/dist/components/option/option.component.js';
40
- import SlPopup from '@shoelace-style/shoelace/dist/components/popup/popup.component.js';
41
- import SlProgressBar from '@shoelace-style/shoelace/dist/components/progress-bar/progress-bar.component.js';
42
- import SlProgressRing from '@shoelace-style/shoelace/dist/components/progress-ring/progress-ring.component.js';
43
- import SlRadio from '@shoelace-style/shoelace/dist/components/radio/radio.component.js';
44
- import SlRadioButton from '@shoelace-style/shoelace/dist/components/radio-button/radio-button.component.js';
45
- import SlRadioGroup from '@shoelace-style/shoelace/dist/components/radio-group/radio-group.component.js';
46
- import SlRange from '@shoelace-style/shoelace/dist/components/range/range.component.js';
47
- import SlRating from '@shoelace-style/shoelace/dist/components/rating/rating.component.js';
48
- import SlRelativeTime from '@shoelace-style/shoelace/dist/components/relative-time/relative-time.component.js';
49
- import SlResizeObserver from '@shoelace-style/shoelace/dist/components/resize-observer/resize-observer.component.js';
50
- import SlSelect from '@shoelace-style/shoelace/dist/components/select/select.component.js';
51
- import SlSkeleton from '@shoelace-style/shoelace/dist/components/skeleton/skeleton.component.js';
52
- import SlSpinner from '@shoelace-style/shoelace/dist/components/spinner/spinner.component.js';
53
- import SlSplitPanel from '@shoelace-style/shoelace/dist/components/split-panel/split-panel.component.js';
54
- import SlSwitch from '@shoelace-style/shoelace/dist/components/switch/switch.component.js';
55
- import SlTab from '@shoelace-style/shoelace/dist/components/tab/tab.component.js';
56
- import SlTabGroup from '@shoelace-style/shoelace/dist/components/tab-group/tab-group.component.js';
57
- import SlTabPanel from '@shoelace-style/shoelace/dist/components/tab-panel/tab-panel.component.js';
58
- import SlTag from '@shoelace-style/shoelace/dist/components/tag/tag.component.js';
59
- import SlTextarea from '@shoelace-style/shoelace/dist/components/textarea/textarea.component.js';
60
- import SlTooltip from '@shoelace-style/shoelace/dist/components/tooltip/tooltip.component.js';
61
- import SlTree from '@shoelace-style/shoelace/dist/components/tree/tree.component.js';
62
- import SlTreeItem from '@shoelace-style/shoelace/dist/components/tree-item/tree-item.component.js';
63
- import SlVisuallyHidden from '@shoelace-style/shoelace/dist/components/visually-hidden/visually-hidden.component.js';
64
5
  declare global {
65
6
  interface HTMLElementTagNameMap {
66
- 'hot-alert': SlAlert;
67
- 'hot-animated-image': SlAnimatedImage;
68
- 'hot-animation': SlAnimation;
69
- 'hot-avatar': SlAvatar;
70
- 'hot-badge': SlBadge;
71
- 'hot-breadcrumb': SlBreadcrumb;
72
- 'hot-breadcrumb-item': SlBreadcrumbItem;
73
- 'hot-button': SlButton;
74
- 'hot-button-group': SlButtonGroup;
75
- 'hot-card': SlCard;
76
- 'hot-carousel': SlCarousel;
77
- 'hot-carousel-item': SlCarouselItem;
78
- 'hot-checkbox': SlCheckbox;
79
- 'hot-color-picker': SlColorPicker;
80
- 'hot-copy-button': SlCopyButton;
81
- 'hot-details': SlDetails;
82
- 'hot-dialog': SlDialog;
83
- 'hot-divider': SlDivider;
84
- 'hot-drawer': SlDrawer;
85
- 'hot-dropdown': SlDropdown;
86
- 'hot-format-bytes': SlFormatBytes;
87
- 'hot-format-date': SlFormatDate;
88
- 'hot-format-number': SlFormatNumber;
89
- 'hot-icon': SlIcon;
90
- 'hot-icon-button': SlIconButton;
91
- 'hot-image-comparer': SlImageComparer;
92
- 'hot-include': SlInclude;
93
- 'hot-input': SlInput;
94
- 'hot-menu': SlMenu;
95
- 'hot-menu-item': SlMenuItem;
96
- 'hot-menu-label': SlMenuLabel;
97
- 'hot-mutation-observer': SlMutationObserver;
98
- 'hot-option': SlOption;
99
- 'hot-popup': SlPopup;
100
- 'hot-progress-bar': SlProgressBar;
101
- 'hot-progress-ring': SlProgressRing;
102
- 'hot-radio': SlRadio;
103
- 'hot-radio-button': SlRadioButton;
104
- 'hot-radio-group': SlRadioGroup;
105
- 'hot-range': SlRange;
106
- 'hot-rating': SlRating;
107
- 'hot-relative-time': SlRelativeTime;
108
- 'hot-resize-observer': SlResizeObserver;
109
- 'hot-select': SlSelect;
110
- 'hot-skeleton': SlSkeleton;
111
- 'hot-spinner': SlSpinner;
112
- 'hot-split-panel': SlSplitPanel;
113
- 'hot-switch': SlSwitch;
114
- 'hot-tab': SlTab;
115
- 'hot-tab-group': SlTabGroup;
116
- 'hot-tab-panel': SlTabPanel;
117
- 'hot-tag': SlTag;
118
- 'hot-textarea': SlTextarea;
119
- 'hot-tooltip': SlTooltip;
120
- 'hot-tree': SlTree;
121
- 'hot-tree-item': SlTreeItem;
122
- 'hot-visually-hidden': SlVisuallyHidden;
7
+ 'hot-header': HotHeader;
8
+ 'hot-logo': HotLogo;
9
+ 'hot-tracking': HotTracking;
10
+ 'hot-consent': HotConsent;
123
11
  }
124
12
  }
125
- export { HotHeader as Header, HotLogo as Logo, HotToolbar as Toolbar, HotConsent as Consent, HotTracking as Tracking, setBasePath, SlAlert as Alert, SlAnimatedImage as AnimatedImage, SlAnimation as Animation, SlAvatar as Avatar, SlBadge as Badge, SlBreadcrumb as Breadcrumb, SlBreadcrumbItem as BreadcrumbItem, SlButton as Button, SlButtonGroup as ButtonGroup, SlCard as Card, SlCarousel as Carousel, SlCarouselItem as CarouselItem, SlCheckbox as Checkbox, SlColorPicker as ColorPicker, SlCopyButton as CopyButton, SlDetails as Details, SlDialog as Dialog, SlDivider as Divider, SlDrawer as Drawer, SlDropdown as Dropdown, SlFormatBytes as FormatBytes, SlFormatDate as FormatDate, SlFormatNumber as FormatNumber, SlIcon as Icon, SlIconButton as IconButton, SlImageComparer as ImageComparer, SlInclude as Include, SlInput as Input, SlMenu as Menu, SlMenuItem as MenuItem, SlMenuLabel as MenuLabel, SlMutationObserver as MutationObserver, SlOption as Option, SlPopup as Popup, SlProgressBar as ProgressBar, SlProgressRing as ProgressRing, SlRadio as Radio, SlRadioButton as RadioButton, SlRadioGroup as RadioGroup, SlRange as Range, SlRating as Rating, SlRelativeTime as RelativeTime, SlResizeObserver as ResizeObserver, SlSelect as Select, SlSkeleton as Skeleton, SlSpinner as Spinner, SlSplitPanel as SplitPanel, SlSwitch as Switch, SlTab as Tab, SlTabGroup as TabGroup, SlTabPanel as TabPanel, SlTag as Tag, SlTextarea as Textarea, SlTooltip as Tooltip, SlTree as Tree, SlTreeItem as TreeItem, SlVisuallyHidden as VisuallyHidden, };
13
+ export { HotHeader as Header, HotLogo as Logo, HotConsent as Consent, HotTracking as Tracking, };
package/dist/hotosm-ui.js CHANGED
@@ -1 +1 @@
1
- import{b as e}from"./chunks/chunk.R73PKLI4.js";import"./chunks/chunk.KTVXG6ZT.js";import{b as t}from"./chunks/chunk.GVYEHPTU.js";import"./chunks/chunk.PUMXQ24J.js";import{b as r}from"./chunks/chunk.NZIJQUIE.js";import{b as a}from"./chunks/chunk.GY32O3WU.js";import"./chunks/chunk.Q5SXKMUN.js";import{b as o}from"./chunks/chunk.B3MIQKX3.js";import"./chunks/chunk.WPXUR5EI.js";import"./chunks/chunk.7KXDULC3.js";import"./chunks/chunk.FWYUHKRF.js";import{setBasePath as uo}from"@shoelace-style/shoelace/dist/utilities/base-path.js";import i from"@shoelace-style/shoelace/dist/components/alert/alert.component.js";import m from"@shoelace-style/shoelace/dist/components/animated-image/animated-image.component.js";import l from"@shoelace-style/shoelace/dist/components/animation/animation.component.js";import n from"@shoelace-style/shoelace/dist/components/avatar/avatar.component.js";import p from"@shoelace-style/shoelace/dist/components/badge/badge.component.js";import d from"@shoelace-style/shoelace/dist/components/breadcrumb/breadcrumb.component.js";import s from"@shoelace-style/shoelace/dist/components/breadcrumb-item/breadcrumb-item.component.js";import S from"@shoelace-style/shoelace/dist/components/button/button.component.js";import f from"@shoelace-style/shoelace/dist/components/button-group/button-group.component.js";import h from"@shoelace-style/shoelace/dist/components/card/card.component.js";import u from"@shoelace-style/shoelace/dist/components/carousel/carousel.component.js";import b from"@shoelace-style/shoelace/dist/components/carousel-item/carousel-item.component.js";import c from"@shoelace-style/shoelace/dist/components/checkbox/checkbox.component.js";import g from"@shoelace-style/shoelace/dist/components/color-picker/color-picker.component.js";import T from"@shoelace-style/shoelace/dist/components/copy-button/copy-button.component.js";import B from"@shoelace-style/shoelace/dist/components/details/details.component.js";import I from"@shoelace-style/shoelace/dist/components/dialog/dialog.component.js";import v from"@shoelace-style/shoelace/dist/components/divider/divider.component.js";import R from"@shoelace-style/shoelace/dist/components/drawer/drawer.component.js";import C from"@shoelace-style/shoelace/dist/components/dropdown/dropdown.component.js";import P from"@shoelace-style/shoelace/dist/components/format-bytes/format-bytes.component.js";import D from"@shoelace-style/shoelace/dist/components/format-date/format-date.component.js";import k from"@shoelace-style/shoelace/dist/components/format-number/format-number.component.js";import w from"@shoelace-style/shoelace/dist/components/icon/icon.component.js";import y from"@shoelace-style/shoelace/dist/components/icon-button/icon-button.component.js";import M from"@shoelace-style/shoelace/dist/components/image-comparer/image-comparer.component.js";import A from"@shoelace-style/shoelace/dist/components/include/include.component.js";import x from"@shoelace-style/shoelace/dist/components/input/input.component.js";import H from"@shoelace-style/shoelace/dist/components/menu/menu.component.js";import F from"@shoelace-style/shoelace/dist/components/menu-item/menu-item.component.js";import G from"@shoelace-style/shoelace/dist/components/menu-label/menu-label.component.js";import O from"@shoelace-style/shoelace/dist/components/mutation-observer/mutation-observer.component.js";import L from"@shoelace-style/shoelace/dist/components/option/option.component.js";import z from"@shoelace-style/shoelace/dist/components/popup/popup.component.js";import N from"@shoelace-style/shoelace/dist/components/progress-bar/progress-bar.component.js";import V from"@shoelace-style/shoelace/dist/components/progress-ring/progress-ring.component.js";import E from"@shoelace-style/shoelace/dist/components/radio/radio.component.js";import j from"@shoelace-style/shoelace/dist/components/radio-button/radio-button.component.js";import q from"@shoelace-style/shoelace/dist/components/radio-group/radio-group.component.js";import J from"@shoelace-style/shoelace/dist/components/range/range.component.js";import K from"@shoelace-style/shoelace/dist/components/rating/rating.component.js";import Q from"@shoelace-style/shoelace/dist/components/relative-time/relative-time.component.js";import U from"@shoelace-style/shoelace/dist/components/resize-observer/resize-observer.component.js";import W from"@shoelace-style/shoelace/dist/components/select/select.component.js";import X from"@shoelace-style/shoelace/dist/components/skeleton/skeleton.component.js";import Y from"@shoelace-style/shoelace/dist/components/spinner/spinner.component.js";import Z from"@shoelace-style/shoelace/dist/components/split-panel/split-panel.component.js";import _ from"@shoelace-style/shoelace/dist/components/switch/switch.component.js";import $ from"@shoelace-style/shoelace/dist/components/tab/tab.component.js";import oo from"@shoelace-style/shoelace/dist/components/tab-group/tab-group.component.js";import eo from"@shoelace-style/shoelace/dist/components/tab-panel/tab-panel.component.js";import to from"@shoelace-style/shoelace/dist/components/tag/tag.component.js";import ro from"@shoelace-style/shoelace/dist/components/textarea/textarea.component.js";import ao from"@shoelace-style/shoelace/dist/components/tooltip/tooltip.component.js";import io from"@shoelace-style/shoelace/dist/components/tree/tree.component.js";import mo from"@shoelace-style/shoelace/dist/components/tree-item/tree-item.component.js";import lo from"@shoelace-style/shoelace/dist/components/visually-hidden/visually-hidden.component.js";i.define("hot-alert");m.define("hot-animated-image");l.define("hot-animation");n.define("hot-avatar");p.define("hot-badge");d.define("hot-breadcrumb");s.define("hot-breadcrumb-item");S.define("hot-button");f.define("hot-button-group");h.define("hot-card");u.define("hot-carousel");b.define("hot-carousel-item");c.define("hot-checkbox");g.define("hot-color-picker");T.define("hot-copy-button");B.define("hot-details");I.define("hot-dialog");v.define("hot-divider");R.define("hot-drawer");C.define("hot-dropdown");P.define("hot-format-bytes");D.define("hot-format-date");k.define("hot-format-number");w.define("hot-icon");y.define("hot-icon-button");M.define("hot-image-comparer");A.define("hot-include");x.define("hot-input");H.define("hot-menu");F.define("hot-menu-item");G.define("hot-menu-label");O.define("hot-mutation-observer");L.define("hot-option");z.define("hot-popup");N.define("hot-progress-bar");V.define("hot-progress-ring");E.define("hot-radio");j.define("hot-radio-button");q.define("hot-radio-group");J.define("hot-range");K.define("hot-rating");Q.define("hot-relative-time");U.define("hot-resize-observer");W.define("hot-select");X.define("hot-skeleton");Y.define("hot-spinner");Z.define("hot-split-panel");_.define("hot-switch");$.define("hot-tab");oo.define("hot-tab-group");eo.define("hot-tab-panel");to.define("hot-tag");ro.define("hot-textarea");ao.define("hot-tooltip");io.define("hot-tree");mo.define("hot-tree-item");lo.define("hot-visually-hidden");export{i as Alert,m as AnimatedImage,l as Animation,n as Avatar,p as Badge,d as Breadcrumb,s as BreadcrumbItem,S as Button,f as ButtonGroup,h as Card,u as Carousel,b as CarouselItem,c as Checkbox,g as ColorPicker,a as Consent,T as CopyButton,B as Details,I as Dialog,v as Divider,R as Drawer,C as Dropdown,P as FormatBytes,D as FormatDate,k as FormatNumber,o as Header,w as Icon,y as IconButton,M as ImageComparer,A as Include,x as Input,e as Logo,H as Menu,F as MenuItem,G as MenuLabel,O as MutationObserver,L as Option,z as Popup,N as ProgressBar,V as ProgressRing,E as Radio,j as RadioButton,q as RadioGroup,J as Range,K as Rating,Q as RelativeTime,U as ResizeObserver,W as Select,X as Skeleton,Y as Spinner,Z as SplitPanel,_ as Switch,$ as Tab,oo as TabGroup,eo as TabPanel,to as Tag,ro as Textarea,t as Toolbar,ao as Tooltip,r as Tracking,io as Tree,mo as TreeItem,lo as VisuallyHidden,uo as setBasePath};
1
+ import{b as t}from"./chunks/chunk.PJ3V5264.js";import"./chunks/chunk.KTVXG6ZT.js";import{b as e}from"./chunks/chunk.DH7XQ5FD.js";import{b as o}from"./chunks/chunk.HIBNS72H.js";import"./chunks/chunk.FRQNABAW.js";import{b as r}from"./chunks/chunk.LPP5A7DY.js";import"./chunks/chunk.KO4EOD3I.js";import"./chunks/chunk.G3D6QL7M.js";import"./chunks/chunk.VQWI2U6Y.js";export{r as Consent,o as Header,t as Logo,e as Tracking};
@@ -1 +1 @@
1
- import{a}from"../../chunks/chunk.KGPID6RT.js";import"../../chunks/chunk.GY32O3WU.js";import"../../chunks/chunk.Q5SXKMUN.js";import"../../chunks/chunk.WPXUR5EI.js";import"../../chunks/chunk.FWYUHKRF.js";export{a as default};
1
+ import{a}from"../../chunks/chunk.WEGVR65B.js";import"../../chunks/chunk.ASODQHWD.js";import"../../chunks/chunk.LPP5A7DY.js";import"../../chunks/chunk.KO4EOD3I.js";import"../../chunks/chunk.G3D6QL7M.js";import"../../chunks/chunk.VQWI2U6Y.js";export{a as default};
@@ -1 +1 @@
1
- import{a}from"../../chunks/chunk.JK2P4SXH.js";import"../../chunks/chunk.B3MIQKX3.js";import"../../chunks/chunk.WPXUR5EI.js";import"../../chunks/chunk.7KXDULC3.js";import"../../chunks/chunk.FWYUHKRF.js";export{a as default};
1
+ import{a}from"../../chunks/chunk.BPXXHUUZ.js";import"../../chunks/chunk.6VU523R3.js";import"../../chunks/chunk.HIBNS72H.js";import"../../chunks/chunk.FRQNABAW.js";import"../../chunks/chunk.KO4EOD3I.js";import"../../chunks/chunk.VQWI2U6Y.js";export{a as default};
@@ -1 +1 @@
1
- import{a as t}from"../chunks/chunk.KGPID6RT.js";import{a as e}from"../chunks/chunk.JK2P4SXH.js";import{a}from"../chunks/chunk.N5M5RY5M.js";import{a as o}from"../chunks/chunk.AFGPUO4H.js";import{a as r}from"../chunks/chunk.3FANZE43.js";import"../chunks/chunk.R73PKLI4.js";import"../chunks/chunk.KTVXG6ZT.js";import"../chunks/chunk.GVYEHPTU.js";import"../chunks/chunk.PUMXQ24J.js";import"../chunks/chunk.NZIJQUIE.js";import"../chunks/chunk.GY32O3WU.js";import"../chunks/chunk.Q5SXKMUN.js";import"../chunks/chunk.B3MIQKX3.js";import"../chunks/chunk.WPXUR5EI.js";import"../chunks/chunk.7KXDULC3.js";import"../chunks/chunk.FWYUHKRF.js";import{default as x}from"@shoelace-style/shoelace/dist/react/alert/index.js";import{default as i}from"@shoelace-style/shoelace/dist/react/animated-image/index.js";import{default as b}from"@shoelace-style/shoelace/dist/react/animation/index.js";import{default as c}from"@shoelace-style/shoelace/dist/react/avatar/index.js";import{default as I}from"@shoelace-style/shoelace/dist/react/badge/index.js";import{default as R}from"@shoelace-style/shoelace/dist/react/breadcrumb/index.js";import{default as P}from"@shoelace-style/shoelace/dist/react/breadcrumb-item/index.js";import{default as S}from"@shoelace-style/shoelace/dist/react/button/index.js";import{default as A}from"@shoelace-style/shoelace/dist/react/button-group/index.js";import{default as w}from"@shoelace-style/shoelace/dist/react/card/index.js";import{default as F}from"@shoelace-style/shoelace/dist/react/carousel/index.js";import{default as O}from"@shoelace-style/shoelace/dist/react/carousel-item/index.js";import{default as H}from"@shoelace-style/shoelace/dist/react/checkbox/index.js";import{default as z}from"@shoelace-style/shoelace/dist/react/color-picker/index.js";import{default as V}from"@shoelace-style/shoelace/dist/react/copy-button/index.js";import{default as q}from"@shoelace-style/shoelace/dist/react/details/index.js";import{default as J}from"@shoelace-style/shoelace/dist/react/dialog/index.js";import{default as Q}from"@shoelace-style/shoelace/dist/react/divider/index.js";import{default as W}from"@shoelace-style/shoelace/dist/react/drawer/index.js";import{default as Y}from"@shoelace-style/shoelace/dist/react/dropdown/index.js";import{default as _}from"@shoelace-style/shoelace/dist/react/format-bytes/index.js";import{default as ee}from"@shoelace-style/shoelace/dist/react/format-date/index.js";import{default as oe}from"@shoelace-style/shoelace/dist/react/format-number/index.js";import{default as te}from"@shoelace-style/shoelace/dist/react/icon/index.js";import{default as ue}from"@shoelace-style/shoelace/dist/react/icon-button/index.js";import{default as me}from"@shoelace-style/shoelace/dist/react/image-comparer/index.js";import{default as pe}from"@shoelace-style/shoelace/dist/react/include/index.js";import{default as xe}from"@shoelace-style/shoelace/dist/react/input/index.js";import{default as ie}from"@shoelace-style/shoelace/dist/react/menu/index.js";import{default as be}from"@shoelace-style/shoelace/dist/react/menu-item/index.js";import{default as ce}from"@shoelace-style/shoelace/dist/react/menu-label/index.js";import{default as Ie}from"@shoelace-style/shoelace/dist/react/mutation-observer/index.js";import{default as Re}from"@shoelace-style/shoelace/dist/react/option/index.js";import{default as Pe}from"@shoelace-style/shoelace/dist/react/popup/index.js";import{default as Se}from"@shoelace-style/shoelace/dist/react/progress-bar/index.js";import{default as Ae}from"@shoelace-style/shoelace/dist/react/progress-ring/index.js";import{default as we}from"@shoelace-style/shoelace/dist/react/radio/index.js";import{default as Fe}from"@shoelace-style/shoelace/dist/react/radio-button/index.js";import{default as Oe}from"@shoelace-style/shoelace/dist/react/radio-group/index.js";import{default as He}from"@shoelace-style/shoelace/dist/react/range/index.js";import{default as ze}from"@shoelace-style/shoelace/dist/react/rating/index.js";import{default as Ve}from"@shoelace-style/shoelace/dist/react/relative-time/index.js";import{default as qe}from"@shoelace-style/shoelace/dist/react/resize-observer/index.js";import{default as Je}from"@shoelace-style/shoelace/dist/react/select/index.js";import{default as Qe}from"@shoelace-style/shoelace/dist/react/skeleton/index.js";import{default as We}from"@shoelace-style/shoelace/dist/react/spinner/index.js";import{default as Ye}from"@shoelace-style/shoelace/dist/react/split-panel/index.js";import{default as _e}from"@shoelace-style/shoelace/dist/react/switch/index.js";import{default as ea}from"@shoelace-style/shoelace/dist/react/tab/index.js";import{default as oa}from"@shoelace-style/shoelace/dist/react/tab-group/index.js";import{default as ta}from"@shoelace-style/shoelace/dist/react/tab-panel/index.js";import{default as ua}from"@shoelace-style/shoelace/dist/react/tag/index.js";import{default as ma}from"@shoelace-style/shoelace/dist/react/textarea/index.js";import{default as pa}from"@shoelace-style/shoelace/dist/react/tooltip/index.js";import{default as xa}from"@shoelace-style/shoelace/dist/react/tree/index.js";import{default as ia}from"@shoelace-style/shoelace/dist/react/tree-item/index.js";import{default as ba}from"@shoelace-style/shoelace/dist/react/visually-hidden/index.js";export{x as Alert,i as AnimatedImage,b as Animation,c as Avatar,I as Badge,R as Breadcrumb,P as BreadcrumbItem,S as Button,A as ButtonGroup,w as Card,F as Carousel,O as CarouselItem,H as Checkbox,z as ColorPicker,t as Consent,V as CopyButton,q as Details,J as Dialog,Q as Divider,W as Drawer,Y as Dropdown,_ as FormatBytes,ee as FormatDate,oe as FormatNumber,e as Header,te as Icon,ue as IconButton,me as ImageComparer,pe as Include,xe as Input,a as Logo,ie as Menu,be as MenuItem,ce as MenuLabel,Ie as MutationObserver,Re as Option,Pe as Popup,Se as ProgressBar,Ae as ProgressRing,we as Radio,Fe as RadioButton,Oe as RadioGroup,He as Range,ze as Rating,Ve as RelativeTime,qe as ResizeObserver,Je as Select,Qe as Skeleton,We as Spinner,Ye as SplitPanel,_e as Switch,ea as Tab,oa as TabGroup,ta as TabPanel,ua as Tag,ma as Textarea,o as Toolbar,pa as Tooltip,r as Tracking,xa as Tree,ia as TreeItem,ba as VisuallyHidden};
1
+ import{a as o}from"../chunks/chunk.KJNIHMV5.js";import{a}from"../chunks/chunk.N5ZPC4QF.js";import"../chunks/chunk.YDNYCQ33.js";import"../chunks/chunk.KLERXQ4L.js";import{a as r}from"../chunks/chunk.WEGVR65B.js";import{a as e}from"../chunks/chunk.BPXXHUUZ.js";import"../chunks/chunk.PJ3V5264.js";import"../chunks/chunk.KTVXG6ZT.js";import"../chunks/chunk.DH7XQ5FD.js";import"../chunks/chunk.6VU523R3.js";import"../chunks/chunk.HIBNS72H.js";import"../chunks/chunk.FRQNABAW.js";import"../chunks/chunk.ASODQHWD.js";import"../chunks/chunk.LPP5A7DY.js";import"../chunks/chunk.KO4EOD3I.js";import"../chunks/chunk.G3D6QL7M.js";import"../chunks/chunk.VQWI2U6Y.js";export{r as Consent,e as Header,o as Logo,a as Tracking};
@@ -1 +1 @@
1
- import{a}from"../../chunks/chunk.N5M5RY5M.js";import"../../chunks/chunk.R73PKLI4.js";import"../../chunks/chunk.KTVXG6ZT.js";import"../../chunks/chunk.FWYUHKRF.js";export{a as default};
1
+ import{a}from"../../chunks/chunk.KJNIHMV5.js";import"../../chunks/chunk.YDNYCQ33.js";import"../../chunks/chunk.PJ3V5264.js";import"../../chunks/chunk.KTVXG6ZT.js";import"../../chunks/chunk.VQWI2U6Y.js";export{a as default};
@@ -1 +1 @@
1
- import{a}from"../../chunks/chunk.3FANZE43.js";import"../../chunks/chunk.NZIJQUIE.js";import"../../chunks/chunk.FWYUHKRF.js";export{a as default};
1
+ import{a}from"../../chunks/chunk.N5ZPC4QF.js";import"../../chunks/chunk.KLERXQ4L.js";import"../../chunks/chunk.DH7XQ5FD.js";import"../../chunks/chunk.VQWI2U6Y.js";export{a as default};
package/dist/style.css CHANGED
@@ -1,2 +1,2 @@
1
1
  @import 'themes/hot.css';
2
- @import 'themes/hot-sl.css';
2
+ @import 'themes/hot-wa.css';
@@ -0,0 +1,179 @@
1
+
2
+ /* HOT theme for Shoelace */
3
+
4
+
5
+ :root,
6
+ :host,
7
+ .wa-theme-light {
8
+
9
+ /*
10
+ * Color primitives
11
+ */
12
+
13
+ /* red - red */
14
+
15
+ --wa-color-red-950: #A52A28;
16
+ --wa-color-red-900: #B9302D;
17
+ --wa-color-red-800: #B83032;
18
+ --wa-color-red-700: #C53639;
19
+ --wa-color-red-600: #D73F3F;
20
+ --wa-color-red-500: #F34D47;
21
+ --wa-color-red-400: #ED5C5E;
22
+ --wa-color-red-300: #E27A7D;
23
+ --wa-color-red-200: #EC9EA1;
24
+ --wa-color-red-100: #FDD0D6;
25
+ --wa-color-red-50: #FEECEF;
26
+
27
+ /* rose - persian plum */
28
+
29
+ --wa-color-rose-950: #3E030B;
30
+ --wa-color-rose-900: #4B040E;
31
+ --wa-color-rose-800: #5C1517;
32
+ --wa-color-rose-700: #6B231D;
33
+ --wa-color-rose-600: #7C2E26;
34
+ --wa-color-rose-500: #7D463F;
35
+ --wa-color-rose-400: #9E6960;
36
+ --wa-color-rose-300: #B3837B;
37
+ --wa-color-rose-200: #CFA59E;
38
+ --wa-color-rose-100: #EAC7C0;
39
+ --wa-color-rose-50: #FFE6DE;
40
+
41
+ /* yellow - bright yellow */
42
+
43
+ --wa-color-yellow-950: #CC6508;
44
+ --wa-color-yellow-900: #E8750C;
45
+ --wa-color-yellow-800: #F77D0F;
46
+ --wa-color-yellow-700: #FAA71E;
47
+ --wa-color-yellow-600: #FCBF26;
48
+ --wa-color-yellow-500: #FED82E;
49
+ --wa-color-yellow-400: #FAE62E;
50
+ --wa-color-yellow-300: #FDEB51;
51
+ --wa-color-yellow-200: #FFF072;
52
+ --wa-color-yellow-100: #FFF59B;
53
+ --wa-color-yellow-50: #FFF9C3;
54
+
55
+ /* blue - space cadet */
56
+
57
+ --wa-color-blue-950: #111C31;
58
+ --wa-color-blue-900: #182642;
59
+ --wa-color-blue-800: #20365B;
60
+ --wa-color-blue-700: #263F68;
61
+ --wa-color-blue-600: #2E4873;
62
+ --wa-color-blue-500: #344F7B;
63
+ --wa-color-blue-400: #53688B;
64
+ --wa-color-blue-300: #71829E;
65
+ --wa-color-blue-200: #97A5BA;
66
+ --wa-color-blue-100: #BFC8D6;
67
+ --wa-color-blue-50: #E6E9EE;
68
+
69
+ /* cyan - cadet blue */
70
+
71
+ --wa-color-cyan-950: #2B514F;
72
+ --wa-color-cyan-900: #366361;
73
+ --wa-color-cyan-800: #408789;
74
+ --wa-color-cyan-700: #459BA0;
75
+ --wa-color-cyan-600: #4BB1B9;
76
+ --wa-color-cyan-500: #50C1CB;
77
+ --wa-color-cyan-400: #58CBD1;
78
+ --wa-color-cyan-300: #6AD4D9;
79
+ --wa-color-cyan-200: #8FE1E3;
80
+ --wa-color-cyan-100: #B9EDED;
81
+ --wa-color-cyan-50: #E3F8F8;
82
+
83
+ /* gray - dark slate gray */
84
+
85
+ --wa-color-gray-950: #2C3038;
86
+ --wa-color-gray-900: #404248;
87
+ --wa-color-gray-800: #515057;
88
+ --wa-color-gray-700: #615F66;
89
+ --wa-color-gray-600: #716F73;
90
+ --wa-color-gray-500: #828085;
91
+ --wa-color-gray-400: #9A969B;
92
+ --wa-color-gray-300: #B3B0B3;
93
+ --wa-color-gray-200: #C4C3C5;
94
+ --wa-color-gray-100: #E1E0E1;
95
+ --wa-color-gray-50: #F3F3F3;
96
+
97
+ /* neutral - black & white */
98
+
99
+ --wa-color-neutral-1000: #000;
100
+ --wa-color-neutral-0: #fff;
101
+
102
+ /*
103
+ * Color tokens
104
+ */
105
+
106
+ --wa-color-primary-950: var(--wa-color-red-950);
107
+ --wa-color-primary-900: var(--wa-color-red-900);
108
+ --wa-color-primary-800: var(--wa-color-red-800);
109
+ --wa-color-primary-700: var(--wa-color-red-700);
110
+ --wa-color-primary-600: var(--wa-color-red-600);
111
+ --wa-color-primary-500: var(--wa-color-red-500);
112
+ --wa-color-primary-400: var(--wa-color-red-400);
113
+ --wa-color-primary-300: var(--wa-color-red-300);
114
+ --wa-color-primary-200: var(--wa-color-red-200);
115
+ --wa-color-primary-100: var(--wa-color-red-100);
116
+ --wa-color-primary-50: var(--wa-color-red-50);
117
+
118
+ --wa-color-danger-950: var(--wa-color-rose-950);
119
+ --wa-color-danger-900: var(--wa-color-rose-900);
120
+ --wa-color-danger-800: var(--wa-color-rose-800);
121
+ --wa-color-danger-700: var(--wa-color-rose-700);
122
+ --wa-color-danger-600: var(--wa-color-rose-600);
123
+ --wa-color-danger-500: var(--wa-color-rose-500);
124
+ --wa-color-danger-400: var(--wa-color-rose-400);
125
+ --wa-color-danger-300: var(--wa-color-rose-300);
126
+ --wa-color-danger-200: var(--wa-color-rose-200);
127
+ --wa-color-danger-100: var(--wa-color-rose-100);
128
+ --wa-color-danger-50: var(--wa-color-rose-50);
129
+
130
+ --wa-color-neutral-950: var(--wa-color-gray-950);
131
+ --wa-color-neutral-900: var(--wa-color-gray-900);
132
+ --wa-color-neutral-800: var(--wa-color-gray-800);
133
+ --wa-color-neutral-700: var(--wa-color-gray-700);
134
+ --wa-color-neutral-600: var(--wa-color-gray-600);
135
+ --wa-color-neutral-500: var(--wa-color-gray-500);
136
+ --wa-color-neutral-400: var(--wa-color-gray-400);
137
+ --wa-color-neutral-300: var(--wa-color-gray-300);
138
+ --wa-color-neutral-200: var(--wa-color-gray-200);
139
+ --wa-color-neutral-100: var(--wa-color-gray-100);
140
+ --wa-color-neutral-50: var(--wa-color-gray-50);
141
+
142
+ --wa-color-success-950: var(--wa-color-cyan-950);
143
+ --wa-color-success-900: var(--wa-color-cyan-900);
144
+ --wa-color-success-800: var(--wa-color-cyan-800);
145
+ --wa-color-success-700: var(--wa-color-cyan-700);
146
+ --wa-color-success-600: var(--wa-color-cyan-600);
147
+ --wa-color-success-500: var(--wa-color-cyan-500);
148
+ --wa-color-success-400: var(--wa-color-cyan-400);
149
+ --wa-color-success-300: var(--wa-color-cyan-300);
150
+ --wa-color-success-200: var(--wa-color-cyan-200);
151
+ --wa-color-success-100: var(--wa-color-cyan-100);
152
+ --wa-color-success-50: var(--wa-color-cyan-50);
153
+
154
+ --wa-color-warning-950: var(--wa-color-yellow-950);
155
+ --wa-color-warning-900: var(--wa-color-yellow-900);
156
+ --wa-color-warning-800: var(--wa-color-yellow-800);
157
+ --wa-color-warning-700: var(--wa-color-yellow-700);
158
+ --wa-color-warning-600: var(--wa-color-yellow-600);
159
+ --wa-color-warning-500: var(--wa-color-yellow-500);
160
+ --wa-color-warning-400: var(--wa-color-yellow-400);
161
+ --wa-color-warning-300: var(--wa-color-yellow-300);
162
+ --wa-color-warning-200: var(--wa-color-yellow-200);
163
+ --wa-color-warning-100: var(--wa-color-yellow-100);
164
+ --wa-color-warning-50: var(--wa-color-yellow-50);
165
+
166
+ /*
167
+ * Typography
168
+ */
169
+
170
+ /* Fonts */
171
+ --wa-font-sans: Archivo, -apple-system, Roboto, Helvetica, Arial, sans-serif,
172
+ 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
173
+ --wa-font-sans-variant: 'Barlow Condensed';
174
+ --wa-font-sefif: Georgia, 'Times New Roman', serif;
175
+ --wa-font-mono: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace;
176
+
177
+
178
+ }
179
+
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hotosm/ui",
3
- "version": "0.3.0-b7",
3
+ "version": "0.3.0-b9",
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
- import{b as t}from"./chunk.NZIJQUIE.js";import*as e from"react";import{createComponent as a}from"@lit/react";var o="hot-tracking",r=a({tagName:o,elementClass:t,react:e,events:{},displayName:"Tracking"}),p=r;export{p as a};
@@ -1 +0,0 @@
1
- import{b as o}from"./chunk.GVYEHPTU.js";import*as t from"react";import{createComponent as e}from"@lit/react";var a="hot-toolbar",r=e({tagName:a,elementClass:o,react:t,events:{},displayName:"Toolbar"}),n=r;export{n as a};
@@ -1,66 +0,0 @@
1
- import{a as d}from"./chunk.WPXUR5EI.js";import{a as h,b as g}from"./chunk.7KXDULC3.js";import{a as t,b as s,c as l,d as o}from"./chunk.FWYUHKRF.js";import"@shoelace-style/shoelace/dist/components/icon-button/icon-button.js";import"@shoelace-style/shoelace/dist/components/tab-group/tab-group.js";import"@shoelace-style/shoelace/dist/components/tab/tab.js";import{LitElement as E,html as n}from"lit";import{property as a}from"lit/decorators.js";d();var b,p,m,v,u,y,$,e=class extends E{constructor(){super(...arguments);this.name="hot-header";l(this,b,"");l(this,p,"");l(this,m,!0);l(this,v,[]);l(this,u,"small");l(this,y,!0);l(this,$,0)}get title(){return s(this,b)}set title(r){o(this,b,r)}get logo(){return s(this,p)}set logo(r){o(this,p,r)}get drawer(){return s(this,m)}set drawer(r){o(this,m,r)}get tabs(){return s(this,v)}set tabs(r){o(this,v,r)}get size(){return s(this,u)}set size(r){o(this,u,r)}get borderBottom(){return s(this,y)}set borderBottom(r){o(this,y,r)}get selectedTab(){return s(this,$)}set selectedTab(r){o(this,$,r)}selectTab(r){console.log(r),this.tabs=[...this.tabs],this.selectedTab=r}render(){let r=typeof this.logo=="string"||this.logo instanceof URL?typeof this.logo=="string"?this.logo:this.logo.href:"";return n`
2
- <header class=${h({size:this.size,borderBottom:this.borderBottom})}>
3
- <a href="/" class="header--link">
4
- ${r.length>0?n`
5
- <img
6
- id="logo"
7
- src="${this.logo}"
8
- alt="Logo"
9
- class="header--logo-img"
10
- />
11
- `:n`
12
- <hot-logo
13
- ?iconOnly="${this.title.length>0}"
14
- >
15
- </hot-logo>
16
- `}
17
- ${this.title.length>0?n`
18
- <h1 class="header--title">
19
- ${this.title}
20
- </h1>
21
- `:null}
22
- </a>
23
-
24
- ${""}
25
- <nav
26
- class="header--nav"
27
- >
28
- <sl-tab-group class="header--tab-group">
29
- ${this.tabs.map((i,c)=>n`
30
- <sl-tab
31
- class=${["header--tab",this.selectedTab===c?"header--tab-active":""].join(" ")}
32
- slot="nav"
33
- @click=${f=>{this._tabClick(f,i.clickEvent,c)}}
34
- >
35
- ${i.label}
36
- </sl-tab>
37
- `)}
38
- </sl-tab-group>
39
- </nav>
40
-
41
- ${""}
42
- ${""}
43
- <nav
44
- class="header--nav-mobile"
45
- ></nav>
46
-
47
- <div id="right-section" class="header--right-section">
48
- <sl-icon-button
49
- name="person-fill"
50
- library="hot-icons"
51
- class="header--person-circle"
52
- label="login"
53
- @click=${i=>{this._handleLogin(i)}}
54
- ></sl-icon-button>
55
- ${this.drawer?n`
56
- <sl-icon-button
57
- library="hot-icons"
58
- class="header--drawer"
59
- name="list"
60
- label="drawer-open"
61
- ></sl-icon-button>
62
- `:null}
63
- </div>
64
- </div>
65
- </header>
66
- `}_tabClick(r,i,c){this.selectTab(c),i()}_handleLogin(r){this.dispatchEvent(new Event("login"))}};b=new WeakMap,p=new WeakMap,m=new WeakMap,v=new WeakMap,u=new WeakMap,y=new WeakMap,$=new WeakMap,e.styles=[g],t([a({type:String})],e.prototype,"title",1),t([a({type:String})],e.prototype,"logo",1),t([a({type:Boolean})],e.prototype,"drawer",1),t([a({type:Array})],e.prototype,"tabs",1),t([a({type:String})],e.prototype,"size",1),t([a({type:Boolean})],e.prototype,"borderBottom",1),t([a({type:Number})],e.prototype,"selectedTab",1);var R=e;customElements.define("hot-header",e);export{e as a,R as b};
@@ -1 +0,0 @@
1
- var i=Object.defineProperty;var j=Object.getOwnPropertyDescriptor;var k=(b,a,c,d)=>{for(var e=d>1?void 0:d?j(a,c):a,f=b.length-1,g;f>=0;f--)(g=b[f])&&(e=(d?g(a,c,e):g(e))||e);return d&&e&&i(a,c,e),e};var h=(b,a,c)=>{if(!a.has(b))throw TypeError("Cannot "+c)};var l=(b,a,c)=>(h(b,a,"read from private field"),c?c.call(b):a.get(b)),m=(b,a,c)=>{if(a.has(b))throw TypeError("Cannot add the same private member more than once");a instanceof WeakSet?a.add(b):a.set(b,c)},n=(b,a,c,d)=>(h(b,a,"write to private field"),d?d.call(b,c):a.set(b,c),c);export{k as a,l as b,m as c,n as d};
@@ -1,17 +0,0 @@
1
- import{a as d}from"./chunk.PUMXQ24J.js";import{a as c}from"./chunk.WPXUR5EI.js";import{a as l,b as a,c as s,d as p}from"./chunk.FWYUHKRF.js";import"@shoelace-style/shoelace/dist/components/button/button.js";import"@shoelace-style/shoelace/dist/components/button-group/button-group.js";import"@shoelace-style/shoelace/dist/components/icon/icon.js";import"@shoelace-style/shoelace/dist/components/tooltip/tooltip.js";import{LitElement as g,html as r}from"lit";import{property as v}from"lit/decorators.js";c();var u,e=class extends g{constructor(){super(...arguments);this.name="hot-toolbar";s(this,u,"top");this.undo=t=>{t.stopPropagation(),this.dispatchEvent(new Event("undo"))};this.redo=t=>{t.stopPropagation(),this.dispatchEvent(new Event("redo"))};this.bold=t=>{t.stopPropagation(),this.dispatchEvent(new Event("bold"))};this.italic=t=>{t.stopPropagation(),this.dispatchEvent(new Event("italic"))};this.underline=t=>{t.stopPropagation(),this.dispatchEvent(new Event("underline"))};this.alignLeft=t=>{t.stopPropagation(),this.dispatchEvent(new Event("leftalign"))};this.alignCenter=t=>{t.stopPropagation(),this.dispatchEvent(new Event("centeralign"))};this.alignRight=t=>{t.stopPropagation(),this.dispatchEvent(new Event("rightalign"))}}get tooltipPosition(){return a(this,u)}set tooltipPosition(t){p(this,u,t)}render(){return r`
2
- <div class="toolbar">
3
- ${this.renderButtonGroup("History",[{content:"Undo",icon:"arrow-counterclockwise",label:"Undo",action:this.undo},{content:"Redo",icon:"arrow-clockwise",label:"Redo",action:this.redo}])}
4
- ${this.renderButtonGroup("Formatting",[{content:"Bold",icon:"type-bold",label:"Bold",action:this.bold},{content:"Italic",icon:"type-italic",label:"Italic",action:this.italic},{content:"Underline",icon:"type-underline",label:"Underline",action:this.underline}])}
5
- ${this.renderButtonGroup("Alignment",[{content:"Align Left",icon:"justify-left",label:"Align Left",action:this.alignLeft},{content:"Align Center",icon:"justify",label:"Align Center",action:this.alignCenter},{content:"Align Right",icon:"justify-right",label:"Align Right",action:this.alignRight}])}
6
- </div>
7
- `}renderButtonGroup(t,n){return r`
8
- <sl-button-group label=${t}>
9
- ${n.map(o=>this.renderButton(o))}
10
- </sl-button-group>
11
- `}renderButton({content:t,icon:n,label:o,action:i}){return r`
12
- <sl-tooltip content=${t} placement="${this.tooltipPosition}">
13
- <sl-button @click=${i!=null?i:()=>{}}
14
- ><sl-icon library="hot-icons" name=${n} label=${o}></sl-icon
15
- ></sl-button>
16
- </sl-tooltip>
17
- `}};u=new WeakMap,e.styles=[d],l([v({type:String,attribute:"tooltip-position"})],e.prototype,"tooltipPosition",1);var B=e;customElements.define("hot-toolbar",e);export{e as a,B as b};
@@ -1,26 +0,0 @@
1
- import{a as c}from"./chunk.Q5SXKMUN.js";import{a as i}from"./chunk.WPXUR5EI.js";import{a as s,b as o,c as n,d as r}from"./chunk.FWYUHKRF.js";import"@shoelace-style/shoelace/dist/components/alert/alert.js";import{LitElement as m,html as l}from"lit";import{property as a}from"lit/decorators.js";i();var g,u,p,d,b,h,f,e=class extends m{constructor(){super(...arguments);this.name="hot-consent";n(this,g,"");n(this,u,!1);n(this,p,!0);n(this,d,"About the information we collect");n(this,b,l`<p>We use cookies and similar technologies to \
2
- recognize and analyze your visits, and measure traffic usage and activity.</p>`);n(this,h,"I Agree");n(this,f,"I Do Dot Agree")}get consentId(){return o(this,g)}set consentId(t){r(this,g,t)}get force(){return o(this,u)}set force(t){r(this,u,t)}get isOpen(){return o(this,p)}set isOpen(t){r(this,p,t)}get title(){return o(this,d)}set title(t){r(this,d,t)}get message(){return o(this,b)}set message(t){r(this,b,t)}get agreeLabel(){return o(this,h)}set agreeLabel(t){r(this,h,t)}get notAgreeLabel(){return o(this,f)}set notAgreeLabel(t){r(this,f,t)}render(){return l`<sl-alert class="consent" variant="danger" ?open=${this.isOpen}>
3
- <sl-icon
4
- id="hot-red-text"
5
- library="bundled"
6
- slot="icon"
7
- name="info-circle"
8
- ></sl-icon>
9
-
10
- <h2 id="consent-header" class="consent--header">
11
- ${this.title}
12
- </h2>
13
-
14
- <p class="consent--message">
15
- <slot part="label"></slot>
16
- </p>
17
-
18
- <sl-button
19
- @click=${t=>{this._setAgree(t)}}
20
- >${this.agreeLabel}</sl-button
21
- >
22
- <sl-button
23
- @click=${t=>{this._setDisagree(t)}}
24
- >${this.notAgreeLabel}</sl-button
25
- >
26
- </sl-alert>`}_setAgree(t){this.isOpen=!1,localStorage.setItem(`${this.consentId}-consent-agree`,"true"),this.dispatchEvent(new Event("agree",{bubbles:!0,composed:!0}))}_setDisagree(t){this.isOpen=!1,localStorage.setItem(`${this.consentId}-consent-agree`,"false"),this.dispatchEvent(new Event("disagree",{bubbles:!0,composed:!0}))}connectedCallback(){super.connectedCallback();let t=localStorage.getItem(`${this.consentId}-consent-agree`);if(t==="false"){this.isOpen=!1;return}t==="true"&&(this.isOpen=!1)}};g=new WeakMap,u=new WeakMap,p=new WeakMap,d=new WeakMap,b=new WeakMap,h=new WeakMap,f=new WeakMap,e.styles=[c],s([a({type:String,attribute:"consent-id"})],e.prototype,"consentId",1),s([a({type:Boolean})],e.prototype,"force",1),s([a({type:Boolean})],e.prototype,"isOpen",1),s([a({type:String})],e.prototype,"title",1),s([a({type:String})],e.prototype,"message",1),s([a({type:String,attribute:"agree-label"})],e.prototype,"agreeLabel",1),s([a({type:String,attribute:"not-agree-label"})],e.prototype,"notAgreeLabel",1);var O=e;customElements.define("hot-consent",e);export{e as a,O as b};
@@ -1 +0,0 @@
1
- import{b as e}from"./chunk.B3MIQKX3.js";import*as t from"react";import{createComponent as a}from"@lit/react";var o="hot-header",r=a({tagName:o,elementClass:e,react:t,events:{},displayName:"Header"}),n=r;export{n as a};
@@ -1 +0,0 @@
1
- import{b as e}from"./chunk.GY32O3WU.js";import*as t from"react";import{createComponent as o}from"@lit/react";var a="hot-consent",n=o({tagName:a,elementClass:e,react:t,events:{},displayName:"Consent"}),p=n;export{p as a};
@@ -1 +0,0 @@
1
- import{b as o}from"./chunk.R73PKLI4.js";import*as e from"react";import{createComponent as t}from"@lit/react";var a="hot-logo",r=t({tagName:a,elementClass:o,react:e,events:{},displayName:"Logo"}),n=r;export{n as a};
@@ -1 +0,0 @@
1
- import{a as i,b as s,c as a,d as r}from"./chunk.FWYUHKRF.js";import{LitElement as u}from"lit";import{property as d}from"lit/decorators.js";var m,h,g,n=class extends u{constructor(){super(...arguments);this.name="hot-tracking";a(this,m,"");a(this,h,"");a(this,g,"https://matomo.hotosm.org")}get siteId(){return s(this,m)}set siteId(e){r(this,m,e)}get domain(){return s(this,h)}set domain(e){r(this,h,e)}get matomoURL(){return s(this,g)}set matomoURL(e){r(this,g,e)}agree(){(window._paq=window._paq||[]).length}disagree(){let e=window._paq=window._paq||[];e.length!==0&&e.push(["forgetConsentGiven"])}connectedCallback(){if(super.connectedCallback(),window.location.hostname!==this.domain){console.warn(`Matomo init failed. ${window.location.hostname} does not match ${this.domain}.`);return}let e=this.siteId;if(e.length===0||this.domain.length===0){console.warn("Matomo init failed. No site id or domains provided.");return}console.log(`Setting Matomo tracking for site=${e} domain=${this.domain}`);let t=window._paq=window._paq||[];t.push(["requireConsent"]),t.push(["setDomains",[this.domain]]),t.push(["trackPageView"]),t.push(["enableLinkTracking"]),t.push(["trackVisibleContentImpressions"]),function(p){t.push(["setTrackerUrl",`${p}/matomo.php`]),t.push(["setSiteId",e]);let l=document,c=l.createElement("script"),o=l.getElementsByTagName("script")[0];(o==null?void 0:o.parentNode)!=null?(c.async=!0,c.src=`${p}/matomo.js`,o.parentNode.insertBefore(c,o)):console.warn("Script insertion failed. Parent node is null.")}(this.matomoURL)}};m=new WeakMap,h=new WeakMap,g=new WeakMap,i([d({type:String,attribute:"site-id"})],n.prototype,"siteId",1),i([d({type:String})],n.prototype,"domain",1),i([d({type:String})],n.prototype,"matomoURL",1);var k=n;customElements.define("hot-tracking",n);export{n as a,k as b};
@@ -1,4 +0,0 @@
1
- import{css as o}from"lit";var t=o`
2
- .toolbar {
3
- }
4
- `;export{t as a};
@@ -1,18 +0,0 @@
1
- import{css as o}from"lit";var e=o`
2
- .consent {
3
- text-align: center;
4
- }
5
-
6
- .consent--header {
7
- font-weight: var(--hot-font-weight-semibold);
8
- font-size: var(--hot-font-size-large);
9
- }
10
-
11
- .consent--link {
12
- color: var(--hot-color-primary-700);
13
- }
14
-
15
- .consent--message {
16
- margin-bottom: var(--hot-spacing-large);
17
- }
18
- `;export{e as a};