@hotosm/ui 0.2.0-b5 → 0.3.0-b2

package/dist/components/header/header.component.d.ts

@@ -0,0 +1,33 @@
+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 } from "lit";
+import { type sizes } from './header.styles.js';
+import type { CSSResultGroup } from 'lit';
+interface MenuItem {
+    label: string;
+    clickEvent: () => void;
+}
+export declare class Header extends LitElement {
+    static styles: CSSResultGroup;
+    name: string;
+    /** Use a text-based title in the header. */
+    accessor title: string;
+    /** Display a logo on the left of the header. */
+    accessor logo: string | URL;
+    /** Add a drawer icon with a click event to e.g. open a sidebar. */
+    accessor drawer: boolean;
+    /** Array of menu items to include as navigation tabs. */
+    accessor tabs: MenuItem[];
+    /** Size of toolbar vertically. */
+    accessor size: sizes;
+    /** Border bottom. */
+    accessor borderBottom: boolean;
+    /** Index of the selected tab. */
+    accessor selectedTab: number;
+    selectTab(index: number): void;
+    protected render(): import("lit").TemplateResult<1>;
+    private _tabClick;
+    private _handleLogin;
+}
+export default Header;

package/dist/components/header/header.component.js

@@ -0,0 +1 @@
+import{a,b}from"../../chunks/chunk.B3MIQKX3.js";import"../../chunks/chunk.WPXUR5EI.js";import"../../chunks/chunk.7KXDULC3.js";import"../../chunks/chunk.FWYUHKRF.js";export{a as Header,b as default};

package/dist/components/header/header.d.ts

@@ -1,28 +1,8 @@
-import { LitElement, CSSResultGroup } from 'lit';
-import { sizes } from './header.styles.js';
-
-interface MenuItem {
-    label: string;
-    clickEvent: () => void;
-}
-export declare class Header extends LitElement {
-    static styles: CSSResultGroup;
-    name: string;
-    /** Use a text-based title in the header. */
-    accessor title: string;
-    /** Display a logo on the left of the header. */
-    accessor logo: string | URL;
-    /** Add a drawer icon with a click event to e.g. open a sidebar. */
-    accessor drawer: boolean;
-    /** Array of menu items to include as navigation tabs. */
-    accessor tabs: MenuItem[];
-    /** Size of toolbar vertically. */
-    accessor size: sizes;
-    /** Border bottom. */
-    accessor borderBottom: boolean;
-    accessor selectedTab: number;
-    protected render(): import('lit').TemplateResult<1>;
-    private _selectTab;
-    private _handleLogin;
-}
+import Header from './header.component.js';
+export * from './header.component.js';
 export default Header;
+declare global {
+    interface HTMLElementTagNameMap {
+        'hot-header': Header;
+    }
+}

package/dist/components/header/header.js

@@ -0,0 +1 @@
+import{a,b as e}from"../../chunks/chunk.B3MIQKX3.js";import"../../chunks/chunk.WPXUR5EI.js";import"../../chunks/chunk.7KXDULC3.js";import"../../chunks/chunk.FWYUHKRF.js";var o=e;export{a as Header,o as default};

package/dist/components/header/header.styles.d.ts

@@ -1,6 +1,6 @@
 export declare const headerVariants: (props?: ({
     size?: "small" | "medium" | "large" | null | undefined;
     borderBottom?: boolean | null | undefined;
-} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export type sizes = "small" | "medium" | "large";
-export declare const styles: import('lit').CSSResult;
+export declare const styles: import("lit").CSSResult;

package/dist/components/header/header.styles.js

@@ -0,0 +1 @@
+import{a,b}from"../../chunks/chunk.7KXDULC3.js";import"../../chunks/chunk.FWYUHKRF.js";export{a as headerVariants,b as styles};

package/dist/components/icons.js

@@ -0,0 +1 @@
+import{a}from"../chunks/chunk.WPXUR5EI.js";import"../chunks/chunk.FWYUHKRF.js";export{a as default};

package/dist/components/logo/logo.component.d.ts

@@ -0,0 +1,10 @@
+import { LitElement } from "lit";
+import type { CSSResultGroup } from 'lit';
+export declare class Logo extends LitElement {
+    static styles: CSSResultGroup;
+    name: string;
+    accessor iconOnly: boolean;
+    accessor textOnly: boolean;
+    protected render(): import("lit").TemplateResult<1>;
+}
+export default Logo;

package/dist/components/logo/logo.component.js

@@ -0,0 +1 @@
+import{a,b}from"../../chunks/chunk.R73PKLI4.js";import"../../chunks/chunk.KTVXG6ZT.js";import"../../chunks/chunk.FWYUHKRF.js";export{a as Logo,b as default};

package/dist/components/logo/logo.d.ts

@@ -1,10 +1,8 @@
-import { LitElement, CSSResultGroup } from 'lit';
-
-export declare class Logo extends LitElement {
-    static styles: CSSResultGroup;
-    name: string;
-    accessor iconOnly: boolean;
-    accessor textOnly: boolean;
-    protected render(): import('lit').TemplateResult<1>;
-}
+import Logo from './logo.component.js';
+export * from './logo.component.js';
 export default Logo;
+declare global {
+    interface HTMLElementTagNameMap {
+        'hot-logo': Logo;
+    }
+}

package/dist/components/logo/logo.js

@@ -0,0 +1 @@
+import{a as e,b as o}from"../../chunks/chunk.R73PKLI4.js";import"../../chunks/chunk.KTVXG6ZT.js";import"../../chunks/chunk.FWYUHKRF.js";var r=o;export{e as Logo,r as default};

package/dist/components/logo/logo.styles.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import('lit').CSSResult;
+declare const _default: import("lit").CSSResult;
 export default _default;

package/dist/components/logo/logo.styles.js

@@ -0,0 +1 @@
+import{a}from"../../chunks/chunk.KTVXG6ZT.js";import"../../chunks/chunk.FWYUHKRF.js";export{a as default};

package/dist/components/toolbar/toolbar.component.d.ts

@@ -0,0 +1,24 @@
+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 } from "lit";
+import type { CSSResultGroup } from 'lit';
+export declare class Toolbar extends LitElement {
+    static styles: CSSResultGroup;
+    name: string;
+    /** Change the position of the tooltips relative to buttons. */
+    accessor tooltipPosition: string;
+    protected render(): import("lit").TemplateResult<1>;
+    private renderButtonGroup;
+    private renderButton;
+    private readonly undo;
+    private readonly redo;
+    private readonly bold;
+    private readonly italic;
+    private readonly underline;
+    private readonly alignLeft;
+    private readonly alignCenter;
+    private readonly alignRight;
+}
+export default Toolbar;

package/dist/components/toolbar/toolbar.component.js

@@ -0,0 +1 @@
+import{a,b}from"../../chunks/chunk.GVYEHPTU.js";import"../../chunks/chunk.PUMXQ24J.js";import"../../chunks/chunk.WPXUR5EI.js";import"../../chunks/chunk.FWYUHKRF.js";export{a as Toolbar,b as default};

package/dist/components/toolbar/toolbar.d.ts

@@ -1,20 +1,8 @@
-import { LitElement, CSSResultGroup } from 'lit';
-
-export declare class Toolbar extends LitElement {
-    static styles: CSSResultGroup;
-    name: string;
-    /** Change the position of the tooltips relative to buttons. */
-    accessor tooltipPosition: string;
-    protected render(): import('lit').TemplateResult<1>;
-    private renderButtonGroup;
-    private renderButton;
-    private readonly undo;
-    private readonly redo;
-    private readonly bold;
-    private readonly italic;
-    private readonly underline;
-    private readonly alignLeft;
-    private readonly alignCenter;
-    private readonly alignRight;
-}
+import Toolbar from './toolbar.component.js';
+export * from './toolbar.component.js';
 export default Toolbar;
+declare global {
+    interface HTMLElementTagNameMap {
+        'hot-toolbar': Toolbar;
+    }
+}

package/dist/components/toolbar/toolbar.js

@@ -0,0 +1 @@
+import{a,b as o}from"../../chunks/chunk.GVYEHPTU.js";import"../../chunks/chunk.PUMXQ24J.js";import"../../chunks/chunk.WPXUR5EI.js";import"../../chunks/chunk.FWYUHKRF.js";var r=o;export{a as Toolbar,r as default};

package/dist/components/toolbar/toolbar.styles.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import('lit').CSSResult;
+declare const _default: import("lit").CSSResult;
 export default _default;

package/dist/components/toolbar/toolbar.styles.js

@@ -0,0 +1 @@
+import{a}from"../../chunks/chunk.PUMXQ24J.js";import"../../chunks/chunk.FWYUHKRF.js";export{a as default};

package/dist/components/tracking/tracking.component.d.ts

@@ -0,0 +1,19 @@
+import { LitElement } from "lit";
+declare global {
+    interface Window {
+        _paq: any[];
+    }
+}
+export declare class MatomoTracking extends LitElement {
+    name: string;
+    /** The Matomo site id for tracking. */
+    accessor siteId: string;
+    /** The domains to apply tracking. */
+    accessor domain: string;
+    /** The Matomo URL */
+    accessor matomoURL: string;
+    agree(): void;
+    disagree(): void;
+    connectedCallback(): void;
+}
+export default MatomoTracking;

package/dist/components/tracking/tracking.component.js

@@ -0,0 +1 @@
+import{a,b}from"../../chunks/chunk.NZIJQUIE.js";import"../../chunks/chunk.FWYUHKRF.js";export{a as MatomoTracking,b as default};

package/dist/components/tracking/tracking.d.ts

@@ -1,23 +1,8 @@
-import { LitElement, CSSResultGroup } from 'lit';
-
+import MatomoTracking from './tracking.component.js';
+export * from './tracking.component.js';
+export default MatomoTracking;
 declare global {
-    interface Window {
-        _paq: any[];
+    interface HTMLElementTagNameMap {
+        'hot-tracking': MatomoTracking;
     }
 }
-export declare class Tracking extends LitElement {
-    static styles: CSSResultGroup;
-    name: string;
-    /** The Matomo site id for tracking. */
-    accessor siteId: string;
-    /** The domains to apply tracking. */
-    accessor domain: string;
-    /** Force display the banner. */
-    accessor force: boolean;
-    accessor isOpen: boolean;
-    protected render(): import('lit').TemplateResult<1>;
-    private _setAgree;
-    private _setDisagree;
-    connectedCallback(): void;
-}
-export default Tracking;

package/dist/components/tracking/tracking.js

@@ -0,0 +1 @@
+import{a as o,b as a}from"../../chunks/chunk.NZIJQUIE.js";import"../../chunks/chunk.FWYUHKRF.js";var r=a;export{o as MatomoTracking,r as default};

package/{components/index.ts → dist/hotosm-ui.d.ts}

@@ -1,8 +1,9 @@
-// Index to import all components together
-
+import HotHeader from './components/header/header.component.js';
+import HotLogo from './components/logo/logo.component.js';
+import HotToolbar from './components/toolbar/toolbar.component.js';
+import HotTracking from './components/tracking/tracking.component.js';
+import HotConsent from './components/consent/consent.component.js';
 import { setBasePath } from '@shoelace-style/shoelace/dist/utilities/base-path.js';
-
-// Default Shoelace exports
 import SlAlert from '@shoelace-style/shoelace/dist/components/alert/alert.component.js';
 import SlAnimatedImage from '@shoelace-style/shoelace/dist/components/animated-image/animated-image.component.js';
 import SlAnimation from '@shoelace-style/shoelace/dist/components/animation/animation.component.js';
@@ -39,7 +40,6 @@ import SlOption from '@shoelace-style/shoelace/dist/components/option/option.com
 import SlPopup from '@shoelace-style/shoelace/dist/components/popup/popup.component.js';
 import SlProgressBar from '@shoelace-style/shoelace/dist/components/progress-bar/progress-bar.component.js';
 import SlProgressRing from '@shoelace-style/shoelace/dist/components/progress-ring/progress-ring.component.js';
-import SlQRCode from '@shoelace-style/shoelace/dist/components/qr-code/qr-code.component.js';
 import SlRadio from '@shoelace-style/shoelace/dist/components/radio/radio.component.js';
 import SlRadioButton from '@shoelace-style/shoelace/dist/components/radio-button/radio-button.component.js';
 import SlRadioGroup from '@shoelace-style/shoelace/dist/components/radio-group/radio-group.component.js';
@@ -61,73 +61,6 @@ import SlTooltip from '@shoelace-style/shoelace/dist/components/tooltip/tooltip.
 import SlTree from '@shoelace-style/shoelace/dist/components/tree/tree.component.js';
 import SlTreeItem from '@shoelace-style/shoelace/dist/components/tree-item/tree-item.component.js';
 import SlVisuallyHidden from '@shoelace-style/shoelace/dist/components/visually-hidden/visually-hidden.component.js';
-
-// Custom composite components
-import HotHeader from './header/header';
-import HotLogo from './logo/logo';
-import HotToolbar from './toolbar/toolbar';
-import HotTracking from './tracking/tracking';
-
-// Define web component names for Shoelace components
-SlAlert.define('hot-alert');
-SlAnimatedImage.define('hot-animated-image');
-SlAnimation.define('hot-animation');
-SlAvatar.define('hot-avatar');
-SlBadge.define('hot-badge');
-SlBreadcrumb.define('hot-breadcrumb');
-SlBreadcrumbItem.define('hot-breadcrumb-item');
-SlButton.define('hot-button');
-SlButtonGroup.define('hot-button-group');
-SlCard.define('hot-card');
-SlCarousel.define('hot-carousel');
-SlCarouselItem.define('hot-carousel-item');
-SlCheckbox.define('hot-checkbox');
-SlColorPicker.define('hot-color-picker');
-SlCopyButton.define('hot-copy-button');
-SlDetails.define('hot-details');
-SlDialog.define('hot-dialog');
-SlDivider.define('hot-divider');
-SlDrawer.define('hot-drawer');
-SlDropdown.define('hot-dropdown');
-SlFormatBytes.define('hot-format-bytes');
-SlFormatDate.define('hot-format-date');
-SlFormatNumber.define('hot-format-number');
-SlIcon.define('hot-icon');
-SlIconButton.define('hot-icon-button');
-SlImageComparer.define('hot-image-comparer');
-SlInclude.define('hot-include');
-SlInput.define('hot-input');
-SlMenu.define('hot-menu');
-SlMenuItem.define('hot-menu-item');
-SlMenuLabel.define('hot-menu-label');
-SlMutationObserver.define('hot-mutation-observer');
-SlOption.define('hot-option');
-SlPopup.define('hot-popup');
-SlProgressBar.define('hot-progress-bar');
-SlProgressRing.define('hot-progress-ring');
-SlQRCode.define('hot-qr-code');
-SlRadio.define('hot-radio');
-SlRadioButton.define('hot-radio-button');
-SlRadioGroup.define('hot-radio-group');
-SlRange.define('hot-range');
-SlRating.define('hot-rating');
-SlRelativeTime.define('hot-relative-time');
-SlResizeObserver.define('hot-resize-observer');
-SlSelect.define('hot-select');
-SlSkeleton.define('hot-skeleton');
-SlSpinner.define('hot-spinner');
-SlSplitPanel.define('hot-split-panel');
-SlSwitch.define('hot-switch');
-SlTab.define('hot-tab');
-SlTabGroup.define('hot-tab-group');
-SlTabPanel.define('hot-tab-panel');
-SlTag.define('hot-tag');
-SlTextarea.define('hot-textarea');
-SlTooltip.define('hot-tooltip');
-SlTree.define('hot-tree');
-SlTreeItem.define('hot-tree-item');
-SlVisuallyHidden.define('hot-visually-hidden');
-
 declare global {
     interface HTMLElementTagNameMap {
         'hot-alert': SlAlert;
@@ -166,7 +99,6 @@ declare global {
         'hot-popup': SlPopup;
         'hot-progress-bar': SlProgressBar;
         'hot-progress-ring': SlProgressRing;
-        'hot-qrcode': SlQRCode;
         'hot-radio': SlRadio;
         'hot-radio-button': SlRadioButton;
         'hot-radio-group': SlRadioGroup;
@@ -188,78 +120,6 @@ declare global {
         'hot-tree': SlTree;
         'hot-tree-item': SlTreeItem;
         'hot-visually-hidden': SlVisuallyHidden;
-        // Custom composite components
-        'hot-header': HotHeader;
-        'hot-toolbar': HotToolbar;
-        'hot-tracking': HotTracking;
     }
 }
-
-export {
-    // setBasePath helper to use the UI behind proxies etc
-    setBasePath,
-    // Standard shoelace components
-    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,
-    SlQRCode as QRCode,
-    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,
-    // Custom composite components
-    HotHeader as Header,
-    HotLogo as Logo,
-    HotToolbar as Toolbar,
-    HotTracking as Tracking,
-}
+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, };