@hotosm/ui 0.2.0-b4 → 0.2.0-b5

package/dist/components/index.d.ts

@@ -0,0 +1,130 @@
+import { setBasePath } from '@shoelace-style/shoelace/dist/utilities/base-path.js';
+import { default as SlAlert } from '@shoelace-style/shoelace/dist/components/alert/alert.component.js';
+import { default as SlAnimatedImage } from '@shoelace-style/shoelace/dist/components/animated-image/animated-image.component.js';
+import { default as SlAnimation } from '@shoelace-style/shoelace/dist/components/animation/animation.component.js';
+import { default as SlAvatar } from '@shoelace-style/shoelace/dist/components/avatar/avatar.component.js';
+import { default as SlBadge } from '@shoelace-style/shoelace/dist/components/badge/badge.component.js';
+import { default as SlBreadcrumb } from '@shoelace-style/shoelace/dist/components/breadcrumb/breadcrumb.component.js';
+import { default as SlBreadcrumbItem } from '@shoelace-style/shoelace/dist/components/breadcrumb-item/breadcrumb-item.component.js';
+import { default as SlButton } from '@shoelace-style/shoelace/dist/components/button/button.component.js';
+import { default as SlButtonGroup } from '@shoelace-style/shoelace/dist/components/button-group/button-group.component.js';
+import { default as SlCard } from '@shoelace-style/shoelace/dist/components/card/card.component.js';
+import { default as SlCarousel } from '@shoelace-style/shoelace/dist/components/carousel/carousel.component.js';
+import { default as SlCarouselItem } from '@shoelace-style/shoelace/dist/components/carousel-item/carousel-item.component.js';
+import { default as SlCheckbox } from '@shoelace-style/shoelace/dist/components/checkbox/checkbox.component.js';
+import { default as SlColorPicker } from '@shoelace-style/shoelace/dist/components/color-picker/color-picker.component.js';
+import { default as SlCopyButton } from '@shoelace-style/shoelace/dist/components/copy-button/copy-button.component.js';
+import { default as SlDetails } from '@shoelace-style/shoelace/dist/components/details/details.component.js';
+import { default as SlDialog } from '@shoelace-style/shoelace/dist/components/dialog/dialog.component.js';
+import { default as SlDivider } from '@shoelace-style/shoelace/dist/components/divider/divider.component.js';
+import { default as SlDrawer } from '@shoelace-style/shoelace/dist/components/drawer/drawer.component.js';
+import { default as SlDropdown } from '@shoelace-style/shoelace/dist/components/dropdown/dropdown.component.js';
+import { default as SlFormatBytes } from '@shoelace-style/shoelace/dist/components/format-bytes/format-bytes.component.js';
+import { default as SlFormatDate } from '@shoelace-style/shoelace/dist/components/format-date/format-date.component.js';
+import { default as SlFormatNumber } from '@shoelace-style/shoelace/dist/components/format-number/format-number.component.js';
+import { default as SlIcon } from '@shoelace-style/shoelace/dist/components/icon/icon.component.js';
+import { default as SlIconButton } from '@shoelace-style/shoelace/dist/components/icon-button/icon-button.component.js';
+import { default as SlImageComparer } from '@shoelace-style/shoelace/dist/components/image-comparer/image-comparer.component.js';
+import { default as SlInclude } from '@shoelace-style/shoelace/dist/components/include/include.component.js';
+import { default as SlInput } from '@shoelace-style/shoelace/dist/components/input/input.component.js';
+import { default as SlMenu } from '@shoelace-style/shoelace/dist/components/menu/menu.component.js';
+import { default as SlMenuItem } from '@shoelace-style/shoelace/dist/components/menu-item/menu-item.component.js';
+import { default as SlMenuLabel } from '@shoelace-style/shoelace/dist/components/menu-label/menu-label.component.js';
+import { default as SlMutationObserver } from '@shoelace-style/shoelace/dist/components/mutation-observer/mutation-observer.component.js';
+import { default as SlOption } from '@shoelace-style/shoelace/dist/components/option/option.component.js';
+import { default as SlPopup } from '@shoelace-style/shoelace/dist/components/popup/popup.component.js';
+import { default as SlProgressBar } from '@shoelace-style/shoelace/dist/components/progress-bar/progress-bar.component.js';
+import { default as SlProgressRing } from '@shoelace-style/shoelace/dist/components/progress-ring/progress-ring.component.js';
+import { default as SlQRCode } from '@shoelace-style/shoelace/dist/components/qr-code/qr-code.component.js';
+import { default as SlRadio } from '@shoelace-style/shoelace/dist/components/radio/radio.component.js';
+import { default as SlRadioButton } from '@shoelace-style/shoelace/dist/components/radio-button/radio-button.component.js';
+import { default as SlRadioGroup } from '@shoelace-style/shoelace/dist/components/radio-group/radio-group.component.js';
+import { default as SlRange } from '@shoelace-style/shoelace/dist/components/range/range.component.js';
+import { default as SlRating } from '@shoelace-style/shoelace/dist/components/rating/rating.component.js';
+import { default as SlRelativeTime } from '@shoelace-style/shoelace/dist/components/relative-time/relative-time.component.js';
+import { default as SlResizeObserver } from '@shoelace-style/shoelace/dist/components/resize-observer/resize-observer.component.js';
+import { default as SlSelect } from '@shoelace-style/shoelace/dist/components/select/select.component.js';
+import { default as SlSkeleton } from '@shoelace-style/shoelace/dist/components/skeleton/skeleton.component.js';
+import { default as SlSpinner } from '@shoelace-style/shoelace/dist/components/spinner/spinner.component.js';
+import { default as SlSplitPanel } from '@shoelace-style/shoelace/dist/components/split-panel/split-panel.component.js';
+import { default as SlSwitch } from '@shoelace-style/shoelace/dist/components/switch/switch.component.js';
+import { default as SlTab } from '@shoelace-style/shoelace/dist/components/tab/tab.component.js';
+import { default as SlTabGroup } from '@shoelace-style/shoelace/dist/components/tab-group/tab-group.component.js';
+import { default as SlTabPanel } from '@shoelace-style/shoelace/dist/components/tab-panel/tab-panel.component.js';
+import { default as SlTag } from '@shoelace-style/shoelace/dist/components/tag/tag.component.js';
+import { default as SlTextarea } from '@shoelace-style/shoelace/dist/components/textarea/textarea.component.js';
+import { default as SlTooltip } from '@shoelace-style/shoelace/dist/components/tooltip/tooltip.component.js';
+import { default as SlTree } from '@shoelace-style/shoelace/dist/components/tree/tree.component.js';
+import { default as SlTreeItem } from '@shoelace-style/shoelace/dist/components/tree-item/tree-item.component.js';
+import { default as SlVisuallyHidden } from '@shoelace-style/shoelace/dist/components/visually-hidden/visually-hidden.component.js';
+import { default as HotHeader } from './header/header';
+import { default as HotLogo } from './logo/logo';
+import { default as HotToolbar } from './toolbar/toolbar';
+import { default as HotTracking } from './tracking/tracking';
+
+declare global {
+    interface HTMLElementTagNameMap {
+        'hot-alert': SlAlert;
+        'hot-animated-image': SlAnimatedImage;
+        'hot-animation': SlAnimation;
+        'hot-avatar': SlAvatar;
+        'hot-badge': SlBadge;
+        'hot-breadcrumb': SlBreadcrumb;
+        'hot-breadcrumb-item': SlBreadcrumbItem;
+        'hot-button': SlButton;
+        'hot-button-group': SlButtonGroup;
+        'hot-card': SlCard;
+        'hot-carousel': SlCarousel;
+        'hot-carousel-item': SlCarouselItem;
+        'hot-checkbox': SlCheckbox;
+        'hot-color-picker': SlColorPicker;
+        'hot-copy-button': SlCopyButton;
+        'hot-details': SlDetails;
+        'hot-dialog': SlDialog;
+        'hot-divider': SlDivider;
+        'hot-drawer': SlDrawer;
+        'hot-dropdown': SlDropdown;
+        'hot-format-bytes': SlFormatBytes;
+        'hot-format-date': SlFormatDate;
+        'hot-format-number': SlFormatNumber;
+        'hot-icon': SlIcon;
+        'hot-icon-button': SlIconButton;
+        'hot-image-comparer': SlImageComparer;
+        'hot-include': SlInclude;
+        'hot-input': SlInput;
+        'hot-menu': SlMenu;
+        'hot-menu-item': SlMenuItem;
+        'hot-menu-label': SlMenuLabel;
+        'hot-mutation-observer': SlMutationObserver;
+        'hot-option': SlOption;
+        '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;
+        'hot-range': SlRange;
+        'hot-rating': SlRating;
+        'hot-relative-time': SlRelativeTime;
+        'hot-resize-observer': SlResizeObserver;
+        'hot-select': SlSelect;
+        'hot-skeleton': SlSkeleton;
+        'hot-spinner': SlSpinner;
+        'hot-split-panel': SlSplitPanel;
+        'hot-switch': SlSwitch;
+        'hot-tab': SlTab;
+        'hot-tab-group': SlTabGroup;
+        'hot-tab-panel': SlTabPanel;
+        'hot-tag': SlTag;
+        'hot-textarea': SlTextarea;
+        'hot-tooltip': SlTooltip;
+        'hot-tree': SlTree;
+        'hot-tree-item': SlTreeItem;
+        'hot-visually-hidden': SlVisuallyHidden;
+        'hot-header': HotHeader;
+        'hot-toolbar': HotToolbar;
+        'hot-tracking': HotTracking;
+    }
+}
+export { 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, 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, HotHeader as Header, HotLogo as Logo, HotToolbar as Toolbar, HotTracking as Tracking, };

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

@@ -0,0 +1,10 @@
+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>;
+}
+export default Logo;

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

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

package/dist/components/react/Tracking.d.ts

@@ -0,0 +1,2 @@
+declare const reactWrapper: React.ForwardRefExoticComponent<any>;
+export default reactWrapper;

package/dist/components/react/index.d.ts

@@ -0,0 +1,62 @@
+export { default as Header } from './Header';
+export { default as Toolbar } from './Toolbar';
+export { default as Tracking } from './Tracking';
+export { default as Logo } from './Logo';
+export { default as Alert } from '@shoelace-style/shoelace/dist/react/alert/index.js';
+export { default as AnimatedImage } from '@shoelace-style/shoelace/dist/react/animated-image/index.js';
+export { default as Animation } from '@shoelace-style/shoelace/dist/react/animation/index.js';
+export { default as Avatar } from '@shoelace-style/shoelace/dist/react/avatar/index.js';
+export { default as Badge } from '@shoelace-style/shoelace/dist/react/badge/index.js';
+export { default as Breadcrumb } from '@shoelace-style/shoelace/dist/react/breadcrumb/index.js';
+export { default as BreadcrumbItem } from '@shoelace-style/shoelace/dist/react/breadcrumb-item/index.js';
+export { default as Button } from '@shoelace-style/shoelace/dist/react/button/index.js';
+export { default as ButtonGroup } from '@shoelace-style/shoelace/dist/react/button-group/index.js';
+export { default as Card } from '@shoelace-style/shoelace/dist/react/card/index.js';
+export { default as Carousel } from '@shoelace-style/shoelace/dist/react/carousel/index.js';
+export { default as CarouselItem } from '@shoelace-style/shoelace/dist/react/carousel-item/index.js';
+export { default as Checkbox } from '@shoelace-style/shoelace/dist/react/checkbox/index.js';
+export { default as ColorPicker } from '@shoelace-style/shoelace/dist/react/color-picker/index.js';
+export { default as CopyButton } from '@shoelace-style/shoelace/dist/react/copy-button/index.js';
+export { default as Details } from '@shoelace-style/shoelace/dist/react/details/index.js';
+export { default as Dialog } from '@shoelace-style/shoelace/dist/react/dialog/index.js';
+export { default as Divider } from '@shoelace-style/shoelace/dist/react/divider/index.js';
+export { default as Drawer } from '@shoelace-style/shoelace/dist/react/drawer/index.js';
+export { default as Dropdown } from '@shoelace-style/shoelace/dist/react/dropdown/index.js';
+export { default as FormatBytes } from '@shoelace-style/shoelace/dist/react/format-bytes/index.js';
+export { default as FormatDate } from '@shoelace-style/shoelace/dist/react/format-date/index.js';
+export { default as FormatNumber } from '@shoelace-style/shoelace/dist/react/format-number/index.js';
+export { default as Icon } from '@shoelace-style/shoelace/dist/react/icon/index.js';
+export { default as IconButton } from '@shoelace-style/shoelace/dist/react/icon-button/index.js';
+export { default as ImageComparer } from '@shoelace-style/shoelace/dist/react/image-comparer/index.js';
+export { default as Include } from '@shoelace-style/shoelace/dist/react/include/index.js';
+export { default as Input } from '@shoelace-style/shoelace/dist/react/input/index.js';
+export { default as Menu } from '@shoelace-style/shoelace/dist/react/menu/index.js';
+export { default as MenuItem } from '@shoelace-style/shoelace/dist/react/menu-item/index.js';
+export { default as MenuLabel } from '@shoelace-style/shoelace/dist/react/menu-label/index.js';
+export { default as MutationObserver } from '@shoelace-style/shoelace/dist/react/mutation-observer/index.js';
+export { default as Option } from '@shoelace-style/shoelace/dist/react/option/index.js';
+export { default as Popup } from '@shoelace-style/shoelace/dist/react/popup/index.js';
+export { default as ProgressBar } from '@shoelace-style/shoelace/dist/react/progress-bar/index.js';
+export { default as ProgressRing } from '@shoelace-style/shoelace/dist/react/progress-ring/index.js';
+export { default as QRCode } from '@shoelace-style/shoelace/dist/react/qr-code/index.js';
+export { default as Radio } from '@shoelace-style/shoelace/dist/react/radio/index.js';
+export { default as RadioButton } from '@shoelace-style/shoelace/dist/react/radio-button/index.js';
+export { default as RadioGroup } from '@shoelace-style/shoelace/dist/react/radio-group/index.js';
+export { default as Range } from '@shoelace-style/shoelace/dist/react/range/index.js';
+export { default as Rating } from '@shoelace-style/shoelace/dist/react/rating/index.js';
+export { default as RelativeTime } from '@shoelace-style/shoelace/dist/react/relative-time/index.js';
+export { default as ResizeObserver } from '@shoelace-style/shoelace/dist/react/resize-observer/index.js';
+export { default as Select } from '@shoelace-style/shoelace/dist/react/select/index.js';
+export { default as Skeleton } from '@shoelace-style/shoelace/dist/react/skeleton/index.js';
+export { default as Spinner } from '@shoelace-style/shoelace/dist/react/spinner/index.js';
+export { default as SplitPanel } from '@shoelace-style/shoelace/dist/react/split-panel/index.js';
+export { default as Switch } from '@shoelace-style/shoelace/dist/react/switch/index.js';
+export { default as Tab } from '@shoelace-style/shoelace/dist/react/tab/index.js';
+export { default as TabGroup } from '@shoelace-style/shoelace/dist/react/tab-group/index.js';
+export { default as TabPanel } from '@shoelace-style/shoelace/dist/react/tab-panel/index.js';
+export { default as Tag } from '@shoelace-style/shoelace/dist/react/tag/index.js';
+export { default as Textarea } from '@shoelace-style/shoelace/dist/react/textarea/index.js';
+export { default as Tooltip } from '@shoelace-style/shoelace/dist/react/tooltip/index.js';
+export { default as Tree } from '@shoelace-style/shoelace/dist/react/tree/index.js';
+export { default as TreeItem } from '@shoelace-style/shoelace/dist/react/tree-item/index.js';
+export { default as VisuallyHidden } from '@shoelace-style/shoelace/dist/react/visually-hidden/index.js';

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

@@ -0,0 +1,20 @@
+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;
+}
+export default Toolbar;

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

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

package/{components → dist/components}/tracking/tracking.d.ts

@@ -1,22 +1,21 @@
-import "../../theme/sl-custom.css";
-import '@shoelace-style/shoelace/dist/components/alert/alert.js';
-import { LitElement } from "lit";
+import { LitElement, CSSResultGroup } from 'lit';
+
 declare global {
     interface Window {
         _paq: any[];
     }
 }
 export declare class Tracking extends LitElement {
+    static styles: CSSResultGroup;
     name: string;
     /** The Matomo site id for tracking. */
-    siteId: string;
+    accessor siteId: string;
     /** The domains to apply tracking. */
-    domain: string;
+    accessor domain: string;
     /** Force display the banner. */
-    force: boolean;
-    isOpen: boolean;
-    static styles: import("lit").CSSResult[];
-    protected render(): import("lit").TemplateResult<1>;
+    accessor force: boolean;
+    accessor isOpen: boolean;
+    protected render(): import('lit').TemplateResult<1>;
     private _setAgree;
     private _setDisagree;
     connectedCallback(): void;

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

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