@electral-io/webspa 0.0.0-stage → 1.0.0

package/dist/index.d.ts

@@ -0,0 +1,4071 @@
+import { CellComponent, RowComponent, TabulatorFull, Options, ColumnDefinition, RowLookup, Formatter, Filter } from "tabulator-tables";
+import { Group, Layer } from "ol/layer";
+import VectorTileLayer from "ol/layer/VectorTile";
+import { Feature, Tile } from "ol";
+import VectorSource from "ol/source/Vector";
+import { Geometry, LineString, Point, Polygon } from "ol/geom";
+import VectorLayer from "ol/layer/Vector";
+import Feature, { FeatureLike } from "ol/Feature";
+import { Coordinate } from "ol/coordinate";
+import { GeoJSONGeometry } from "ol/format/GeoJSON";
+import Geometry from "ol/geom/Geometry";
+import { Pixel } from "ol/pixel";
+import ImageTileSource from "ol/source/ImageTile";
+import TileLayer from "ol/layer/Tile";
+import XYZ from "ol/source/XYZ";
+import { Projection } from "ol/proj";
+import { Extent } from "ol/extent";
+import { ImageArcGISRest, TileArcGISRest, ImageWMS, Vector } from "ol/source";
+import ImageLayer from "ol/layer/Image";
+import TileWmsSource from "ol/source/TileWMS";
+import Polygon from "ol/geom/Polygon";
+import ImageSource from "ol/source/ImageWMS";
+import { Style } from "ol/style";
+import { ColorLike } from "ol/colorlike";
+import OMap from "ol/Map";
+import { Draw } from "ol/interaction";
+import View from "ol/View";
+import Point from "ol/geom/Point";
+import Control from "ol/control/Control";
+import { StyleLike } from "ol/style/Style";
+import { FlatStyleLike } from "ol/style/flat";
+import RenderFeature from "ol/render/Feature";
+import GroupLayer from "ol/layer/Group";
+export interface ComponentOptions {
+    elementName: string;
+    classes?: string[];
+    styles?: Partial<CSSStyleDeclaration>;
+    extends?: string;
+}
+export function Component(componentOptions: ComponentOptions): ClassDecorator;
+export function Prop(): PropertyDecorator;
+export enum CommandTypes {
+    Command = 0,
+    Tool = 1,
+    Select = 2,
+    Custom = 3
+}
+export enum SystemEvents {
+    ApplicationStart = "ApplicationStart",
+    ApplicationShow = "ApplicationShow",
+    ApplicationHide = "ApplicationHide",
+    ApplicationEnd = "ApplicationEnd",
+    PageNavigated = "PageNavigated",
+    CommandStart = "CommandStart",
+    CommandCancel = "CommandCancel",
+    PanelResizeStart = "PanelResizeStart",
+    PanelResizeEnd = "PanelResizeEnd",
+    UserLogin = "UserLogin",
+    UserLogout = "UserLogout",
+    UserBeforeLogout = "UserBeforeLogout",
+    TokenRefresh = "TokenRefresh",
+    ThemeDarkChanged = "ThemeDarkChanged",
+    ThemeColorChanged = "ThemeColorChanged",
+    DependentResourceChanged = "DependentResourceChanged",
+    FocusedElementChanged = "FocusedElementChanged"
+}
+export enum FrameworkPages {
+    App = "AppPage",
+    Admin = "AdminPage"
+}
+export enum FrameworkCommandTargets {
+    Ribbon = "ribbon",
+    UserMenu = "user-menu"
+}
+export enum StartupJobTypes {
+    PreLoad = 0,
+    PostLoad = 1
+}
+export enum ServiceTypes {
+    Scoped = 0,
+    Singleton = 1,
+    Transient = 2
+}
+export enum PanelPos {
+    Center = 0,
+    Left = 1,
+    Right = 2,
+    Bottom = 3,
+    Window = 4
+}
+export const IconClass: {
+    search: string;
+    save: string;
+    query: string;
+    add: string;
+    new: string;
+    delete: string;
+    edit: string;
+    cancel: string;
+    chevron_down: string;
+    chevron_up: string;
+    chevron_left: string;
+    chevron_right: string;
+    caret_up: string;
+    caret_down: string;
+    caret_left: string;
+    caret_right: string;
+    caret_up_fill: string;
+    caret_down_fill: string;
+    caret_left_fill: string;
+    caret_right_fill: string;
+    X: string;
+    error: string;
+    warning: string;
+    info: string;
+    success: string;
+    dots: string;
+    dots_v: string;
+    logout: string;
+    settings: string;
+    world: string;
+    alert: string;
+    alert_fill: string;
+    hand: string;
+    zoom_in: string;
+    zoom_out: string;
+    alarm: string;
+    cursor: string;
+    key: string;
+    layers: string;
+    person: string;
+    people: string;
+    pin: string;
+    pin_fill: string;
+    pin_angle: string;
+    pin_angle_fill: string;
+    image: string;
+    book: string;
+    download: string;
+    bbox: string;
+    circle: string;
+    circle_fill: string;
+    clock: string;
+    clock_history: string;
+    crosshair: string;
+    dash: string;
+    email: string;
+    eye: string;
+    eye_slash: string;
+    flag: string;
+    flag_fill: string;
+    journal: string;
+    lightning: string;
+    lightning_fill: string;
+    calendar: string;
+    list: string;
+    map: string;
+    map_fill: string;
+    microphone: string;
+    microphone_slash: string;
+    paperclip: string;
+    pinmap: string;
+    puzzle: string;
+    question: string;
+    refresh: string;
+    refresh_circle: string;
+    search_minus: string;
+    light: string;
+    dark: string;
+    palette: string;
+    palette_fill: string;
+    get(key: BootstrapIconsId): string;
+};
+export type BootstrapIconsId = "123" | "0-circle-fill" | "0-circle" | "0-square-fill" | "0-square" | "1-circle-fill" | "1-circle" | "1-square-fill" | "1-square" | "2-circle-fill" | "2-circle" | "2-square-fill" | "2-square" | "3-circle-fill" | "3-circle" | "3-square-fill" | "3-square" | "4-circle-fill" | "4-circle" | "4-square-fill" | "4-square" | "5-circle-fill" | "5-circle" | "5-square-fill" | "5-square" | "6-circle-fill" | "6-circle" | "6-square-fill" | "6-square" | "7-circle-fill" | "7-circle" | "7-square-fill" | "7-square" | "8-circle-fill" | "8-circle" | "8-square-fill" | "8-square" | "9-circle-fill" | "9-circle" | "9-square-fill" | "9-square" | "activity" | "airplane-engines-fill" | "airplane-engines" | "airplane-fill" | "airplane" | "alarm-fill" | "alarm" | "alexa" | "align-bottom" | "align-center" | "align-end" | "align-middle" | "align-start" | "align-top" | "alipay" | "alphabet-uppercase" | "alphabet" | "alt" | "amazon" | "amd" | "android" | "android2" | "anthropic" | "app-indicator" | "app" | "apple-music" | "apple" | "archive-fill" | "archive" | "arrow-90deg-down" | "arrow-90deg-left" | "arrow-90deg-right" | "arrow-90deg-up" | "arrow-bar-down" | "arrow-bar-left" | "arrow-bar-right" | "arrow-bar-up" | "arrow-clockwise" | "arrow-counterclockwise" | "arrow-down-circle-fill" | "arrow-down-circle" | "arrow-down-left-circle-fill" | "arrow-down-left-circle" | "arrow-down-left-square-fill" | "arrow-down-left-square" | "arrow-down-left" | "arrow-down-right-circle-fill" | "arrow-down-right-circle" | "arrow-down-right-square-fill" | "arrow-down-right-square" | "arrow-down-right" | "arrow-down-short" | "arrow-down-square-fill" | "arrow-down-square" | "arrow-down-up" | "arrow-down" | "arrow-left-circle-fill" | "arrow-left-circle" | "arrow-left-right" | "arrow-left-short" | "arrow-left-square-fill" | "arrow-left-square" | "arrow-left" | "arrow-repeat" | "arrow-return-left" | "arrow-return-right" | "arrow-right-circle-fill" | "arrow-right-circle" | "arrow-right-short" | "arrow-right-square-fill" | "arrow-right-square" | "arrow-right" | "arrow-through-heart-fill" | "arrow-through-heart" | "arrow-up-circle-fill" | "arrow-up-circle" | "arrow-up-left-circle-fill" | "arrow-up-left-circle" | "arrow-up-left-square-fill" | "arrow-up-left-square" | "arrow-up-left" | "arrow-up-right-circle-fill" | "arrow-up-right-circle" | "arrow-up-right-square-fill" | "arrow-up-right-square" | "arrow-up-right" | "arrow-up-short" | "arrow-up-square-fill" | "arrow-up-square" | "arrow-up" | "arrows-angle-contract" | "arrows-angle-expand" | "arrows-collapse-vertical" | "arrows-collapse" | "arrows-expand-vertical" | "arrows-expand" | "arrows-fullscreen" | "arrows-move" | "arrows-vertical" | "arrows" | "aspect-ratio-fill" | "aspect-ratio" | "asterisk" | "at" | "award-fill" | "award" | "back" | "backpack-fill" | "backpack" | "backpack2-fill" | "backpack2" | "backpack3-fill" | "backpack3" | "backpack4-fill" | "backpack4" | "backspace-fill" | "backspace-reverse-fill" | "backspace-reverse" | "backspace" | "badge-3d-fill" | "badge-3d" | "badge-4k-fill" | "badge-4k" | "badge-8k-fill" | "badge-8k" | "badge-ad-fill" | "badge-ad" | "badge-ar-fill" | "badge-ar" | "badge-cc-fill" | "badge-cc" | "badge-hd-fill" | "badge-hd" | "badge-sd-fill" | "badge-sd" | "badge-tm-fill" | "badge-tm" | "badge-vo-fill" | "badge-vo" | "badge-vr-fill" | "badge-vr" | "badge-wc-fill" | "badge-wc" | "bag-check-fill" | "bag-check" | "bag-dash-fill" | "bag-dash" | "bag-fill" | "bag-heart-fill" | "bag-heart" | "bag-plus-fill" | "bag-plus" | "bag-x-fill" | "bag-x" | "bag" | "balloon-fill" | "balloon-heart-fill" | "balloon-heart" | "balloon" | "ban-fill" | "ban" | "bandaid-fill" | "bandaid" | "bank" | "bank2" | "bar-chart-fill" | "bar-chart-line-fill" | "bar-chart-line" | "bar-chart-steps" | "bar-chart" | "basket-fill" | "basket" | "basket2-fill" | "basket2" | "basket3-fill" | "basket3" | "battery-charging" | "battery-full" | "battery-half" | "battery-low" | "battery" | "beaker-fill" | "beaker" | "behance" | "bell-fill" | "bell-slash-fill" | "bell-slash" | "bell" | "bezier" | "bezier2" | "bicycle" | "bing" | "binoculars-fill" | "binoculars" | "blockquote-left" | "blockquote-right" | "bluesky" | "bluetooth" | "body-text" | "book-fill" | "book-half" | "book" | "bookmark-check-fill" | "bookmark-check" | "bookmark-dash-fill" | "bookmark-dash" | "bookmark-fill" | "bookmark-heart-fill" | "bookmark-heart" | "bookmark-plus-fill" | "bookmark-plus" | "bookmark-star-fill" | "bookmark-star" | "bookmark-x-fill" | "bookmark-x" | "bookmark" | "bookmarks-fill" | "bookmarks" | "bookshelf" | "boombox-fill" | "boombox" | "bootstrap-fill" | "bootstrap-reboot" | "bootstrap" | "border-all" | "border-bottom" | "border-center" | "border-inner" | "border-left" | "border-middle" | "border-outer" | "border-right" | "border-style" | "border-top" | "border-width" | "border" | "bounding-box-circles" | "bounding-box" | "box-arrow-down-left" | "box-arrow-down-right" | "box-arrow-down" | "box-arrow-in-down-left" | "box-arrow-in-down-right" | "box-arrow-in-down" | "box-arrow-in-left" | "box-arrow-in-right" | "box-arrow-in-up-left" | "box-arrow-in-up-right" | "box-arrow-in-up" | "box-arrow-left" | "box-arrow-right" | "box-arrow-up-left" | "box-arrow-up-right" | "box-arrow-up" | "box-fill" | "box-seam-fill" | "box-seam" | "box" | "box2-fill" | "box2-heart-fill" | "box2-heart" | "box2" | "boxes" | "braces-asterisk" | "braces" | "bricks" | "briefcase-fill" | "briefcase" | "brightness-alt-high-fill" | "brightness-alt-high" | "brightness-alt-low-fill" | "brightness-alt-low" | "brightness-high-fill" | "brightness-high" | "brightness-low-fill" | "brightness-low" | "brilliance" | "broadcast-pin" | "broadcast" | "browser-chrome" | "browser-edge" | "browser-firefox" | "browser-safari" | "brush-fill" | "brush" | "bucket-fill" | "bucket" | "bug-fill" | "bug" | "building-add" | "building-check" | "building-dash" | "building-down" | "building-exclamation" | "building-fill-add" | "building-fill-check" | "building-fill-dash" | "building-fill-down" | "building-fill-exclamation" | "building-fill-gear" | "building-fill-lock" | "building-fill-slash" | "building-fill-up" | "building-fill-x" | "building-fill" | "building-gear" | "building-lock" | "building-slash" | "building-up" | "building-x" | "building" | "buildings-fill" | "buildings" | "bullseye" | "bus-front-fill" | "bus-front" | "c-circle-fill" | "c-circle" | "c-square-fill" | "c-square" | "cake-fill" | "cake" | "cake2-fill" | "cake2" | "calculator-fill" | "calculator" | "calendar-check-fill" | "calendar-check" | "calendar-date-fill" | "calendar-date" | "calendar-day-fill" | "calendar-day" | "calendar-event-fill" | "calendar-event" | "calendar-fill" | "calendar-heart-fill" | "calendar-heart" | "calendar-minus-fill" | "calendar-minus" | "calendar-month-fill" | "calendar-month" | "calendar-plus-fill" | "calendar-plus" | "calendar-range-fill" | "calendar-range" | "calendar-week-fill" | "calendar-week" | "calendar-x-fill" | "calendar-x" | "calendar" | "calendar2-check-fill" | "calendar2-check" | "calendar2-date-fill" | "calendar2-date" | "calendar2-day-fill" | "calendar2-day" | "calendar2-event-fill" | "calendar2-event" | "calendar2-fill" | "calendar2-heart-fill" | "calendar2-heart" | "calendar2-minus-fill" | "calendar2-minus" | "calendar2-month-fill" | "calendar2-month" | "calendar2-plus-fill" | "calendar2-plus" | "calendar2-range-fill" | "calendar2-range" | "calendar2-week-fill" | "calendar2-week" | "calendar2-x-fill" | "calendar2-x" | "calendar2" | "calendar3-event-fill" | "calendar3-event" | "calendar3-fill" | "calendar3-range-fill" | "calendar3-range" | "calendar3-week-fill" | "calendar3-week" | "calendar3" | "calendar4-event" | "calendar4-range" | "calendar4-week" | "calendar4" | "camera-fill" | "camera-reels-fill" | "camera-reels" | "camera-video-fill" | "camera-video-off-fill" | "camera-video-off" | "camera-video" | "camera" | "camera2" | "capslock-fill" | "capslock" | "capsule-pill" | "capsule" | "car-front-fill" | "car-front" | "card-checklist" | "card-heading" | "card-image" | "card-list" | "card-text" | "caret-down-fill" | "caret-down-square-fill" | "caret-down-square" | "caret-down" | "caret-left-fill" | "caret-left-square-fill" | "caret-left-square" | "caret-left" | "caret-right-fill" | "caret-right-square-fill" | "caret-right-square" | "caret-right" | "caret-up-fill" | "caret-up-square-fill" | "caret-up-square" | "caret-up" | "cart-check-fill" | "cart-check" | "cart-dash-fill" | "cart-dash" | "cart-fill" | "cart-plus-fill" | "cart-plus" | "cart-x-fill" | "cart-x" | "cart" | "cart2" | "cart3" | "cart4" | "cash-coin" | "cash-stack" | "cash" | "cassette-fill" | "cassette" | "cast" | "cc-circle-fill" | "cc-circle" | "cc-square-fill" | "cc-square" | "chat-dots-fill" | "chat-dots" | "chat-fill" | "chat-heart-fill" | "chat-heart" | "chat-left-dots-fill" | "chat-left-dots" | "chat-left-fill" | "chat-left-heart-fill" | "chat-left-heart" | "chat-left-quote-fill" | "chat-left-quote" | "chat-left-text-fill" | "chat-left-text" | "chat-left" | "chat-quote-fill" | "chat-quote" | "chat-right-dots-fill" | "chat-right-dots" | "chat-right-fill" | "chat-right-heart-fill" | "chat-right-heart" | "chat-right-quote-fill" | "chat-right-quote" | "chat-right-text-fill" | "chat-right-text" | "chat-right" | "chat-square-dots-fill" | "chat-square-dots" | "chat-square-fill" | "chat-square-heart-fill" | "chat-square-heart" | "chat-square-quote-fill" | "chat-square-quote" | "chat-square-text-fill" | "chat-square-text" | "chat-square" | "chat-text-fill" | "chat-text" | "chat" | "check-all" | "check-circle-fill" | "check-circle" | "check-lg" | "check-square-fill" | "check-square" | "check" | "check2-all" | "check2-circle" | "check2-square" | "check2" | "chevron-bar-contract" | "chevron-bar-down" | "chevron-bar-expand" | "chevron-bar-left" | "chevron-bar-right" | "chevron-bar-up" | "chevron-compact-down" | "chevron-compact-left" | "chevron-compact-right" | "chevron-compact-up" | "chevron-contract" | "chevron-double-down" | "chevron-double-left" | "chevron-double-right" | "chevron-double-up" | "chevron-down" | "chevron-expand" | "chevron-left" | "chevron-right" | "chevron-up" | "circle-fill" | "circle-half" | "circle-square" | "circle" | "claude" | "clipboard-check-fill" | "clipboard-check" | "clipboard-data-fill" | "clipboard-data" | "clipboard-fill" | "clipboard-heart-fill" | "clipboard-heart" | "clipboard-minus-fill" | "clipboard-minus" | "clipboard-plus-fill" | "clipboard-plus" | "clipboard-pulse" | "clipboard-x-fill" | "clipboard-x" | "clipboard" | "clipboard2-check-fill" | "clipboard2-check" | "clipboard2-data-fill" | "clipboard2-data" | "clipboard2-fill" | "clipboard2-heart-fill" | "clipboard2-heart" | "clipboard2-minus-fill" | "clipboard2-minus" | "clipboard2-plus-fill" | "clipboard2-plus" | "clipboard2-pulse-fill" | "clipboard2-pulse" | "clipboard2-x-fill" | "clipboard2-x" | "clipboard2" | "clock-fill" | "clock-history" | "clock" | "cloud-arrow-down-fill" | "cloud-arrow-down" | "cloud-arrow-up-fill" | "cloud-arrow-up" | "cloud-check-fill" | "cloud-check" | "cloud-download-fill" | "cloud-download" | "cloud-drizzle-fill" | "cloud-drizzle" | "cloud-fill" | "cloud-fog-fill" | "cloud-fog" | "cloud-fog2-fill" | "cloud-fog2" | "cloud-hail-fill" | "cloud-hail" | "cloud-haze-fill" | "cloud-haze" | "cloud-haze2-fill" | "cloud-haze2" | "cloud-lightning-fill" | "cloud-lightning-rain-fill" | "cloud-lightning-rain" | "cloud-lightning" | "cloud-minus-fill" | "cloud-minus" | "cloud-moon-fill" | "cloud-moon" | "cloud-plus-fill" | "cloud-plus" | "cloud-rain-fill" | "cloud-rain-heavy-fill" | "cloud-rain-heavy" | "cloud-rain" | "cloud-slash-fill" | "cloud-slash" | "cloud-sleet-fill" | "cloud-sleet" | "cloud-snow-fill" | "cloud-snow" | "cloud-sun-fill" | "cloud-sun" | "cloud-upload-fill" | "cloud-upload" | "cloud" | "clouds-fill" | "clouds" | "cloudy-fill" | "cloudy" | "code-slash" | "code-square" | "code" | "coin" | "collection-fill" | "collection-play-fill" | "collection-play" | "collection" | "columns-gap" | "columns" | "command" | "compass-fill" | "compass" | "cone-striped" | "cone" | "controller" | "cookie" | "copy" | "cpu-fill" | "cpu" | "credit-card-2-back-fill" | "credit-card-2-back" | "credit-card-2-front-fill" | "credit-card-2-front" | "credit-card-fill" | "credit-card" | "crop" | "crosshair" | "crosshair2" | "css" | "cup-fill" | "cup-hot-fill" | "cup-hot" | "cup-straw" | "cup" | "currency-bitcoin" | "currency-dollar" | "currency-euro" | "currency-exchange" | "currency-pound" | "currency-rupee" | "currency-yen" | "cursor-fill" | "cursor-text" | "cursor" | "dash-circle-dotted" | "dash-circle-fill" | "dash-circle" | "dash-lg" | "dash-square-dotted" | "dash-square-fill" | "dash-square" | "dash" | "database-add" | "database-check" | "database-dash" | "database-down" | "database-exclamation" | "database-fill-add" | "database-fill-check" | "database-fill-dash" | "database-fill-down" | "database-fill-exclamation" | "database-fill-gear" | "database-fill-lock" | "database-fill-slash" | "database-fill-up" | "database-fill-x" | "database-fill" | "database-gear" | "database-lock" | "database-slash" | "database-up" | "database-x" | "database" | "device-hdd-fill" | "device-hdd" | "device-ssd-fill" | "device-ssd" | "diagram-2-fill" | "diagram-2" | "diagram-3-fill" | "diagram-3" | "diamond-fill" | "diamond-half" | "diamond" | "dice-1-fill" | "dice-1" | "dice-2-fill" | "dice-2" | "dice-3-fill" | "dice-3" | "dice-4-fill" | "dice-4" | "dice-5-fill" | "dice-5" | "dice-6-fill" | "dice-6" | "disc-fill" | "disc" | "discord" | "display-fill" | "display" | "displayport-fill" | "displayport" | "distribute-horizontal" | "distribute-vertical" | "door-closed-fill" | "door-closed" | "door-open-fill" | "door-open" | "dot" | "download" | "dpad-fill" | "dpad" | "dribbble" | "dropbox" | "droplet-fill" | "droplet-half" | "droplet" | "duffle-fill" | "duffle" | "ear-fill" | "ear" | "earbuds" | "easel-fill" | "easel" | "easel2-fill" | "easel2" | "easel3-fill" | "easel3" | "egg-fill" | "egg-fried" | "egg" | "eject-fill" | "eject" | "emoji-angry-fill" | "emoji-angry" | "emoji-astonished-fill" | "emoji-astonished" | "emoji-dizzy-fill" | "emoji-dizzy" | "emoji-expressionless-fill" | "emoji-expressionless" | "emoji-frown-fill" | "emoji-frown" | "emoji-grimace-fill" | "emoji-grimace" | "emoji-grin-fill" | "emoji-grin" | "emoji-heart-eyes-fill" | "emoji-heart-eyes" | "emoji-kiss-fill" | "emoji-kiss" | "emoji-laughing-fill" | "emoji-laughing" | "emoji-neutral-fill" | "emoji-neutral" | "emoji-smile-fill" | "emoji-smile-upside-down-fill" | "emoji-smile-upside-down" | "emoji-smile" | "emoji-sunglasses-fill" | "emoji-sunglasses" | "emoji-surprise-fill" | "emoji-surprise" | "emoji-tear-fill" | "emoji-tear" | "emoji-wink-fill" | "emoji-wink" | "envelope-arrow-down-fill" | "envelope-arrow-down" | "envelope-arrow-up-fill" | "envelope-arrow-up" | "envelope-at-fill" | "envelope-at" | "envelope-check-fill" | "envelope-check" | "envelope-dash-fill" | "envelope-dash" | "envelope-exclamation-fill" | "envelope-exclamation" | "envelope-fill" | "envelope-heart-fill" | "envelope-heart" | "envelope-open-fill" | "envelope-open-heart-fill" | "envelope-open-heart" | "envelope-open" | "envelope-paper-fill" | "envelope-paper-heart-fill" | "envelope-paper-heart" | "envelope-paper" | "envelope-plus-fill" | "envelope-plus" | "envelope-slash-fill" | "envelope-slash" | "envelope-x-fill" | "envelope-x" | "envelope" | "eraser-fill" | "eraser" | "escape" | "ethernet" | "ev-front-fill" | "ev-front" | "ev-station-fill" | "ev-station" | "exclamation-circle-fill" | "exclamation-circle" | "exclamation-diamond-fill" | "exclamation-diamond" | "exclamation-lg" | "exclamation-octagon-fill" | "exclamation-octagon" | "exclamation-square-fill" | "exclamation-square" | "exclamation-triangle-fill" | "exclamation-triangle" | "exclamation" | "exclude" | "explicit-fill" | "explicit" | "exposure" | "eye-fill" | "eye-slash-fill" | "eye-slash" | "eye" | "eyedropper" | "eyeglasses" | "facebook" | "fan" | "fast-forward-btn-fill" | "fast-forward-btn" | "fast-forward-circle-fill" | "fast-forward-circle" | "fast-forward-fill" | "fast-forward" | "feather" | "feather2" | "file-arrow-down-fill" | "file-arrow-down" | "file-arrow-up-fill" | "file-arrow-up" | "file-bar-graph-fill" | "file-bar-graph" | "file-binary-fill" | "file-binary" | "file-break-fill" | "file-break" | "file-check-fill" | "file-check" | "file-code-fill" | "file-code" | "file-diff-fill" | "file-diff" | "file-earmark-arrow-down-fill" | "file-earmark-arrow-down" | "file-earmark-arrow-up-fill" | "file-earmark-arrow-up" | "file-earmark-bar-graph-fill" | "file-earmark-bar-graph" | "file-earmark-binary-fill" | "file-earmark-binary" | "file-earmark-break-fill" | "file-earmark-break" | "file-earmark-check-fill" | "file-earmark-check" | "file-earmark-code-fill" | "file-earmark-code" | "file-earmark-diff-fill" | "file-earmark-diff" | "file-earmark-easel-fill" | "file-earmark-easel" | "file-earmark-excel-fill" | "file-earmark-excel" | "file-earmark-fill" | "file-earmark-font-fill" | "file-earmark-font" | "file-earmark-image-fill" | "file-earmark-image" | "file-earmark-lock-fill" | "file-earmark-lock" | "file-earmark-lock2-fill" | "file-earmark-lock2" | "file-earmark-medical-fill" | "file-earmark-medical" | "file-earmark-minus-fill" | "file-earmark-minus" | "file-earmark-music-fill" | "file-earmark-music" | "file-earmark-pdf-fill" | "file-earmark-pdf" | "file-earmark-person-fill" | "file-earmark-person" | "file-earmark-play-fill" | "file-earmark-play" | "file-earmark-plus-fill" | "file-earmark-plus" | "file-earmark-post-fill" | "file-earmark-post" | "file-earmark-ppt-fill" | "file-earmark-ppt" | "file-earmark-richtext-fill" | "file-earmark-richtext" | "file-earmark-ruled-fill" | "file-earmark-ruled" | "file-earmark-slides-fill" | "file-earmark-slides" | "file-earmark-spreadsheet-fill" | "file-earmark-spreadsheet" | "file-earmark-text-fill" | "file-earmark-text" | "file-earmark-word-fill" | "file-earmark-word" | "file-earmark-x-fill" | "file-earmark-x" | "file-earmark-zip-fill" | "file-earmark-zip" | "file-earmark" | "file-easel-fill" | "file-easel" | "file-excel-fill" | "file-excel" | "file-fill" | "file-font-fill" | "file-font" | "file-image-fill" | "file-image" | "file-lock-fill" | "file-lock" | "file-lock2-fill" | "file-lock2" | "file-medical-fill" | "file-medical" | "file-minus-fill" | "file-minus" | "file-music-fill" | "file-music" | "file-pdf-fill" | "file-pdf" | "file-person-fill" | "file-person" | "file-play-fill" | "file-play" | "file-plus-fill" | "file-plus" | "file-post-fill" | "file-post" | "file-ppt-fill" | "file-ppt" | "file-richtext-fill" | "file-richtext" | "file-ruled-fill" | "file-ruled" | "file-slides-fill" | "file-slides" | "file-spreadsheet-fill" | "file-spreadsheet" | "file-text-fill" | "file-text" | "file-word-fill" | "file-word" | "file-x-fill" | "file-x" | "file-zip-fill" | "file-zip" | "file" | "files-alt" | "files" | "filetype-aac" | "filetype-ai" | "filetype-bmp" | "filetype-cs" | "filetype-css" | "filetype-csv" | "filetype-doc" | "filetype-docx" | "filetype-exe" | "filetype-gif" | "filetype-heic" | "filetype-html" | "filetype-java" | "filetype-jpg" | "filetype-js" | "filetype-json" | "filetype-jsx" | "filetype-key" | "filetype-m4p" | "filetype-md" | "filetype-mdx" | "filetype-mov" | "filetype-mp3" | "filetype-mp4" | "filetype-otf" | "filetype-pdf" | "filetype-php" | "filetype-png" | "filetype-ppt" | "filetype-pptx" | "filetype-psd" | "filetype-py" | "filetype-raw" | "filetype-rb" | "filetype-sass" | "filetype-scss" | "filetype-sh" | "filetype-sql" | "filetype-svg" | "filetype-tiff" | "filetype-tsx" | "filetype-ttf" | "filetype-txt" | "filetype-wav" | "filetype-woff" | "filetype-xls" | "filetype-xlsx" | "filetype-xml" | "filetype-yml" | "film" | "filter-circle-fill" | "filter-circle" | "filter-left" | "filter-right" | "filter-square-fill" | "filter-square" | "filter" | "fingerprint" | "fire" | "flag-fill" | "flag" | "flask-fill" | "flask-florence-fill" | "flask-florence" | "flask" | "floppy-fill" | "floppy" | "floppy2-fill" | "floppy2" | "flower1" | "flower2" | "flower3" | "folder-check" | "folder-fill" | "folder-minus" | "folder-plus" | "folder-symlink-fill" | "folder-symlink" | "folder-x" | "folder" | "folder2-open" | "folder2" | "fonts" | "fork-knife" | "forward-fill" | "forward" | "front" | "fuel-pump-diesel-fill" | "fuel-pump-diesel" | "fuel-pump-fill" | "fuel-pump" | "fullscreen-exit" | "fullscreen" | "funnel-fill" | "funnel" | "gear-fill" | "gear-wide-connected" | "gear-wide" | "gear" | "gem" | "gender-ambiguous" | "gender-female" | "gender-male" | "gender-neuter" | "gender-trans" | "geo-alt-fill" | "geo-alt" | "geo-fill" | "geo" | "gift-fill" | "gift" | "git" | "github" | "gitlab" | "globe-americas-fill" | "globe-americas" | "globe-asia-australia-fill" | "globe-asia-australia" | "globe-central-south-asia-fill" | "globe-central-south-asia" | "globe-europe-africa-fill" | "globe-europe-africa" | "globe" | "globe2" | "google-play" | "google" | "gpu-card" | "graph-down-arrow" | "graph-down" | "graph-up-arrow" | "graph-up" | "grid-1x2-fill" | "grid-1x2" | "grid-3x2-gap-fill" | "grid-3x2-gap" | "grid-3x2" | "grid-3x3-gap-fill" | "grid-3x3-gap" | "grid-3x3" | "grid-fill" | "grid" | "grip-horizontal" | "grip-vertical" | "h-circle-fill" | "h-circle" | "h-square-fill" | "h-square" | "hammer" | "hand-index-fill" | "hand-index-thumb-fill" | "hand-index-thumb" | "hand-index" | "hand-thumbs-down-fill" | "hand-thumbs-down" | "hand-thumbs-up-fill" | "hand-thumbs-up" | "handbag-fill" | "handbag" | "hash" | "hdd-fill" | "hdd-network-fill" | "hdd-network" | "hdd-rack-fill" | "hdd-rack" | "hdd-stack-fill" | "hdd-stack" | "hdd" | "hdmi-fill" | "hdmi" | "headphones" | "headset-vr" | "headset" | "heart-arrow" | "heart-fill" | "heart-half" | "heart-pulse-fill" | "heart-pulse" | "heart" | "heartbreak-fill" | "heartbreak" | "hearts" | "heptagon-fill" | "heptagon-half" | "heptagon" | "hexagon-fill" | "hexagon-half" | "hexagon" | "highlighter" | "highlights" | "hospital-fill" | "hospital" | "hourglass-bottom" | "hourglass-split" | "hourglass-top" | "hourglass" | "house-add-fill" | "house-add" | "house-check-fill" | "house-check" | "house-dash-fill" | "house-dash" | "house-door-fill" | "house-door" | "house-down-fill" | "house-down" | "house-exclamation-fill" | "house-exclamation" | "house-fill" | "house-gear-fill" | "house-gear" | "house-heart-fill" | "house-heart" | "house-lock-fill" | "house-lock" | "house-slash-fill" | "house-slash" | "house-up-fill" | "house-up" | "house-x-fill" | "house-x" | "house" | "houses-fill" | "houses" | "hr" | "hurricane" | "hypnotize" | "image-alt" | "image-fill" | "image" | "images" | "inbox-fill" | "inbox" | "inboxes-fill" | "inboxes" | "incognito" | "indent" | "infinity" | "info-circle-fill" | "info-circle" | "info-lg" | "info-square-fill" | "info-square" | "info" | "input-cursor-text" | "input-cursor" | "instagram" | "intersect" | "javascript" | "journal-album" | "journal-arrow-down" | "journal-arrow-up" | "journal-bookmark-fill" | "journal-bookmark" | "journal-check" | "journal-code" | "journal-medical" | "journal-minus" | "journal-plus" | "journal-richtext" | "journal-text" | "journal-x" | "journal" | "journals" | "joystick" | "justify-left" | "justify-right" | "justify" | "kanban-fill" | "kanban" | "key-fill" | "key" | "keyboard-fill" | "keyboard" | "ladder" | "lamp-fill" | "lamp" | "laptop-fill" | "laptop" | "layer-backward" | "layer-forward" | "layers-fill" | "layers-half" | "layers" | "layout-sidebar-inset-reverse" | "layout-sidebar-inset" | "layout-sidebar-reverse" | "layout-sidebar" | "layout-split" | "layout-text-sidebar-reverse" | "layout-text-sidebar" | "layout-text-window-reverse" | "layout-text-window" | "layout-three-columns" | "layout-wtf" | "leaf-fill" | "leaf" | "life-preserver" | "lightbulb-fill" | "lightbulb-off-fill" | "lightbulb-off" | "lightbulb" | "lightning-charge-fill" | "lightning-charge" | "lightning-fill" | "lightning" | "line" | "link-45deg" | "link" | "linkedin" | "list-check" | "list-columns-reverse" | "list-columns" | "list-nested" | "list-ol" | "list-stars" | "list-task" | "list-ul" | "list" | "lock-fill" | "lock" | "luggage-fill" | "luggage" | "lungs-fill" | "lungs" | "magic" | "magnet-fill" | "magnet" | "mailbox-flag" | "mailbox" | "mailbox2-flag" | "mailbox2" | "map-fill" | "map" | "markdown-fill" | "markdown" | "marker-tip" | "mask" | "mastodon" | "measuring-cup-fill" | "measuring-cup" | "medium" | "megaphone-fill" | "megaphone" | "memory" | "menu-app-fill" | "menu-app" | "menu-button-fill" | "menu-button-wide-fill" | "menu-button-wide" | "menu-button" | "menu-down" | "menu-up" | "messenger" | "meta" | "mic-fill" | "mic-mute-fill" | "mic-mute" | "mic" | "microsoft-teams" | "microsoft" | "minecart-loaded" | "minecart" | "modem-fill" | "modem" | "moisture" | "moon-fill" | "moon-stars-fill" | "moon-stars" | "moon" | "mortarboard-fill" | "mortarboard" | "motherboard-fill" | "motherboard" | "mouse-fill" | "mouse" | "mouse2-fill" | "mouse2" | "mouse3-fill" | "mouse3" | "music-note-beamed" | "music-note-list" | "music-note" | "music-player-fill" | "music-player" | "newspaper" | "nintendo-switch" | "node-minus-fill" | "node-minus" | "node-plus-fill" | "node-plus" | "noise-reduction" | "nut-fill" | "nut" | "nvidia" | "nvme-fill" | "nvme" | "octagon-fill" | "octagon-half" | "octagon" | "openai" | "opencollective" | "optical-audio-fill" | "optical-audio" | "option" | "outlet" | "p-circle-fill" | "p-circle" | "p-square-fill" | "p-square" | "paint-bucket" | "palette-fill" | "palette" | "palette2" | "paperclip" | "paragraph" | "pass-fill" | "pass" | "passport-fill" | "passport" | "patch-check-fill" | "patch-check" | "patch-exclamation-fill" | "patch-exclamation" | "patch-minus-fill" | "patch-minus" | "patch-plus-fill" | "patch-plus" | "patch-question-fill" | "patch-question" | "pause-btn-fill" | "pause-btn" | "pause-circle-fill" | "pause-circle" | "pause-fill" | "pause" | "paypal" | "pc-display-horizontal" | "pc-display" | "pc-horizontal" | "pc" | "pci-card-network" | "pci-card-sound" | "pci-card" | "peace-fill" | "peace" | "pen-fill" | "pen" | "pencil-fill" | "pencil-square" | "pencil" | "pentagon-fill" | "pentagon-half" | "pentagon" | "people-fill" | "people" | "percent" | "perplexity" | "person-add" | "person-arms-up" | "person-badge-fill" | "person-badge" | "person-bounding-box" | "person-check-fill" | "person-check" | "person-circle" | "person-dash-fill" | "person-dash" | "person-down" | "person-exclamation" | "person-fill-add" | "person-fill-check" | "person-fill-dash" | "person-fill-down" | "person-fill-exclamation" | "person-fill-gear" | "person-fill-lock" | "person-fill-slash" | "person-fill-up" | "person-fill-x" | "person-fill" | "person-gear" | "person-heart" | "person-hearts" | "person-lines-fill" | "person-lock" | "person-plus-fill" | "person-plus" | "person-raised-hand" | "person-rolodex" | "person-slash" | "person-square" | "person-standing-dress" | "person-standing" | "person-up" | "person-vcard-fill" | "person-vcard" | "person-video" | "person-video2" | "person-video3" | "person-walking" | "person-wheelchair" | "person-workspace" | "person-x-fill" | "person-x" | "person" | "phone-fill" | "phone-flip" | "phone-landscape-fill" | "phone-landscape" | "phone-vibrate-fill" | "phone-vibrate" | "phone" | "pie-chart-fill" | "pie-chart" | "piggy-bank-fill" | "piggy-bank" | "pin-angle-fill" | "pin-angle" | "pin-fill" | "pin-map-fill" | "pin-map" | "pin" | "pinterest" | "pip-fill" | "pip" | "play-btn-fill" | "play-btn" | "play-circle-fill" | "play-circle" | "play-fill" | "play" | "playstation" | "plug-fill" | "plug" | "plugin" | "plus-circle-dotted" | "plus-circle-fill" | "plus-circle" | "plus-lg" | "plus-slash-minus" | "plus-square-dotted" | "plus-square-fill" | "plus-square" | "plus" | "postage-fill" | "postage-heart-fill" | "postage-heart" | "postage" | "postcard-fill" | "postcard-heart-fill" | "postcard-heart" | "postcard" | "power" | "prescription" | "prescription2" | "printer-fill" | "printer" | "projector-fill" | "projector" | "puzzle-fill" | "puzzle" | "qr-code-scan" | "qr-code" | "question-circle-fill" | "question-circle" | "question-diamond-fill" | "question-diamond" | "question-lg" | "question-octagon-fill" | "question-octagon" | "question-square-fill" | "question-square" | "question" | "quora" | "quote" | "r-circle-fill" | "r-circle" | "r-square-fill" | "r-square" | "radar" | "radioactive" | "rainbow" | "receipt-cutoff" | "receipt" | "reception-0" | "reception-1" | "reception-2" | "reception-3" | "reception-4" | "record-btn-fill" | "record-btn" | "record-circle-fill" | "record-circle" | "record-fill" | "record" | "record2-fill" | "record2" | "recycle" | "reddit" | "regex" | "repeat-1" | "repeat" | "reply-all-fill" | "reply-all" | "reply-fill" | "reply" | "rewind-btn-fill" | "rewind-btn" | "rewind-circle-fill" | "rewind-circle" | "rewind-fill" | "rewind" | "robot" | "rocket-fill" | "rocket-takeoff-fill" | "rocket-takeoff" | "rocket" | "router-fill" | "router" | "rss-fill" | "rss" | "rulers" | "safe-fill" | "safe" | "safe2-fill" | "safe2" | "save-fill" | "save" | "save2-fill" | "save2" | "scissors" | "scooter" | "screwdriver" | "sd-card-fill" | "sd-card" | "search-heart-fill" | "search-heart" | "search" | "segmented-nav" | "send-arrow-down-fill" | "send-arrow-down" | "send-arrow-up-fill" | "send-arrow-up" | "send-check-fill" | "send-check" | "send-dash-fill" | "send-dash" | "send-exclamation-fill" | "send-exclamation" | "send-fill" | "send-plus-fill" | "send-plus" | "send-slash-fill" | "send-slash" | "send-x-fill" | "send-x" | "send" | "server" | "shadows" | "share-fill" | "share" | "shield-check" | "shield-exclamation" | "shield-fill-check" | "shield-fill-exclamation" | "shield-fill-minus" | "shield-fill-plus" | "shield-fill-x" | "shield-fill" | "shield-lock-fill" | "shield-lock" | "shield-minus" | "shield-plus" | "shield-shaded" | "shield-slash-fill" | "shield-slash" | "shield-x" | "shield" | "shift-fill" | "shift" | "shop-window" | "shop" | "shuffle" | "sign-dead-end-fill" | "sign-dead-end" | "sign-do-not-enter-fill" | "sign-do-not-enter" | "sign-intersection-fill" | "sign-intersection-side-fill" | "sign-intersection-side" | "sign-intersection-t-fill" | "sign-intersection-t" | "sign-intersection-y-fill" | "sign-intersection-y" | "sign-intersection" | "sign-merge-left-fill" | "sign-merge-left" | "sign-merge-right-fill" | "sign-merge-right" | "sign-no-left-turn-fill" | "sign-no-left-turn" | "sign-no-parking-fill" | "sign-no-parking" | "sign-no-right-turn-fill" | "sign-no-right-turn" | "sign-railroad-fill" | "sign-railroad" | "sign-stop-fill" | "sign-stop-lights-fill" | "sign-stop-lights" | "sign-stop" | "sign-turn-left-fill" | "sign-turn-left" | "sign-turn-right-fill" | "sign-turn-right" | "sign-turn-slight-left-fill" | "sign-turn-slight-left" | "sign-turn-slight-right-fill" | "sign-turn-slight-right" | "sign-yield-fill" | "sign-yield" | "signal" | "signpost-2-fill" | "signpost-2" | "signpost-fill" | "signpost-split-fill" | "signpost-split" | "signpost" | "sim-fill" | "sim-slash-fill" | "sim-slash" | "sim" | "sina-weibo" | "skip-backward-btn-fill" | "skip-backward-btn" | "skip-backward-circle-fill" | "skip-backward-circle" | "skip-backward-fill" | "skip-backward" | "skip-end-btn-fill" | "skip-end-btn" | "skip-end-circle-fill" | "skip-end-circle" | "skip-end-fill" | "skip-end" | "skip-forward-btn-fill" | "skip-forward-btn" | "skip-forward-circle-fill" | "skip-forward-circle" | "skip-forward-fill" | "skip-forward" | "skip-start-btn-fill" | "skip-start-btn" | "skip-start-circle-fill" | "skip-start-circle" | "skip-start-fill" | "skip-start" | "skype" | "slack" | "slash-circle-fill" | "slash-circle" | "slash-lg" | "slash-square-fill" | "slash-square" | "slash" | "sliders" | "sliders2-vertical" | "sliders2" | "smartwatch" | "snapchat" | "snow" | "snow2" | "snow3" | "sort-alpha-down-alt" | "sort-alpha-down" | "sort-alpha-up-alt" | "sort-alpha-up" | "sort-down-alt" | "sort-down" | "sort-numeric-down-alt" | "sort-numeric-down" | "sort-numeric-up-alt" | "sort-numeric-up" | "sort-up-alt" | "sort-up" | "soundwave" | "sourceforge" | "speaker-fill" | "speaker" | "speedometer" | "speedometer2" | "spellcheck" | "spotify" | "square-fill" | "square-half" | "square" | "stack-overflow" | "stack" | "star-fill" | "star-half" | "star" | "stars" | "steam" | "stickies-fill" | "stickies" | "sticky-fill" | "sticky" | "stop-btn-fill" | "stop-btn" | "stop-circle-fill" | "stop-circle" | "stop-fill" | "stop" | "stoplights-fill" | "stoplights" | "stopwatch-fill" | "stopwatch" | "strava" | "stripe" | "subscript" | "substack" | "subtract" | "suit-club-fill" | "suit-club" | "suit-diamond-fill" | "suit-diamond" | "suit-heart-fill" | "suit-heart" | "suit-spade-fill" | "suit-spade" | "suitcase-fill" | "suitcase-lg-fill" | "suitcase-lg" | "suitcase" | "suitcase2-fill" | "suitcase2" | "sun-fill" | "sun" | "sunglasses" | "sunrise-fill" | "sunrise" | "sunset-fill" | "sunset" | "superscript" | "symmetry-horizontal" | "symmetry-vertical" | "table" | "tablet-fill" | "tablet-landscape-fill" | "tablet-landscape" | "tablet" | "tag-fill" | "tag" | "tags-fill" | "tags" | "taxi-front-fill" | "taxi-front" | "telegram" | "telephone-fill" | "telephone-forward-fill" | "telephone-forward" | "telephone-inbound-fill" | "telephone-inbound" | "telephone-minus-fill" | "telephone-minus" | "telephone-outbound-fill" | "telephone-outbound" | "telephone-plus-fill" | "telephone-plus" | "telephone-x-fill" | "telephone-x" | "telephone" | "tencent-qq" | "terminal-dash" | "terminal-fill" | "terminal-plus" | "terminal-split" | "terminal-x" | "terminal" | "text-center" | "text-indent-left" | "text-indent-right" | "text-left" | "text-paragraph" | "text-right" | "text-wrap" | "textarea-resize" | "textarea-t" | "textarea" | "thermometer-half" | "thermometer-high" | "thermometer-low" | "thermometer-snow" | "thermometer-sun" | "thermometer" | "threads-fill" | "threads" | "three-dots-vertical" | "three-dots" | "thunderbolt-fill" | "thunderbolt" | "ticket-detailed-fill" | "ticket-detailed" | "ticket-fill" | "ticket-perforated-fill" | "ticket-perforated" | "ticket" | "tiktok" | "toggle-off" | "toggle-on" | "toggle2-off" | "toggle2-on" | "toggles" | "toggles2" | "tools" | "tornado" | "train-freight-front-fill" | "train-freight-front" | "train-front-fill" | "train-front" | "train-lightrail-front-fill" | "train-lightrail-front" | "translate" | "transparency" | "trash-fill" | "trash" | "trash2-fill" | "trash2" | "trash3-fill" | "trash3" | "tree-fill" | "tree" | "trello" | "triangle-fill" | "triangle-half" | "triangle" | "trophy-fill" | "trophy" | "tropical-storm" | "truck-flatbed" | "truck-front-fill" | "truck-front" | "truck" | "tsunami" | "tux" | "tv-fill" | "tv" | "twitch" | "twitter-x" | "twitter" | "type-bold" | "type-h1" | "type-h2" | "type-h3" | "type-h4" | "type-h5" | "type-h6" | "type-italic" | "type-strikethrough" | "type-underline" | "type" | "typescript" | "ubuntu" | "ui-checks-grid" | "ui-checks" | "ui-radios-grid" | "ui-radios" | "umbrella-fill" | "umbrella" | "unindent" | "union" | "unity" | "universal-access-circle" | "universal-access" | "unlock-fill" | "unlock" | "unlock2-fill" | "unlock2" | "upc-scan" | "upc" | "upload" | "usb-c-fill" | "usb-c" | "usb-drive-fill" | "usb-drive" | "usb-fill" | "usb-micro-fill" | "usb-micro" | "usb-mini-fill" | "usb-mini" | "usb-plug-fill" | "usb-plug" | "usb-symbol" | "usb" | "valentine" | "valentine2" | "vector-pen" | "view-list" | "view-stacked" | "vignette" | "vimeo" | "vinyl-fill" | "vinyl" | "virus" | "virus2" | "voicemail" | "volume-down-fill" | "volume-down" | "volume-mute-fill" | "volume-mute" | "volume-off-fill" | "volume-off" | "volume-up-fill" | "volume-up" | "vr" | "wallet-fill" | "wallet" | "wallet2" | "watch" | "water" | "webcam-fill" | "webcam" | "wechat" | "whatsapp" | "wifi-1" | "wifi-2" | "wifi-off" | "wifi" | "wikipedia" | "wind" | "window-dash" | "window-desktop" | "window-dock" | "window-fullscreen" | "window-plus" | "window-sidebar" | "window-split" | "window-stack" | "window-x" | "window" | "windows" | "wordpress" | "wrench-adjustable-circle-fill" | "wrench-adjustable-circle" | "wrench-adjustable" | "wrench" | "x-circle-fill" | "x-circle" | "x-diamond-fill" | "x-diamond" | "x-lg" | "x-octagon-fill" | "x-octagon" | "x-square-fill" | "x-square" | "x" | "xbox" | "yelp" | "yin-yang" | "youtube" | "zoom-in" | "zoom-out";
+export type DebounceOptions<Result> = {
+    isImmediate?: boolean;
+    maxWait?: number;
+    callback?: (data: Result) => void;
+};
+export interface DebouncedFunction<Args extends unknown[], F extends (...args: Args) => unknown> {
+    (this: ThisParameterType<F>, ...args: Args & Parameters<F>): Promise<ReturnType<F>>;
+    cancel: (reason?: unknown) => void;
+}
+export function debounce<Args extends unknown[], F extends (...args: Args) => unknown>(func: F, waitMilliseconds?: number, options?: DebounceOptions<ReturnType<F>>): DebouncedFunction<Args, F>;
+export type EventListener<TData extends AnObject = {}, TResult = void> = (data?: TData) => TResult;
+export class Eventer<TData = {}, TResult = void> {
+    debounceMs: number;
+    constructor(debounceMs?: number);
+    register(listener: EventListener<TData, TResult>, abortSignal?: AbortSignal): void;
+    unregister(listener: EventListener<TData, TResult>): void;
+    raise(data: TData): Promise<TResult[]>;
+}
+export type DomEventName = keyof HTMLElementEventMap;
+export type DomEventData = HTMLElementEventMap[DomEventName];
+export class DomEventAction extends Eventer<DomEventData, void> {
+    constructor(target: HTMLElement, eventName: DomEventName);
+}
+export class Awaiter {
+    constructor();
+    setReady: () => void;
+    wait(timeoutMs?: number): Promise<void>;
+}
+export type LookupValue = string | number;
+export type AnObject = {
+    [key: string]: any;
+};
+export type Constructable<T extends AnObject = {}> = {
+    new (...args: any[]): T;
+};
+export type ClassType<T extends AnObject = {}> = Function & Constructable<T>;
+export type CreatorFunc = () => unknown;
+export type PropertyName<T> = Extract<keyof T, string>;
+export type Action<TResult = void, TParam = void> = (p?: TParam) => TResult;
+export type AsyncAction<TResult = void, TParam = void> = Action<Promise<TResult>, TParam>;
+export type OpResult<TData = void> = {
+    success: boolean;
+    message?: string;
+    data?: TData;
+};
+export type AsyncOpResult<TData = void> = Promise<OpResult<TData>>;
+export type Operation<TResult = void, TParam = void> = Action<OpResult<TResult>, TParam>;
+export type AsyncOperation<TResult = void, TParam = void> = Action<AsyncOpResult<TResult>, TParam>;
+export interface ILookup {
+    key?: LookupValue;
+    title: string;
+}
+export interface IHasGroup {
+    group: LookupValue;
+}
+export type HasGroup<T> = T & IHasGroup;
+export type Groupped<T> = {
+    groups: ILookup[];
+    items: HasGroup<T>;
+};
+export type Keyed<T> = T & {
+    key: string;
+};
+export type IdValue<T> = {
+    id: number;
+    value: T;
+};
+export type SelfParent<T> = T & {
+    children?: SelfParent<T>[];
+};
+export interface IOrderable {
+    order?: number;
+}
+export type PropChangeInfo = {
+    name: string;
+    newValue: any;
+    oldValue?: any;
+};
+export interface IObservable {
+    readonly onPropChanged: Eventer<PropChangeInfo, void>;
+    raisePropChanged(info: PropChangeInfo): void;
+}
+export type LookupLoader<TContext = void> = AsyncAction<ILookup[], TContext>;
+export type LookupSource<Tcontext = void> = ILookup[] | LookupLoader<Tcontext>;
+export type GrouppedLookupLoader<TContext = void> = AsyncAction<Groupped<ILookup>, TContext>;
+export type ISimpleArray<T> = Iterable<T> & ArrayLike<T>;
+export type LanguageCodes = 'tr' | 'en' | 'de' | 'fr' | 'es' | 'it' | 'ru' | 'zh' | 'ja' | 'ko' | 'ar' | 'pt';
+export type Word = {
+    [lang in LanguageCodes]?: string;
+};
+export type Dictionary = {
+    [key: string]: Word;
+};
+export const LanguageNameMap: {
+    code: LanguageCodes;
+    name: string;
+}[];
+declare class DevLoggerClass {
+    constructor();
+    set enable(value: boolean);
+    get enable(): boolean;
+    log(...data: unknown[]): void;
+    isDev(): boolean;
+}
+export const DevLogger: DevLoggerClass;
+export interface IButtonInfo {
+    text?: string;
+    tootip?: string;
+    iconClass?: string;
+    auth?: string;
+    disabled?: boolean | string;
+    dependedResource?: string;
+    btnClass?: string;
+}
+export interface IBag<T1, T2 = any, T3 = any> {
+    bag: T1;
+    bag2?: T2;
+    bag3?: T3;
+}
+export type HasDisabled<T> = T & {
+    disabled?: boolean;
+    disabledReason?: string;
+};
+export type HasActions<T> = T & {
+    actions?: Keyed<IButtonInfo>[];
+};
+export type IKeyedButtonInfo = Keyed<IButtonInfo>;
+export type BaggedButtonElement = HTMLButtonElement & IBag<IButtonInfo>;
+export type MenuItem = SelfParent<HasActions<IKeyedButtonInfo>>;
+export type ButtonClickAction = (info: IButtonInfo) => void;
+export type Orientation = 'horizonal' | 'vertical';
+export type Alignment = 'start' | 'center' | 'end';
+export type RibbonItemType = 'Button' | 'DropDownButton' | 'RadioButton' | 'Select' | 'Custom';
+export type FormInputType = 'hidden' | 'readonly' | 'text' | 'textarea' | 'int' | 'double' | 'date' | 'datetime-local' | 'boolean' | 'switch' | 'password' | 'color' | 'intarr' | 'textarr' | HTMLElement;
+export type DisplayClasses = 'danger' | 'warning' | 'success' | 'info';
+export type MenuProperties = {
+    align?: Alignment;
+    gap?: string;
+};
+export type OptionMenuProperties = MenuProperties & {
+    iconClass?: string;
+    isRightPosition?: boolean;
+};
+export type OptionListProperties<T> = {
+    items: T[];
+    itemFactory?: (item: T) => HTMLElement;
+    iconClass?: string;
+    isRightPosition?: boolean;
+    tooltip?: string;
+};
+export type CustomOption = HTMLOptionElement & {
+    originalValue: LookupValue;
+};
+export interface IValidationRule {
+    isRequired?: boolean;
+    getError(value: any): string;
+    restrictElement?: (inp: HTMLElement) => void;
+}
+export interface IValueConverter<S = any, T = any> {
+    convertTo(source: S): T;
+    convertFrom(target: T): S;
+}
+export interface IFormItem {
+    key: string;
+    title: string;
+    gridProps?: {
+        row: number;
+        column: number;
+        colSpan?: number;
+        rowSpan?: number;
+    };
+    auth?: string;
+}
+export interface IFormInput extends IFormItem {
+    input: FormInputType;
+    displaySize?: 'full' | 'double';
+    readonlyInput?: HTMLElement;
+    rules?: IValidationRule[];
+    converter?: IValueConverter;
+    getter?: (inputElm: HTMLElement) => any;
+    setter?: (inputElm: HTMLElement, value: any) => void;
+    actions?: Array<FormInputActionInfo>;
+}
+export interface IFormInputGroup extends IFormItem {
+    items: IFormInput[];
+    auth?: string;
+}
+export type FormProperties = {
+    inputs: Array<IFormInput | IFormInputGroup>;
+    isReadonly?: boolean;
+    displayMode?: 'grid' | 'flow';
+    columns?: 'auto' | number;
+    minColSize?: number;
+    asyncValidation?: AsyncOperation<boolean, IForm>;
+};
+export interface IDataDetailComponent<T = {}> {
+    isReadonly: boolean;
+    setData(model: T): any;
+    getData(): T;
+    updateValue(key: Extract<keyof T, string> | string, value: any): boolean;
+}
+export interface IReadonlyComponent {
+    get readOnly(): boolean;
+    set readOnly(readonly: boolean);
+}
+export interface IValueComponent<T> {
+    set value(value: T);
+    get value(): T;
+    onValueChanged: Eventer<T, void>;
+}
+export interface IFormInputComponent<T> extends IValueComponent<T>, IReadonlyComponent {
+}
+export interface IFormLine {
+    item: IFormInput;
+    value: any;
+    element: HTMLElement;
+    getAction(key: string): HTMLButtonElement;
+    check(silent?: boolean): boolean;
+    getErrors(): string[];
+    setError(err: string): void;
+    refresh(clear?: boolean): void;
+}
+export interface IForm<T = {}> extends IDataDetailComponent<T> {
+    props: FormProperties;
+    check(silent: boolean): boolean;
+    getErrors(): string[] | null;
+    clearErrors(): void;
+    getInputElement(key: string): HTMLElement;
+    getInputAction(key: string, actionKey: string): HTMLButtonElement;
+    getLine(key: string): IFormLine;
+}
+export type FormInputActionInfo = {
+    key?: string;
+    iconClass: string;
+    tooltip: string;
+    onClick: Action<void, {
+        value: any;
+        input: HTMLElement;
+        form: IForm;
+    }>;
+    btnClass?: string;
+    hideWhenReadOnly?: boolean;
+    auth?: string;
+};
+export interface IRibbonTab extends IOrderable {
+    key: string;
+    text: string;
+    groups: IRibbonGroup[];
+    onDemand?: boolean;
+    color?: string;
+}
+export interface IRibbonGroup extends IOrderable {
+    key: string;
+    text: string;
+    items: IRibbonItem[];
+}
+export interface IRibbonItem extends IOrderable {
+    type: RibbonItemType;
+    key: string;
+}
+export interface IRibbonCmd extends IKeyedButtonInfo {
+    action: () => void;
+    active?: boolean;
+}
+export interface IRibbonItemButton extends IRibbonItem, IRibbonCmd {
+    type: 'Button';
+    size: 'small' | 'big';
+}
+export interface IRibbonItemDropDown extends IRibbonItem {
+    type: 'DropDownButton';
+    mainButton: string | IRibbonCmd;
+    children: IRibbonCmd[];
+    mainButtonIconClass?: string;
+    selectionProps?: {
+        enabled: true;
+        defaultKey: string;
+    };
+}
+export interface IRibbonItemRadioButton extends IRibbonItem {
+    type: 'RadioButton';
+    buttons: IRibbonCmd[];
+}
+export interface IRibbonItemSelect extends IRibbonItem {
+    type: 'Select';
+    title: string;
+    items: ILookup[];
+    defaultKey?: LookupValue;
+    action: (key: string) => void;
+}
+export interface IRibbonItemCustom extends IRibbonItem {
+    type: 'Custom';
+    title: string;
+    element: HTMLElement;
+}
+export type TreeItemActionInfo = IKeyedButtonInfo | HTMLInputElement;
+export interface ITreeItem extends IOrderable {
+    id: LookupValue;
+    title: string;
+    checked?: boolean;
+    hidden?: boolean;
+    passive?: boolean;
+    actions?: TreeItemActionInfo[];
+    children?: ISimpleArray<ITreeItem>;
+    onAction?: (id: string) => void;
+    propsChanged?: Eventer<{
+        key: string;
+        value: any;
+    }, void>;
+    actionPropChanged?: Eventer<{
+        action: TreeItemActionInfo;
+        key: string;
+        value: any;
+    }, void>;
+    displayClass?: DisplayClasses;
+    icon?: HTMLElement;
+}
+export type TreeViewProperties = {
+    startupExpandLevel?: number;
+    selection: {
+        mode: 'single' | 'multi';
+        lockChildren?: boolean;
+        level?: number;
+    };
+    onValuesLoadedSuccess?: (ok: boolean) => void;
+};
+export type MessageBoxStyles = '' | 'error' | 'info' | 'warning' | 'success';
+export interface SkeletonOptions {
+    width?: string | number;
+    height?: string | number;
+    borderRadius?: string | number;
+    count?: number;
+    className?: string;
+    animated?: boolean;
+}
+export type WaitingSkeletonBasicProperties = {
+    type: 'title' | 'button' | 'input' | 'card';
+};
+export type WaitingSkeletonLinedProperties = {
+    type: 'paragraph' | 'avatar';
+    lines: number;
+};
+export type WaitingSkeletonLinedAndWidthProperties = {
+    type: 'text';
+    lines: number;
+    width: string;
+};
+export type WaitingSkeletonTableProperties = {
+    type: 'table';
+    rows: number;
+    columns: number;
+};
+export type WaitingSkeletonFormProperties = {
+    type: 'form';
+    fields: number;
+};
+export type WaitingSkeletonProperties = WaitingSkeletonBasicProperties | WaitingSkeletonLinedProperties | WaitingSkeletonTableProperties | WaitingSkeletonFormProperties | WaitingSkeletonLinedAndWidthProperties;
+export interface INofityItem {
+    hide(): void;
+    get exist(): boolean;
+}
+export type NotifyProperties = {
+    title: string;
+    message?: string | HTMLElement;
+    iconClass?: string;
+    autoHideMs?: number;
+    preventHideOnClick?: boolean;
+    type?: '' | 'error' | 'info' | 'warning' | 'success';
+    onClose?: Action;
+};
+export interface IActionManager {
+    setRestricted(value: boolean | string): any;
+    setDisabled(value: boolean | string): any;
+}
+export type ConversionProperties = {
+    dataUnit: LookupValue;
+    selectedUnit?: LookupValue;
+    conversions: ILookup[];
+    converter: (from: LookupValue, to: LookupValue, value: number) => number;
+};
+export class IndeterminateProgress extends HTMLElement {
+    constructor(attachMode?: 'bottom' | 'top' | null);
+    start(): void;
+    stop(): void;
+}
+export type ObserverFunc = (object: object, key: string, newValue: any, oldValue: any) => void;
+export class System {
+    static observe(object: object, key: string, observer: ObserverFunc): void;
+    static isString(value: any): value is string;
+    static isNumber(value: any): value is number;
+    static isFunction(value: any): value is Function;
+    static isFunctionType(value: any): value is Function;
+    static isDate(value: any): value is Date;
+    static isArray(value: any): value is any[];
+    static isPromise<T>(value: any): value is Promise<T>;
+    static isHtmlElement(value: any): value is HTMLElement;
+    static isNullOrUndefined(value: any): boolean;
+    static isEmpty(value: any): boolean;
+    static toString(value: number | string, defaultValue?: string): string;
+    static toNumber(value: string, defaultValue?: number | null): number | null;
+    static getExecuterInfo(): string;
+    static epoch2Date(epoch: number): Date | null;
+    static epoch2DateStr(epoch: number, skipTime?: boolean): string;
+    static sortFnc(a: IOrderable, b: IOrderable): number;
+    static sort(arr: IOrderable[]): void;
+    static assignDefault<T extends AnObject>(properties: T, defaultProps: Required<T>): Required<T>;
+    static stringToArrayBuffer(str: string): ArrayBuffer;
+    static bufferToBase64(buffer: ArrayBuffer): string;
+    static base64ToBuffer(base64: any): ArrayBuffer;
+    static wait(ms: number): Promise<void>;
+    static formatIsoDateStr(value: string): string;
+    static hashString(str: string): number;
+    static random(min: number, max: number): number;
+    static generateColor(hash?: number): string;
+    static downloadBlob(blob: Blob, filename: string): void;
+    static selectAllText(inp: HTMLElement): void;
+    static getStaticData<T>(key: string): T | null;
+    static setStaticData<T>(key: string, value: T): void;
+}
+export class MessageDisplay extends HTMLElement {
+    constructor(type: MessageBoxStyles, message: string | HTMLElement);
+    setMessage(message: string | HTMLElement): void;
+}
+export class Spinner extends HTMLElement {
+    constructor(message?: string);
+    setMessage(message: string): void;
+}
+declare const spaDictionary: {
+    search: {
+        tr: string;
+        en: string;
+    };
+    save: {
+        tr: string;
+        en: string;
+    };
+    query: {
+        tr: string;
+        en: string;
+    };
+    add: {
+        tr: string;
+        en: string;
+    };
+    delete: {
+        tr: string;
+        en: string;
+    };
+    edit: {
+        tr: string;
+        en: string;
+    };
+    cancel: {
+        tr: string;
+        en: string;
+    };
+    ok: {
+        tr: string;
+        en: string;
+    };
+    yes: {
+        tr: string;
+        en: string;
+    };
+    clear: {
+        tr: string;
+        en: string;
+    };
+    no: {
+        tr: string;
+        en: string;
+    };
+    demo: {
+        tr: string;
+        en: string;
+    };
+    clear_memory: {
+        tr: string;
+        en: string;
+    };
+    loading: {
+        tr: string;
+        en: string;
+    };
+    go_to_page: {
+        tr: string;
+        en: string;
+    };
+    logout: {
+        tr: string;
+        en: string;
+    };
+    login: {
+        tr: string;
+        en: string;
+    };
+    settings: {
+        tr: string;
+        en: string;
+    };
+    dark_mode: {
+        tr: string;
+        en: string;
+    };
+    light_mode: {
+        tr: string;
+        en: string;
+    };
+    change_language: {
+        tr: string;
+        en: string;
+    };
+    change_theme_colors: {
+        tr: string;
+        en: string;
+    };
+    theme_electral: {
+        tr: string;
+        en: string;
+    };
+    completed: {
+        tr: string;
+        en: string;
+    };
+    close: {
+        tr: string;
+        en: string;
+    };
+    tab_group: {
+        tr: string;
+        en: string;
+    };
+    tab_group_with_active: {
+        tr: string;
+        en: string;
+    };
+    tab_ungroup: {
+        tr: string;
+        en: string;
+    };
+    tab_close_others: {
+        tr: string;
+        en: string;
+    };
+    tab_close_all: {
+        tr: string;
+        en: string;
+    };
+    panel_collapse: {
+        tr: string;
+        en: string;
+    };
+    panel_expand: {
+        tr: string;
+        en: string;
+    };
+    collapse: {
+        tr: string;
+        en: string;
+    };
+    expand: {
+        tr: string;
+        en: string;
+    };
+    required_fields_note: {
+        tr: string;
+        en: string;
+    };
+    required_fields_missing: {
+        tr: string;
+        en: string;
+    };
+    filters: {
+        tr: string;
+        en: string;
+    };
+    row_density: {
+        tr: string;
+        en: string;
+    };
+    density_compact: {
+        tr: string;
+        en: string;
+    };
+    density_comfortable: {
+        tr: string;
+        en: string;
+    };
+    blue: {
+        tr: string;
+        en: string;
+    };
+    indigo: {
+        tr: string;
+        en: string;
+    };
+    green: {
+        tr: string;
+        en: string;
+    };
+    petrol_blue: {
+        tr: string;
+        en: string;
+    };
+    pink: {
+        tr: string;
+        en: string;
+    };
+    yellow: {
+        tr: string;
+        en: string;
+    };
+    login_username_label: {
+        tr: string;
+        en: string;
+    };
+    login_password_label: {
+        tr: string;
+        en: string;
+    };
+    login_button_text: {
+        tr: string;
+        en: string;
+    };
+    toogle_pin_unpin: {
+        tr: string;
+        en: string;
+    };
+    error: {
+        tr: string;
+        en: string;
+    };
+    error_authorized_page_not_found: {
+        tr: string;
+        en: string;
+    };
+    page_title_application: {
+        tr: string;
+        en: string;
+    };
+    page_title_admin: {
+        tr: string;
+        en: string;
+    };
+    required_label: {
+        tr: string;
+        en: string;
+    };
+    last_login: {
+        tr: string;
+        en: string;
+    };
+    collapse_expand: {
+        tr: string;
+        en: string;
+    };
+    last_x_hour: {
+        tr: string;
+        en: string;
+    };
+    last_x_day: {
+        tr: string;
+        en: string;
+    };
+    last_x_month: {
+        tr: string;
+        en: string;
+    };
+    today: {
+        tr: string;
+        en: string;
+    };
+    yesterday: {
+        tr: string;
+        en: string;
+    };
+    this_month: {
+        tr: string;
+        en: string;
+    };
+    last_month: {
+        tr: string;
+        en: string;
+    };
+    quick_select: {
+        tr: string;
+        en: string;
+    };
+    baslangic: {
+        tr: string;
+        en: string;
+    };
+    bitis: {
+        tr: string;
+        en: string;
+    };
+    err_date_baslangic_bitis: {
+        tr: string;
+        en: string;
+    };
+    cmb_seciniz: {
+        tr: string;
+        en: string;
+    };
+    showDetails: {
+        tr: string;
+        en: string;
+    };
+    clear_column_filters: {
+        tr: string;
+        en: string;
+    };
+    clear_column_filters_confirmation: {
+        tr: string;
+        en: string;
+    };
+    show_column_filters: {
+        tr: string;
+        en: string;
+    };
+    show_hide_column_selection: {
+        tr: string;
+        en: string;
+    };
+    addXNew: {
+        tr: string;
+        en: string;
+    };
+    deleteItem: {
+        tr: string;
+        en: string;
+    };
+    editItem: {
+        tr: string;
+        en: string;
+    };
+};
+type SpaDictionaryKeys = keyof typeof spaDictionary;
+export function registerDictionary(dictionary: Dictionary): void;
+export function txtSpa<K extends SpaDictionaryKeys = SpaDictionaryKeys>(key: K, ...prms: string[]): string;
+export function setActiveLanguage(lang: string): void;
+export function getActiveLanguage(): string;
+export class Skeleton extends HTMLElement {
+    constructor(options?: SkeletonOptions);
+}
+export class SkeletonPresets {
+    static text(lines?: number, width?: string): Skeleton;
+    static title(): Skeleton;
+    static paragraph(lines?: number): HTMLElement;
+    static avatar(size?: number): Skeleton;
+    static button(width?: string): Skeleton;
+    static input(): Skeleton;
+    static card(): HTMLElement;
+    static table(rows?: number, columns?: number): HTMLElement;
+    static form(fields?: number): HTMLElement;
+}
+export class EventService {
+    constructor();
+    listen<TData, TResult>(eventName: string, listener: EventListener<TData, TResult>, abortSignal?: AbortSignal, debunceMs?: number): void;
+    forgot<TData, TResult>(eventName: string, listener: EventListener<TData, TResult>): void;
+    raise<TData, TResult>(eventName: string, data: TData): Promise<TResult[]>;
+}
+export type DependencyInfo = {
+    name: string;
+    errorReason: string;
+    status: boolean;
+};
+export class DepResService {
+    eventService: EventService;
+    initAsync(host: HTMLElement, loader: AsyncOperation<DependencyInfo[]>): Promise<void>;
+    getAllStatus(): DependencyInfo[];
+    getStatusOf(service: string): DependencyInfo;
+}
+export class Notify {
+    static container: HTMLDivElement;
+    static Error(title: string, message?: string | HTMLElement, replace?: INofityItem, autoHideMs?: number): INofityItem;
+    static Success(title: string, message?: string, replace?: INofityItem, autoHideMs?: number): INofityItem;
+    static Warning(title: string, message?: string, replace?: INofityItem, autoHideMs?: number): INofityItem;
+    static Info(title: string, message?: string, replace?: INofityItem, autoHideMs?: number): INofityItem;
+    static Show(properties: NotifyProperties, replace?: INofityItem): INofityItem;
+    static Wait(title: string, message?: string, replace?: INofityItem): INofityItem;
+    static UnauthorisedAction(): void;
+}
+export type ActionManagerProperties = {
+    title: string;
+    disabled: boolean | string;
+    unauthorized: boolean;
+    dependedResource?: string;
+    onClick: (ev: PointerEvent) => void;
+};
+export class ActionManager implements IActionManager {
+    depres: DepResService;
+    constructor(_target: HTMLElement, _props: ActionManagerProperties);
+    setRestricted(value: boolean | string): void;
+    setDisabled(value: boolean | string): void;
+}
+export interface IDomItem {
+    tag: keyof HTMLElementTagNameMap;
+    styles?: Partial<CSSStyleDeclaration>;
+    attrs?: Record<string, string>;
+    children?: Array<IDomItem | HTMLElement>;
+}
+export class ELF {
+    static create<K extends keyof HTMLElementTagNameMap>(tag: K, styles?: Partial<CSSStyleDeclaration>, attrs?: Partial<HTMLElementTagNameMap[K]>, children?: Array<HTMLElement | string>): HTMLElementTagNameMap[K];
+    static build(item: IDomItem): HTMLElement;
+    static button(text?: string, tooltip?: string, btnClasses?: string, iconClass?: string, action?: (ev?: PointerEvent, btn?: HTMLButtonElement) => void, unauthorized?: boolean, disabled?: boolean | string, dependedResource?: string): HTMLButtonElement;
+    static addClearIcon(target: HTMLElement, clearAction: () => void): HTMLElement;
+    static readonly Buttons: {
+        changeIcon: (btn: HTMLButtonElement, iconClass: string) => void;
+        changeDisabled: (btn: HTMLButtonElement, value: boolean | string) => void;
+        fromButtonInfo: (info: IButtonInfo, classes?: string, action?: (ev?: PointerEvent, btn?: BaggedButtonElement) => void, unauthorized?: boolean) => BaggedButtonElement;
+        iconToggle: (state: boolean, tooltip: string, iconClass: string, falseIconClass: string, action: (state: boolean, ev?: PointerEvent, btn?: HTMLButtonElement) => void, unauthorized?: boolean, disabled?: boolean | string, dependedResource?: string) => HTMLButtonElement;
+        search: (action: (ev?: PointerEvent, btn?: HTMLButtonElement) => void, text?: string, tooltip?: string, unauthorized?: boolean, disabled?: boolean | string, dependedResource?: string) => HTMLButtonElement;
+        save: (action: (ev?: PointerEvent, btn?: HTMLButtonElement) => void, text?: string, tooltip?: string, unauthorized?: boolean, disabled?: boolean | string, dependedResource?: string) => HTMLButtonElement;
+        query: (action: (ev?: PointerEvent, btn?: HTMLButtonElement) => void, text?: string, tooltip?: string, unauthorized?: boolean, disabled?: boolean | string, dependedResource?: string) => HTMLButtonElement;
+        add: (action: (ev?: PointerEvent, btn?: HTMLButtonElement) => void, text?: string, tooltip?: string, unauthorized?: boolean, disabled?: boolean | string, dependedResource?: string) => HTMLButtonElement;
+        delete: (action: (ev?: PointerEvent, btn?: HTMLButtonElement) => void, text?: string, tooltip?: string, unauthorized?: boolean, disabled?: boolean | string, dependedResource?: string) => HTMLButtonElement;
+        edit: (action: (ev?: PointerEvent, btn?: HTMLButtonElement) => void, text?: string, tooltip?: string, unauthorized?: boolean, disabled?: boolean | string, dependedResource?: string) => HTMLButtonElement;
+        cancel: (action: (ev?: PointerEvent, btn?: HTMLButtonElement) => void, text?: string, tooltip?: string, unauthorized?: boolean, disabled?: boolean | string, dependedResource?: string) => HTMLButtonElement;
+        mini: (action: (ev?: PointerEvent, btn?: HTMLButtonElement) => void, iconClass: string, tooltip?: string, unauthorized?: boolean, disabled?: boolean | string, dependedResource?: string) => HTMLButtonElement;
+    };
+    static div(classes?: string, ...children: Array<HTMLElement | string>): HTMLDivElement;
+    static img(src: string, classes?: string, width?: number, height?: number): HTMLImageElement;
+    static dialog(classes?: string, ...children: Array<HTMLElement | string>): HTMLDialogElement;
+    static span(text?: string, classes?: string): HTMLSpanElement;
+    static ul(attrs?: Record<string, string>, styles?: Partial<CSSStyleDeclaration>): HTMLUListElement;
+    static li(attrs?: Record<string, string>, styles?: Partial<CSSStyleDeclaration>): HTMLLIElement;
+    static label(label: string, classes?: string): HTMLLabelElement;
+    static closeButton(): HTMLAnchorElement;
+    static input(type: 'hidden' | 'text' | 'number' | 'date' | 'checkbox' | 'textarea' | 'password' | 'time' | 'datetime-local' | 'month' | 'color' | 'range' | 'search', value?: string, placeholder?: string): HTMLInputElement;
+    static textarea(value?: string): HTMLTextAreaElement;
+    static switch(): HTMLInputElement;
+    static icon(className: string): HTMLElement;
+    static h(num: 1 | 2 | 3 | 4 | 5 | 6, text: string, className?: string): HTMLHeadingElement;
+    static p(text: string, className?: string): HTMLParagraphElement;
+    static option(text: string, value?: LookupValue): HTMLOptionElement;
+    static select(): HTMLSelectElement;
+    static selectWithOptions(...values: string[]): HTMLSelectElement;
+    static selectWithLookup(...lookups: ILookup[]): HTMLSelectElement;
+    static setClasses<T extends HTMLElement>(elm: T, ...arr: string[]): T;
+    static setStyles<T extends HTMLElement>(elm: T, styles?: Partial<CSSStyleDeclaration>): T;
+    static setAttributes<T extends HTMLElement>(elm: T, attrs: Record<string, string>): T;
+    static switchClassesIf<T extends HTMLElement>(elm: T, condition: boolean, trueClass: string, falseClass?: string): T;
+    static nextElementId(prefix?: string): string;
+    static showHideSpinnerAt(elm: HTMLElement, show: boolean, message?: string): void;
+    static showHideWorkingAt(elm: HTMLElement, show: boolean, attachMode?: 'bottom' | 'top'): void;
+    static showHideSkeletonAt(elm: HTMLElement, show: boolean, props?: WaitingSkeletonProperties): void;
+    static getSpinnerAt(elm: HTMLElement): Spinner;
+    static showHideMessageDisplayAt(elm: HTMLElement, show: boolean, style?: MessageBoxStyles, message?: string | HTMLElement): void;
+    static showHideGlassAt(elm: HTMLElement, show: boolean): void;
+    static colorizeElement(elm: HTMLElement, color: string): Promise<void>;
+    static toggleFullscreen(elm: HTMLElement): void;
+    static disableAll(elm: HTMLElement, disable: boolean): void;
+    static setUnauthorized(elm: HTMLElement, value: boolean): void;
+    static hide(elm: HTMLElement, value?: boolean): void;
+}
+interface CustomEventListener<TEventKeys extends HTMLElementEventMap = HTMLElementEventMap, K extends keyof TEventKeys = keyof TEventKeys, MT extends TEventKeys[K] = TEventKeys[K]> {
+    (evt: MT): void;
+}
+export abstract class BaseElement<TEventKeys extends HTMLElementEventMap = HTMLElementEventMap> extends HTMLElement implements IObservable {
+    protected _connected: boolean;
+    isMoving: boolean;
+    eid: number;
+    canClose(): Promise<boolean>;
+    protected onConnected?(isFirst?: boolean): void;
+    protected onDisconnected?(): void;
+    readonly onPropChanged: Eventer<PropChangeInfo, void>;
+    constructor();
+    addEventListener<K extends keyof TEventKeys>(type: K, listener: CustomEventListener<TEventKeys, K>, options?: boolean | AddEventListenerOptions): void;
+    dispatchEvent(event: Event): boolean;
+    raiseEvent<K extends keyof TEventKeys = keyof TEventKeys, MT extends TEventKeys[K] = TEventKeys[K]>(eventName: K, event: MT): boolean;
+    getDisposedSignal(): AbortSignal;
+    raisePropChanged(info: PropChangeInfo): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    set bag(value: any);
+    get bag(): any;
+    grapFocus(child: HTMLElement): void;
+    get isBusy(): boolean;
+    setBusy(value: boolean, props?: string | WaitingSkeletonProperties): void;
+    set visible(v: boolean);
+    removeAllChildNodes(): void;
+    isExist(): boolean;
+    setBlocked(value: boolean): void;
+}
+export abstract class BaseFormElement extends BaseElement {
+    abstract check(): boolean;
+    abstract getData(): any;
+    abstract isReadonly: boolean;
+    abstract getErrors(): string[] | null;
+}
+export abstract class BaseAsyncFormElement extends BaseFormElement {
+    abstract checkAsync(): Promise<boolean>;
+}
+export abstract class BasePanelElement extends BaseElement {
+    constructor();
+    onPanelAdd(): void;
+    onPanelRemoved(): void;
+    onPanelShow(): void;
+    onPanelHide(): void;
+    onPanelMoveStart(): void;
+    onPanelMoveEnd(): void;
+    onPanelResize?(start: boolean): void;
+}
+export function warnPanelResize(parent: HTMLElement, start: boolean): void;
+export interface IWindow {
+    closeAsync(): Promise<boolean>;
+}
+export class DialogWindow {
+    static DialogHost: HTMLElement;
+    static ShowAsync(title: string, content: HTMLElement): Promise<void>;
+    static ShowPanel(item: TabItem, mainPanel: IMainPanel): void;
+    static ClosePanelAsync(panelName: string): Promise<boolean>;
+    static HasPanel(panelName: string): boolean;
+}
+export class DropdownVisibleChangedChangedEvent extends Event {
+    visible: boolean;
+    constructor(visible: boolean);
+}
+type DropdownEventMap = HTMLElementEventMap & {
+    visibleChanged: DropdownVisibleChangedChangedEvent;
+};
+export class Dropdown extends BaseElement<DropdownEventMap> {
+    constructor(content: HTMLElement, widthMode?: 'parent' | 'auto', rightAligned?: boolean, maxHeight?: string);
+    protected onConnected(isFirst?: boolean): void;
+    toggle(): void;
+    get visible(): boolean;
+    set visible(value: boolean);
+    get content(): HTMLElement;
+    set content(value: HTMLElement);
+}
+declare class TokenManagerClass {
+    refreshing: boolean;
+    refreshMin: number;
+    maxLastUsedMin: number;
+    get isExpired(): boolean;
+    get needRefresh(): boolean;
+    get isValid(): boolean;
+    get headerValue(): string;
+    get token(): string;
+    get lastUsed(): number;
+    markUsed(): void;
+    setToken(token: string, expiresAt: number): boolean;
+    clearToken(): void;
+}
+export const TokenManager: TokenManagerClass;
+export class StoreService {
+    initialize(appProps: ApplicationProperties): Promise<void>;
+    get appProperties(): ApplicationProperties;
+    set(isUserItem: boolean, key: string, value: any): Promise<void>;
+    getItem(isUserItem: boolean, key: string): Promise<any>;
+    tryGetItem<T>(isUserItem: boolean, key: string, defaultValue: T): Promise<T>;
+    removeItem(isUserItem: boolean, key: string): Promise<void>;
+}
+export class AuthService {
+    private get props();
+    startAsync(): Promise<boolean>;
+    onSuccessLogin(loginInfo: ILoginInfo): void;
+    get isLogined(): boolean;
+    get currentUser(): IUserInfo | null;
+    getHeaderUserDisplayText(): string;
+    hasAuth(auth?: string): boolean;
+    refreshToken(token: string, expires: number): Promise<boolean>;
+    logOut(): Promise<boolean>;
+    setLogoutHandler(logoutHandler: () => Promise<void>): void;
+    protected _fillAuthHeader(ri: RequestInit, token: string): boolean;
+}
+export class Menu extends BaseElement implements ICommandDisplayer {
+    readonly properties: MenuProperties;
+    readonly _isDrop: boolean;
+    ItemClicked: Eventer<MenuItem>;
+    ItemAction: Eventer<{
+        item: MenuItem;
+        actionKey: string;
+    }>;
+    constructor(properties: MenuProperties, _isDrop?: boolean);
+    setActive(key: string, value: boolean): void;
+    setDisabled(key: string, value: boolean | string): void;
+    setRestricted(key: string, value: boolean | string): void;
+    set items(items: MenuItem[]);
+    setItemHidden(hidden: boolean, key: string): void;
+    findItemByKey(key: string): MenuItemElement;
+}
+export class MenuItemElement extends BaseElement {
+    actionManager: ActionManager;
+    constructor(_mi: MenuItem, _parent: HTMLElement, _menu: Menu);
+    buildUi(): void;
+    setRestricted(value: boolean | string): void;
+    setDisabled(value: boolean | string): void;
+}
+export type ListItemInx<T> = IdValue<T> & {
+    inx: number;
+};
+export type IndexedListChangeInfo<T> = {
+    added?: ListItemInx<T>[];
+    removed?: ListItemInx<T>[];
+    replaced?: {
+        old: ListItemInx<T>;
+        new: ListItemInx<T>;
+    };
+    sorted?: boolean;
+};
+export class IndexedList<T> implements ISimpleArray<T> {
+    readonly [n: number]: T;
+    get length(): number;
+    readonly changeEvent: Eventer<IndexedListChangeInfo<T>, void>;
+    constructor(...arr: T[]);
+    [Symbol.iterator](): Generator<T, void, unknown>;
+    add(item: T): number;
+    addMany(...items: T[]): IdValue<T>[];
+    getById(id: number): ListItemInx<T> | null;
+    getValueById(id: number): T | null;
+    setById(id: number, value: T): boolean;
+    removeById(id: number): boolean;
+    removeManyById(...ids: number[]): boolean;
+    clear(): void;
+    idsOf(value: T): number[];
+    contains(value: T): boolean;
+    find(predicate: (value: T) => boolean): T | null;
+    findId(predicate: (value: T) => boolean): number | null;
+    filter(predicate: (value: T) => boolean): T[];
+    map<U>(callbackfn: (value: T) => U): U[];
+    forEach(callbackfn: (value: T) => void): void;
+    forEachItem(callbackfn: (value: ListItemInx<T>) => void): void;
+    sort(callbackfn: (a: T, b: T) => number): void;
+    toArray(): T[];
+    moveUp(value: T): boolean;
+    moveDown(value: T): boolean;
+}
+export abstract class BaseFormInputComponent<T, ET extends HTMLElementEventMap = HTMLElementEventMap> extends BaseElement<ET> implements IFormInputComponent<T> {
+    protected _isreadonly: boolean;
+    protected _loadingValues: boolean;
+    protected _valueLasy: T;
+    onValueChanged: Eventer<T, void>;
+    abstract set value(value: T);
+    abstract get value(): T;
+    get isLoadingValues(): boolean;
+    get readOnly(): boolean;
+    set readOnly(readonly: boolean);
+    protected onReadonlychanged(): void;
+}
+export type IndexedElement = HTMLElement & {
+    itemid: number;
+};
+export interface BaseListProperties<T> {
+    source: IndexedList<T>;
+    itemFactory: (item: T) => HTMLElement;
+    conditionFunc?: (item: T) => boolean;
+    selectable?: boolean;
+    beforeSelectValidation?: (item: T, id: number) => Promise<boolean>;
+}
+export abstract class BaseListComponent<T> extends BaseFormInputComponent<T> {
+    protected props: BaseListProperties<T>;
+    protected _domMap: Map<number, HTMLElement>;
+    protected _itemContainer: HTMLDivElement;
+    protected _contition: (item: T) => boolean;
+    protected _selected: {
+        id: number;
+        elm: HTMLElement;
+    };
+    protected _source: IndexedList<T>;
+    ItemClicked: Eventer<{
+        item: T;
+        id: number;
+    }>;
+    constructor(props: BaseListProperties<T>);
+    protected abstract _onCreateCustomItems(): void;
+    protected abstract _addElementItem(item: T, elm: IndexedElement): any;
+    protected abstract _onAfterSourceChanged(change: IndexedListChangeInfo<T>): any;
+    getElementForId(itemId: number): HTMLElement;
+    getValueForId(itemId: number): T;
+    get value(): T;
+    set value(value: T);
+    protected onReadonlychanged(): void;
+    get selectedId(): number;
+    set selectedId(id: number);
+}
+export interface ListComponentProperties<T> extends BaseListProperties<T> {
+    filterFnc?: (txt: string, item: T) => boolean;
+    customHtmlContainers?: HTMLElement[];
+}
+export class ListComponent<T> extends BaseListComponent<T> {
+    constructor(props: ListComponentProperties<T>);
+    protected _onCreateCustomItems(): void;
+    protected _addElementItem(item: T, elm: IndexedElement): void;
+    protected _onAfterSourceChanged(change: IndexedListChangeInfo<T>): void;
+}
+export class ListComponentHelper {
+    static CreateStringListComponent(source: IndexedList<string>, selectable?: boolean): ListComponent<string>;
+}
+export class OptionsMenu extends BaseElement implements ICommandDisplayer {
+    ItemClicked: Eventer<IKeyedButtonInfo>;
+    ItemAction: Eventer<{
+        item: MenuItem;
+        actionKey: string;
+    }>;
+    menu: Menu;
+    constructor(props: OptionMenuProperties);
+    set items(items: MenuItem[]);
+    setActive(key: string, value: boolean): void;
+    setDisabled(key: string, value: boolean): void;
+}
+export class OptionsList<T> extends BaseElement {
+    ItemClicked: Eventer<T>;
+    ItemAction: Eventer<{
+        item: MenuItem;
+        actionKey: string;
+    }>;
+    list: ListComponent<T>;
+    source: IndexedList<T>;
+    constructor(props: OptionListProperties<T>);
+    changeIcon(iconClass: string): void;
+}
+export type ContextMenuProperties = {
+    target: HTMLElement;
+    items?: MenuItem[] | AsyncAction<MenuItem[]>;
+    auto?: boolean;
+};
+export class ContextMenu implements ICommandDisplayer {
+    ItemClicked: Eventer<MenuItem>;
+    constructor(props: ContextMenuProperties);
+    setItems(items: AsyncAction<MenuItem[]> | MenuItem[]): void;
+    setActive(key: string, value: boolean): void;
+    setDisabled(key: string, value: boolean): void;
+    isExist(): boolean;
+    showAt(x: number, y: number): Promise<boolean>;
+    hide(): void;
+}
+export type TabItem = {
+    name: string;
+    header: string;
+    content: HTMLElement;
+    closable?: boolean;
+    hidden?: boolean;
+    draggable?: boolean;
+    color?: string;
+    posRememberKey?: string;
+    focusable?: boolean;
+    focusAddress?: string;
+    restoreCommand?: string;
+} & IOrderable;
+export interface ITabContainer {
+    tabsChanged: Eventer<TabsChangedData, void>;
+    addTab(ti: TabItem): any;
+    containsTab(name: string): boolean;
+    removeTabAsync(name: string): Promise<boolean>;
+    activateTab(indexOrName: number | string): boolean;
+    showHideTab(indexOrName: number | string, show: boolean): any;
+    getActiveTabItem(): TabItem | null;
+}
+export type TabsChangedData = {
+    type: 'add' | 'remove' | 'activated' | 'deactivated';
+    tab: TabItem;
+};
+export class TabContainer extends BaseElement implements ITabContainer {
+    tabs: Tab[];
+    headers: TabHeader[];
+    tabsChanged: Eventer<TabsChangedData, void>;
+    onTabItemDragStarted: Eventer<TabItem>;
+    dragTabName: string | null;
+    splitReady: Promise<void>;
+    constructor(enableOverFlow?: boolean);
+    disconnectedCallback(): void;
+    get splitEnabled(): boolean;
+    enableSplit(storeKey: string): void;
+    groupOf(name: string): string[] | null;
+    canGroupWithActive(name: string): boolean;
+    groupWithActive(name: string): void;
+    groupTabs(a: string, b: string): void;
+    ungroup(name: string): void;
+    closeOthers(name: string): Promise<void>;
+    closeAll(): Promise<void>;
+    showTabMenu(name: string, x: number, y: number): void;
+    onTabDropped(dragged: string, target: string): void;
+    addTab(ti: TabItem, activate?: boolean): void;
+    containsTab(name: string): boolean;
+    removeTabAsync(name: string): Promise<boolean>;
+    activateTab(indexOrName: number | string): boolean;
+    getActiveTabItem(): TabItem | null;
+    showHideTab(indexOrName: string | number, show: boolean): boolean;
+    disableTab(indexOrName: string | number, disable: boolean): boolean;
+    moveTo(name: string, other: TabContainer | IMainPanel, activate?: boolean): boolean;
+    warnChildrenResize(start: boolean): void;
+    get focused(): boolean;
+    set focused(value: boolean);
+    toogleFocus(): boolean;
+}
+declare class Tab extends BaseElement {
+    item: TabItem;
+    name: string;
+    constructor(item: TabItem, _container: TabContainer);
+    get splitShown(): boolean;
+    set splitShown(value: boolean);
+    protected onConnected(): void;
+    protected onDisconnected(): void;
+    get active(): boolean;
+    set active(value: boolean);
+}
+declare class TabHeader extends BaseElement {
+    tab: Tab;
+    constructor(tabContainer: TabContainer, tab: Tab);
+    set active(value: boolean);
+    get active(): boolean;
+    updateGroupState(): void;
+}
+export interface ServiceConfig {
+    type?: ServiceTypes;
+    creator?: CreatorFunc | any;
+}
+export interface IUserInfo<T = void> {
+    id: number;
+    key: string;
+    title: string;
+    auths: string[];
+    props?: T;
+    lastLoginDate?: string;
+    role?: string;
+}
+export interface ILoginInfo {
+    token: string;
+    expires: number;
+    user: IUserInfo;
+}
+export interface ILoginComponent extends BaseElement {
+    onLogined: Eventer<ILoginInfo, any>;
+}
+export type AuthLocalProperties = {
+    type: 'Local';
+    autoLogin: boolean;
+    createLoginComponent: () => ILoginComponent;
+    loginInfoUrl: string;
+};
+export type AuthCookieProperties = {
+    type: 'Cookie';
+    logoutUrl: string;
+    loginInfoUrl: string;
+};
+export type AuthProperties = AuthLocalProperties | AuthCookieProperties;
+export type AppMenuItemGroupInfo = {
+    key: string;
+    title: string;
+    order: number;
+    auth?: string;
+};
+export type AppMenuTabInfo = {
+    key: string;
+    title: string;
+    items: AppMenuItemGroupInfo[];
+    order: number;
+    onDemand?: boolean;
+    color?: string;
+    auth?: string;
+};
+export type AppMenuProperties = {
+    defaultTool: string;
+    tabs: AppMenuTabInfo[];
+};
+export type ThemeInfo = {
+    key: string;
+    title: string;
+    color1: string;
+    color2: string;
+};
+export type ApplicationProperties = {
+    title: string;
+    subtitle?: string;
+    hostElement: HTMLElement;
+    auth: AuthProperties;
+    apiEndPoint: string;
+    logoUrl: string;
+    defaultPage: string;
+    ribbon: AppMenuProperties;
+    appPageDisabled?: boolean;
+    adminPageDisabled?: boolean;
+    themes?: ThemeInfo[];
+    languages?: LanguageCodes[];
+};
+export interface PageProperties {
+    key: string;
+    title: string;
+    auth?: string;
+    iconClass?: string;
+    hasNavRibbon?: boolean;
+}
+export interface PagePartProperties {
+    key: string;
+    page: string;
+    title: string;
+    auth?: string;
+    order?: number;
+    defaultOpen?: boolean;
+}
+type BaseCommandProperties = {
+    type: CommandTypes;
+    container: 'ribbon' | string;
+    key: string;
+    title: string;
+    group: string;
+    order?: number;
+    auth?: string;
+    preload?: boolean;
+    dependedResource?: string;
+    visibleCondition?: () => boolean;
+};
+export type ActionCommandProperties = BaseCommandProperties & {
+    type: CommandTypes.Command | CommandTypes.Tool;
+    iconClass: string;
+};
+export type SelectCommandProperties = BaseCommandProperties & {
+    type: CommandTypes.Select;
+    mode?: 'select' | 'dropdown' | 'dropdown-selected';
+    selectItems?: Array<ILookup & {
+        iconClass?: string;
+    }>;
+    iconClass?: string;
+    defaultKey?: LookupValue;
+};
+export type CustomCommandProperties = BaseCommandProperties & {
+    type: CommandTypes.Custom;
+    customElementCreator?: () => HTMLElement;
+};
+export type CommandProperties = ActionCommandProperties | SelectCommandProperties | CustomCommandProperties;
+export interface ICommand {
+    start(childKey?: string, param?: any): void;
+    enabled: boolean;
+    active: boolean;
+}
+export interface ITool extends ICommand {
+    cancel(): boolean;
+}
+export type StartupJobProperties = {
+    type: StartupJobTypes;
+    title: string;
+    required: boolean;
+    errorMessage?: string;
+    order?: number;
+};
+export interface IAppStartupJob {
+    name: string;
+    run(): Promise<boolean>;
+}
+export type PageNavigatedEventArgs = {
+    pageKey: string;
+    pageTitle: string;
+    fromPageKey: string;
+};
+export interface IMainPanel {
+    openItemAsync(pos: PanelPos, item: TabItem, activate?: boolean): Promise<void>;
+    closeItemAsync(name: string): Promise<boolean>;
+    onResizeStatusChanged(start: boolean, pos: PanelPos, affecteds: PanelPos[]): void;
+    dwcStart(blockedPos: PanelPos, item: TabItem): any;
+    dwcStop(): any;
+    get Center(): HTMLElement;
+    get Left(): HTMLElement;
+    get Right(): HTMLElement;
+    get Bottom(): HTMLElement;
+}
+export interface IPanelManager {
+    openPanelAsnc(item: TabItem, pos: PanelPos, activate?: boolean, focused?: boolean): Promise<void>;
+    isPanelOpen(name: string): boolean;
+    closePanelAsync(name: string): Promise<boolean | null>;
+    movePanel(name: string, pos: PanelPos, activate?: boolean): void;
+    activatePanel(name: string): boolean;
+    getComponentOfPanel(name: string): HTMLElement | null;
+}
+export type FormFactoryProperties = {
+    type: string;
+    order: number;
+};
+export interface IFormFactory {
+    name: string;
+    createForm(row: AnObject, serviceKey: string, tableKey: string, targetType?: string): AsyncOpResult<HTMLElement>;
+}
+export interface ICommandDisplayer {
+    setActive(key: string, value: boolean): any;
+    setDisabled(key: string, value: boolean): any;
+    isExist(): boolean;
+}
+export type PeriodicJobProperties = {
+    key: string;
+    tick: number;
+    targetPage?: string;
+};
+export interface IPeriodicJob {
+    name: string;
+    run(): Promise<boolean>;
+}
+export type DependentResourceChangedEventArgs = {
+    resource: string;
+    status: boolean;
+};
+export type FocusChangedData = {
+    focused: boolean;
+    activeTab?: TabItem;
+};
+export class ButtonRadioChangedEvent extends Event {
+    value: LookupValue;
+    constructor(value: LookupValue);
+}
+type ButtonRadioEventMap = HTMLElementEventMap & {
+    change: ButtonRadioChangedEvent;
+};
+export type ButtonRadioProperties = {
+    source: LookupSource;
+    asFormInput?: boolean;
+};
+export class ButtonRadio extends BaseFormInputComponent<LookupValue, ButtonRadioEventMap> {
+    props: ButtonRadioProperties;
+    constructor(props: ButtonRadioProperties);
+    get value(): LookupValue;
+    set value(val: LookupValue);
+    getButton(key: LookupValue): HTMLButtonElement | null;
+    addButton(lk: ILookup): void;
+    removeButton(key: LookupValue): void;
+    setDisabled(key: LookupValue, value: boolean): void;
+    setValue(val: LookupValue, silent?: boolean): void;
+}
+export type ButtonListProperties = {
+    orientation?: Orientation;
+    align?: Alignment;
+    gap?: string;
+};
+export class ButtonList extends BaseElement {
+    constructor(properties: ButtonListProperties);
+}
+export type DropdownButtonProperties = {
+    main: string | IKeyedButtonInfo;
+    children: IKeyedButtonInfo[];
+    clickAction: (info: IKeyedButtonInfo) => void;
+    widthMode?: 'parent' | 'auto';
+    rightAligned?: boolean;
+    mainIconClass?: string;
+    selectionMode?: {
+        enabled: true;
+        defaultKey: string;
+    };
+};
+export class DropdownButton extends BaseElement {
+    constructor(props: DropdownButtonProperties);
+    getButton(key: string): HTMLButtonElement | null;
+    addButton(info: IKeyedButtonInfo): void;
+    removeButton(key: string): void;
+    setDisabled(key: string, value: boolean | string): void;
+}
+export type CascadeProps = {
+    parents?: IValueComponent<LookupValue | LookupValue[]>[];
+    itemLoader?: LookupLoader<LookupValue[]>;
+    initialItems?: ILookup[];
+};
+export type SearchParams = {
+    text: string;
+    parentValues?: LookupValue[];
+};
+export type SearchableProps = {
+    itemLoader?: LookupLoader<SearchParams>;
+    placeholder?: string;
+    skipChangeValue?: boolean;
+    minTextLen?: number;
+};
+export type BeforeSelectValidationFunc = AsyncAction<boolean, {
+    new: LookupValue;
+    old: LookupValue;
+}>;
+export class ComboBox extends BaseFormInputComponent<LookupValue> {
+    onSearchSelected: Eventer<ILookup, void>;
+    constructor(source: LookupSource<LookupValue[]> | CascadeProps, searchableProps?: SearchableProps, clearable?: boolean, beforeSelectValidation?: BeforeSelectValidationFunc);
+    get items(): ILookup[];
+    set items(items: ILookup[]);
+    get selected(): ILookup;
+    set selected(item: ILookup);
+    get value(): LookupValue;
+    set value(key: LookupValue);
+}
+export class NavRibbonManager implements ICommandDisplayer {
+    readonly tabs: IRibbonTab[];
+    readonly header: NavRibbonHeader;
+    readonly body: NavRibbonBody;
+    constructor();
+    setActive(key: string, value: boolean): void;
+    setDisabled(key: string, value: boolean): void;
+    isExist(): boolean;
+    findElement(key: string): HTMLElement | undefined;
+    addTab(tab: IRibbonTab): void;
+    removeTab(tabName: string): void;
+    activateTab(tab: string | number): boolean;
+}
+export class NavRibbonHeader extends BaseElement {
+    constructor(manager: NavRibbonManager);
+    addTab(tab: IRibbonTab): void;
+    removeTab(tabName: string): void;
+    activateTab(key: string): void;
+}
+export class NavRibbonBody extends BaseElement {
+    constructor(manager: NavRibbonManager);
+    setActive(key: string, value: boolean): void;
+    setDisabled(key: string, value: boolean): void;
+    findElement(key: string): HTMLElement | undefined;
+    addTab(tab: IRibbonTab): void;
+    removeTab(tabName: string): void;
+    activateTab(key: string): void;
+}
+export abstract class BasePage extends BaseElement {
+    constructor();
+    canClose(): Promise<boolean>;
+    pageProps: PageProperties;
+    abstract OnShow(): void;
+    abstract OnHide(): void;
+    getRibbonHeader(): NavRibbonHeader | null;
+}
+export abstract class BasePagePart extends BaseElement {
+    constructor();
+    canClose(): Promise<boolean>;
+    abstract OnShow(): void;
+    abstract OnHide(): void;
+}
+export type PagePartItem = {
+    pagePart: BasePagePart;
+    props: PagePartProperties;
+};
+export class LazyInstance<T> {
+    constructor(_constructor: ClassType<T>);
+    get instance(): T;
+    get newInstance(): T;
+    get isCreated(): boolean;
+    reset(): void;
+}
+export class LasyInstanceMap<T, L extends LazyInstance<T>> {
+    registerLazy(key: string, li: L): void;
+    has(key: string): boolean;
+    getLazy(key: string): L;
+    get allItems(): L[];
+    resetInstances(): void;
+}
+export class LazyCommand extends LazyInstance<ICommand> {
+    config: CommandProperties;
+    constructor(_constructor: ClassType<ICommand>, config: CommandProperties);
+}
+export class PageLazy extends LazyInstance<BasePage> {
+    props: PageProperties;
+    constructor(ctor: ClassType<BasePage>, props: PageProperties);
+}
+export class PagePartLazy extends LazyInstance<BasePagePart> {
+    props: PagePartProperties;
+    constructor(ctor: ClassType<BasePagePart>, props: PagePartProperties);
+}
+export class StartupJobLazy extends LazyInstance<IAppStartupJob> {
+    config: StartupJobProperties;
+    constructor(classType: ClassType<IAppStartupJob>, config: StartupJobProperties);
+}
+export class FormFactoryLazy extends LazyInstance<IFormFactory> {
+    key: string;
+    constructor(classType: ClassType<IFormFactory>, key: string);
+}
+export class PeriodicJobLazy extends LazyInstance<IPeriodicJob> {
+    config: PeriodicJobProperties;
+    constructor(classType: ClassType<IPeriodicJob>, config: PeriodicJobProperties);
+}
+export class ServiceItem {
+    serviceType: ServiceTypes;
+    constructor(_type: ClassType | string, config: ServiceConfig);
+    getInstance(): any;
+    onScopeChanged(): void;
+}
+declare class ServicePooler {
+    register(type: ClassType, config: ServiceConfig): void;
+    registerKeyed(key: string, type: ServiceTypes, service: AnObject | (() => any)): void;
+    get<T>(type: any): T;
+    find<T>(type: any): T | null;
+    get scopeActive(): boolean;
+    set scopeActive(value: boolean);
+}
+export const ServicePool: ServicePooler;
+export function Inject(): PropertyDecorator;
+export function Service(config?: ServiceConfig): ClassDecorator;
+export function ServiceKeyed(key: string, type: ServiceTypes): ClassDecorator;
+export abstract class PartContainerPage extends BasePage {
+    leftMenu: HTMLDivElement;
+    partSide: HTMLDivElement;
+    partContainer: HTMLDivElement;
+    activePart: BasePagePart;
+    authService: AuthService;
+    constructor(title: string);
+    protected onConnected(isFirst?: boolean): void;
+    loadParts(items: PagePartItem[]): void;
+    _onMenuClicked(item: PagePartItem, menuItem: HTMLDivElement): void;
+}
+export class NavigationService {
+    authService: AuthService;
+    eventService: EventService;
+    storeService: StoreService;
+    constructor();
+    init(pageContainerElement: HTMLElement, headerActionsContainer: HTMLDivElement): void;
+    goto(key: string): Promise<boolean>;
+    getUserPagesForNav(): PageProperties[];
+    get headerActionsContainer(): HTMLDivElement;
+    getDefaultPage(): Promise<string>;
+    get activePage(): BasePage | null;
+}
+export function Command(cmdProps: CommandProperties): ClassDecorator;
+export function Page(properties: PageProperties): ClassDecorator;
+export function PagePart(properties: PagePartProperties): ClassDecorator;
+export function StartupJob(key: string, properties: StartupJobProperties): ClassDecorator;
+export function FormFactory(key: string): ClassDecorator;
+export function PeriodicJob(properties: PeriodicJobProperties): ClassDecorator;
+declare class SubPanel extends BaseElement {
+    tabContainer: TabContainer;
+    panelPos: PanelPos;
+    onDragStarted: Eventer<{
+        pos: PanelPos;
+        item: TabItem;
+    }>;
+    eventService: EventService;
+    storeService: StoreService;
+    constructor(pos: PanelPos, mainPanel: IMainPanel);
+    get collapsed(): boolean;
+    set collapsed(value: boolean);
+}
+export class CommandService {
+    eventService: EventService;
+    authService: AuthService;
+    storeService: StoreService;
+    constructor();
+    startCommand(key: string, childKey: string, param?: any): boolean;
+    startDefault(): void;
+    getCommandsFor(container: string, displayer: ICommandDisplayer): CommandProperties[];
+}
+declare class MainPanel extends BaseElement implements IMainPanel {
+    storeService: StoreService;
+    eventService: EventService;
+    commandService: CommandService;
+    constructor(_coverHeader: HTMLElement);
+    connectedCallback(): void;
+    dwcStart(blockedPos: PanelPos, item: TabItem): void;
+    dwcStop(): void;
+    openItemAsync(pos: PanelPos, item: TabItem, activate?: boolean, focused?: boolean, noremember?: boolean): Promise<void>;
+    closeItemAsync(name: string): Promise<boolean>;
+    moveItemTo(item: TabItem, pos: PanelPos, activate?: boolean): boolean;
+    onResizeStatusChanged(start: boolean, pos: PanelPos, affecteds: PanelPos[]): void;
+    findSubPanel(name: string): SubPanel | null;
+    get Center(): SubPanel;
+    get Left(): SubPanel;
+    get Right(): SubPanel;
+    get Bottom(): SubPanel;
+}
+export class Application implements IPanelManager {
+    eventService: EventService;
+    constructor();
+    start(mainPanel: MainPanel): Promise<boolean>;
+    openPanel(item: TabItem, pos: PanelPos, activate?: boolean): void;
+    openPanelAsnc(item: TabItem, pos: PanelPos, activate?: boolean, focused?: boolean): Promise<void>;
+    isPanelOpen(name: string): boolean;
+    closePanelAsync(name: string): Promise<boolean | null>;
+    movePanel(name: string, pos: PanelPos, activate?: boolean): void;
+    activatePanel(name: string): boolean;
+    getComponentOfPanel(name: string): HTMLElement;
+}
+export class DateHelper {
+    static epcToIsoStr(epctime: number): string;
+    static epcToDate(epctime: number): Date;
+    static dateToIsoStr(date?: Date): string | null;
+    static isoStrToDate(str?: string): Date | null;
+    static nowAsIsoStr(): string;
+    static formatIsoStr(value: string, defaultValue?: string): string;
+    static formatDate(value: Date, defaultValue?: string): string;
+    formatDuration(inputSeconds: number): string;
+    compareIsoStrAsc: (a: string, b: string) => number;
+    compareIsoStrDesc: (a: string, b: string) => number;
+    compareDateAsc: (a: Date, b: Date) => number;
+    compareDateDesc: (a: Date, b: Date) => number;
+}
+export class FlatLookup<T extends LookupValue = string> implements ILookup {
+    constructor(val: T);
+    get key(): T;
+    set key(value: T);
+    get title(): string;
+    set title(value: string);
+}
+export function ScreenshotStarter(): void;
+declare global {
+    interface Array<T> {
+        removeAt(index: number): boolean;
+        remove(item: T): boolean;
+        toFlatlookup(): ILookup[];
+    }
+    interface HTMLElement {
+        setClasses<T extends HTMLElement>(...value: string[]): T;
+        setStyles<T extends HTMLElement>(styles?: Partial<CSSStyleDeclaration>): T;
+        setAttributes<T extends HTMLElement>(attrs: Record<string, string>): T;
+        appendChildren(...elements: HTMLElement[]): void;
+        clearChildren(): void;
+        showhide(visible: boolean): void;
+        appendChildAsync<T extends HTMLElement>(element: T): Promise<T>;
+        get active(): boolean;
+        set active(value: boolean);
+        get disabled(): boolean;
+        set disabled(value: boolean);
+        get childrenElements(): HTMLElement[];
+        get unauthorized(): boolean;
+        set unauthorized(value: boolean);
+        get restricted(): boolean;
+        set restricted(value: boolean);
+        anchorElement: HTMLElement | null;
+    }
+    interface String {
+        format(...params: string[]): string;
+    }
+    interface Date {
+        toStr(skipTime?: boolean): string;
+    }
+}
+export type ListChangeInfo<T> = {
+    added?: T[];
+    removed?: T[];
+    replaced?: {
+        old: T;
+        new: T;
+    };
+    sorted?: boolean;
+};
+export class List<T> implements ISimpleArray<T> {
+    readonly [n: number]: T;
+    get length(): number;
+    readonly changeEvent: Eventer<ListChangeInfo<T>, void>;
+    constructor(...arr: T[]);
+    [Symbol.iterator](): Generator<T, void, unknown>;
+    add(item: T): void;
+    addMany(...items: T[]): void;
+    getAt(inx: number): T | null;
+    setAt(inx: number, item: T): boolean;
+    remove(item: T): boolean;
+    removeMany(...items: T[]): boolean;
+    removeAt(inx: number): boolean;
+    clear(): void;
+    indexOf(item: T): number;
+    contains(item: T): boolean;
+    find(predicate: (value: T) => boolean): T;
+    filter(predicate: (value: T) => boolean): T[];
+    map<U>(callbackfn: (value: T) => U): U[];
+    forEach(callbackfn: (value: T) => void): void;
+    sort(callbackfn: (a: T, b: T) => number): void;
+    toArray(): T[];
+}
+export abstract class Observable implements IObservable {
+    readonly onPropChanged: Eventer<PropChangeInfo, void>;
+    raisePropChanged(info: PropChangeInfo): void;
+    static simplifyForJson(object: IObservable): any;
+}
+export function Observe(): PropertyDecorator;
+export function MakePropObservable(target: AnObject, propertyKey: string | symbol): void;
+export function encryptAsync(text: string): Promise<string>;
+export function decryptAsync(encryptedBase64: string): Promise<string>;
+export class AccordionToggleEvent extends Event {
+    visible: boolean;
+    constructor(visible: boolean);
+}
+type AccordionEventMap = HTMLElementEventMap & {
+    visibleChanged: AccordionToggleEvent;
+};
+export type AccordionProperties = {
+    header: string | HTMLElement;
+    content: string | HTMLElement | AsyncOperation<HTMLElement>;
+};
+export class Accordion extends BaseElement<AccordionEventMap> {
+    protected props: AccordionProperties;
+    protected _isOpen: boolean;
+    protected _header: HTMLElement;
+    protected _body: HTMLElement;
+    constructor(props: AccordionProperties);
+    protected onConnected(isFirst?: boolean): Promise<void>;
+    get isOpen(): boolean;
+    set isOpen(value: boolean);
+    get header(): string | HTMLElement;
+    set header(value: string | HTMLElement);
+    get content(): string | HTMLElement;
+    set content(value: string | HTMLElement);
+    toggle(): void;
+}
+export type AutoCompleteProperties = {
+    loader: LookupSource<string>;
+    allowFreeText?: boolean;
+    value?: string;
+    placeholder?: string;
+    minLenght?: number;
+};
+export class AutoComplete extends BaseFormInputComponent<LookupValue> {
+    constructor(_props: AutoCompleteProperties);
+    protected onConnected(isFirst?: boolean): void;
+    set value(value: LookupValue);
+    get value(): LookupValue;
+    set selected(value: ILookup);
+    get selected(): ILookup;
+}
+export type CardProperties = {
+    imageUrl?: string;
+    title?: string;
+    subtitle?: string;
+    content: HTMLElement | string;
+};
+export class Card extends BaseElement {
+    constructor(_props: CardProperties);
+    protected onConnected(isFirst?: boolean): void;
+}
+export type ToolbarProperties = {
+    orientation?: Orientation;
+    align?: Alignment;
+    gap?: string;
+    flat?: boolean;
+    items?: IKeyedButtonInfo[];
+};
+export class Toolbar extends ButtonList implements ICommandDisplayer {
+    ItemClicked: Eventer<IKeyedButtonInfo>;
+    constructor(props?: ToolbarProperties);
+    setActive(key: string, value: boolean): void;
+    setDisabled(key: string, value: boolean): void;
+    set items(items: IKeyedButtonInfo[]);
+    get items(): IKeyedButtonInfo[];
+    getButton(key: string): HTMLButtonElement | null;
+    addButton(info: IKeyedButtonInfo): void;
+    removeButton(key: string): void;
+}
+export type GroupBoxModes = 'card' | 'frame' | 'flat';
+export type GroupBoxProperties = {
+    mode: GroupBoxModes;
+    caption: string;
+    iconClass?: string;
+    actions?: IKeyedButtonInfo[];
+};
+export class GroupBox extends BaseElement {
+    ActionClicked: Eventer<IKeyedButtonInfo>;
+    Toolbar: Toolbar;
+    constructor(captionOrOptions: string | GroupBoxProperties, ...elements: HTMLElement[]);
+    set actions(value: IKeyedButtonInfo[]);
+    get actions(): IKeyedButtonInfo[];
+    setActionActive(key: string, value: boolean): void;
+    setActionDisabled(key: string, value: boolean): void;
+    addChild<T extends Node>(node: T): T;
+    deleteChild<T extends Node>(node: T): T;
+    addChildren(...nodes: HTMLElement[]): void;
+    get body(): HTMLDivElement;
+    get allChildren(): HTMLElement[];
+    get caption(): string;
+    set caption(value: string);
+    set iconClass(value: string);
+    get headerVisible(): boolean;
+    set headerVisible(value: boolean);
+    get flat(): boolean;
+    set flat(value: boolean);
+    get frame(): boolean;
+    set frame(value: boolean);
+    get card(): boolean;
+    set card(value: boolean);
+}
+export interface GrouppedListProperties<T> extends BaseListProperties<T> {
+    groupInfos?: ILookup[];
+    enableGroupSelect?: boolean;
+}
+export class GrouppedListComponent<T> extends BaseListComponent<T> {
+    constructor(props: GrouppedListProperties<T>);
+    protected _onCreateCustomItems(): void;
+    protected _addElementItem(item: T, elm: IndexedElement): void;
+    protected _onAfterSourceChanged(change: IndexedListChangeInfo<T>): void;
+}
+export type CheckListProperties = {
+    items: LookupSource<void>;
+    selecteds?: LookupValue[];
+    groupInfos?: ILookup[];
+    selectAllButtons?: boolean;
+    orderButtons?: boolean;
+};
+export class CheckList extends BaseFormInputComponent<LookupValue[]> {
+    onSelectChanged: Eventer<ILookup, void>;
+    constructor(props: CheckListProperties);
+    get value(): LookupValue[];
+    set value(val: LookupValue[]);
+    unselectAll(): void;
+    selectAll(): void;
+}
+export type MultiCascadeProps = {
+    parents?: IValueComponent<LookupValue | LookupValue[]>[];
+    itemLoader?: LookupLoader<LookupValue[]>;
+};
+export class MultiComboBox extends BaseFormInputComponent<LookupValue[]> {
+    constructor(source: LookupSource<LookupValue[]> | MultiCascadeProps, placeholder?: string, _clickToClose?: boolean);
+    protected onConnected(isFirst?: boolean): void;
+    get items(): ILookup[];
+    set items(items: ILookup[]);
+    get selectedItems(): ILookup[];
+    get placeholder(): string;
+    set placeholder(value: string);
+    get value(): LookupValue[];
+    set value(keys: LookupValue[]);
+    clearSelection(): void;
+    selectAll(): void;
+    removeItem(key: LookupValue): void;
+}
+export type HtmlElementLike = HTMLElement | ((...params: any[]) => HTMLElement);
+export class ConditionalElement extends BaseElement {
+    constructor(observingItem: IObservable, observingProp: string, trueElement: HtmlElementLike, falseElement?: HtmlElementLike);
+}
+export type DateRangeProperties = {
+    inputType?: 'date' | 'datetime-local';
+    startLabel?: string;
+    endLabel?: string;
+    requiresDoneButton?: boolean;
+    shortcuts?: DateRangeShortcut[] | boolean;
+    minDate?: Date;
+    maxDate?: Date;
+};
+export type DropDownDateRangeProperties = DateRangeProperties & {
+    widthMode?: 'parent' | 'auto';
+    rightAligned?: boolean;
+};
+export type DateRangeValue = {
+    startDate: Date | null;
+    endDate: Date | null;
+};
+export type DateRangeShortcut = {
+    label: string;
+    getValue: () => DateRangeValue;
+    iconClass?: string;
+};
+export class DateRangeComponent extends BaseFormInputComponent<DateRangeValue> {
+    _inputType: 'date' | 'datetime-local';
+    constructor(props?: DateRangeProperties);
+    protected onConnected(isFirst?: boolean): void;
+    get value(): DateRangeValue;
+    set value(dateRange: DateRangeValue);
+    get startDate(): Date | null;
+    set startDate(date: Date | null);
+    get endDate(): Date | null;
+    set endDate(date: Date | null);
+    get minDate(): string | null;
+    set minDate(dateStr: string | null);
+    get maxDate(): string | null;
+    set maxDate(dateStr: string | null);
+    clearDates(): void;
+    isValidRange(): boolean;
+    getDaysDifference(): number | null;
+}
+export class DropDownDateRange extends BaseFormInputComponent<DateRangeValue> {
+    constructor(props?: DropDownDateRangeProperties);
+    onReadonlychanged(): void;
+    get value(): DateRangeValue;
+    set value(value: DateRangeValue);
+    get startDate(): Date | null;
+    set startDate(date: Date | null);
+    get endDate(): Date | null;
+    set endDate(date: Date | null);
+    get minDate(): string | null;
+    set minDate(dateStr: string | null);
+    get maxDate(): string | null;
+    set maxDate(dateStr: string | null);
+    clearDates(): void;
+    isValidRange(): boolean;
+    getDaysDifference(): number | null;
+}
+export const DateRangeShortcuts: {
+    Last_Hour_1: {
+        label: string;
+        iconClass: string;
+        getValue: () => {
+            startDate: Date;
+            endDate: Date;
+        };
+    };
+    Last_Hour_2: {
+        label: string;
+        iconClass: string;
+        getValue: () => {
+            startDate: Date;
+            endDate: Date;
+        };
+    };
+    Last_Hour_6: {
+        label: string;
+        iconClass: string;
+        getValue: () => {
+            startDate: Date;
+            endDate: Date;
+        };
+    };
+    Last_Hour_12: {
+        label: string;
+        iconClass: string;
+        getValue: () => {
+            startDate: Date;
+            endDate: Date;
+        };
+    };
+    Today: {
+        label: string;
+        iconClass: string;
+        getValue: () => {
+            startDate: Date;
+            endDate: Date;
+        };
+    };
+    Yesterday: {
+        label: string;
+        iconClass: string;
+        getValue: () => {
+            startDate: Date;
+            endDate: Date;
+        };
+    };
+    Last_Day_2: {
+        label: string;
+        iconClass: string;
+        getValue: () => {
+            startDate: Date;
+            endDate: Date;
+        };
+    };
+    Last_Day_3: {
+        label: string;
+        iconClass: string;
+        getValue: () => {
+            startDate: Date;
+            endDate: Date;
+        };
+    };
+    Last_Day_7: {
+        label: string;
+        iconClass: string;
+        getValue: () => {
+            startDate: Date;
+            endDate: Date;
+        };
+    };
+    Last_Day_14: {
+        label: string;
+        iconClass: string;
+        getValue: () => {
+            startDate: Date;
+            endDate: Date;
+        };
+    };
+    This_Month: {
+        label: string;
+        iconClass: string;
+        getValue: () => {
+            startDate: Date;
+            endDate: Date;
+        };
+    };
+    This_Month_UntilNow: {
+        label: string;
+        iconClass: string;
+        getValue: () => {
+            startDate: Date;
+            endDate: Date;
+        };
+    };
+    Recent_Month: {
+        label: string;
+        iconClass: string;
+        getValue: () => {
+            startDate: Date;
+            endDate: Date;
+        };
+    };
+    Last_Month_2: {
+        label: string;
+        iconClass: string;
+        getValue: () => {
+            startDate: Date;
+            endDate: Date;
+        };
+    };
+    Last_Month_3: {
+        label: string;
+        iconClass: string;
+        getValue: () => {
+            startDate: Date;
+            endDate: Date;
+        };
+    };
+    Last_Month_6: {
+        label: string;
+        iconClass: string;
+        getValue: () => {
+            startDate: Date;
+            endDate: Date;
+        };
+    };
+};
+export type DtTone = 'info' | 'brand' | 'success' | 'danger' | 'warning' | 'neutral';
+export type DtPillMap = Record<string, {
+    tone: DtTone;
+    text?: string;
+}>;
+export type DtFormatter = (cell: CellComponent, formatterParams?: any, onRendered?: (callback: () => void) => void) => string | HTMLElement;
+export type DtActionButton<T = any> = {
+    text: string;
+    iconClass?: string;
+    primary?: boolean;
+    tooltip?: string;
+    visible?: (data: T) => boolean;
+    onClick: (data: T, row: RowComponent) => void;
+};
+export const DtRenderers: {
+    pill(text: string, tone?: DtTone, withDot?: boolean): HTMLElement;
+    text: DtFormatter;
+    muted(values: string[]): DtFormatter;
+    status(map: DtPillMap): DtFormatter;
+    priority(map?: DtPillMap): DtFormatter;
+    tag(): DtFormatter;
+    remainingDays<T = any>(opts?: {
+        isCompleted?: (data: T) => boolean;
+        suffix?: string;
+    }): DtFormatter;
+    toggle<T_1 = any>(onChange: (data: T_1, value: boolean, cell: CellComponent) => Promise<boolean> | boolean, opts?: {
+        disabled?: (data: T_1) => boolean;
+    }): DtFormatter;
+    toggleElement(checked: boolean, disabled: boolean, onChange: (value: boolean) => Promise<boolean> | boolean): HTMLInputElement;
+    actions<T_2 = any>(buttons: DtActionButton<T_2>[]): DtFormatter;
+};
+export type DataTableDensity = 'compact' | 'comfortable';
+declare class DataTableDensityState {
+    get current(): DataTableDensity;
+    load(store: StoreService): Promise<void>;
+    set(store: StoreService, value: DataTableDensity): void;
+}
+export const DtDensity: DataTableDensityState;
+export type MessageBoxButtonTypes = 'Ok' | 'OkCancel' | 'YesNo';
+export type MessageBoxProperties = {
+    content: string | BaseFormElement | HTMLElement;
+    title?: string;
+    buttons?: MessageBoxButtonTypes;
+    style?: MessageBoxStyles;
+    okText?: string;
+    cancelText?: string;
+    container?: HTMLElement;
+    approveText?: string;
+    displayFormErrorNotification?: boolean;
+};
+export type IContentBoxButtonInfo = IKeyedButtonInfo & {
+    accept?: boolean;
+    keepOpen?: boolean;
+    onClick?: () => void;
+};
+export type ContentBoxProperties = {
+    content: string | BaseFormElement | HTMLElement;
+    buttons: IContentBoxButtonInfo[];
+    title?: string;
+    container?: HTMLElement;
+};
+export type MessageBoxResult<T = any> = {
+    ok: boolean;
+    data?: T;
+};
+export type ContentBoxResult<T = any> = {
+    key: string;
+    data?: T;
+};
+export class MessageBox {
+    static Error(message: string, title?: string, container?: HTMLElement): Promise<void>;
+    static Success(message: string, title?: string, container?: HTMLElement): Promise<void>;
+    static Warning(message: string, title?: string, container?: HTMLElement): Promise<void>;
+    static Info(message: string, title?: string, container?: HTMLElement): Promise<void>;
+    static ShowOk(message: string, title?: string, container?: HTMLElement, approveText?: string): Promise<boolean>;
+    static Yesno(message: string, title?: string, style?: MessageBoxStyles, container?: HTMLElement, approveText?: string): Promise<boolean>;
+    static InputText(title: string, type?: 'text' | 'textarea', container?: HTMLElement): Promise<string>;
+    static ShowAsync(props: MessageBoxProperties): Promise<MessageBoxResult | null>;
+    static ShowContentBoxAsync<T = any>(props: ContentBoxProperties): Promise<ContentBoxResult<T> | null>;
+}
+export function ShowYesNoDisplayAtAsync(elm: HTMLElement, type: MessageBoxStyles, message: string): Promise<boolean>;
+export const PersistenceStoreService = "storeService";
+export type ModelKeys<T> = Extract<keyof T, string>;
+export type ModelColumn = ColumnDefinition & {
+    order?: number;
+    initialHidden?: boolean;
+    hide?: boolean;
+    mono?: boolean;
+};
+export type ModelColumnsInfo<T> = {
+    [alias in ModelKeys<Partial<T>>]: ModelColumn;
+};
+export type TableActionInfo<T> = IButtonInfo & {
+    action: (selectedItems?: T[], allItems?: T[]) => Promise<void>;
+    enabledFnc?: (selectedItems: T[]) => boolean | string;
+    key?: string;
+    bulk?: boolean;
+};
+export type DataTableSegment = {
+    key: string;
+    title: string;
+    filters?: Filter[];
+};
+export type RowActionInfo<T> = IButtonInfo & {
+    action: (item: T, row: RowComponent, btn: HTMLButtonElement) => Promise<void>;
+    visibleFilter?: (data: T) => boolean;
+    disableWhen?: (data: T) => boolean | string;
+    contextMenu?: boolean;
+    atFirstCol?: boolean;
+};
+export type DetailInfo<C = {}> = {
+    title: string;
+    fieldName: string;
+    componentFactory: (colData: C, row: RowComponent) => HTMLElement & IDataDetailComponent<C>;
+    flatDataProps?: {
+        flatterAction: Action<{
+            [alias in Extract<keyof C, string>]: string;
+        }, C>;
+        columns: Array<{
+            field: Extract<keyof C, string>;
+            title: string;
+            search?: boolean;
+            export?: boolean;
+        }>;
+    };
+};
+export type DataTableFilterGroup = {
+    key: string;
+    andFilters?: Filter[];
+    orFilters?: Filter[];
+};
+export type SspSorter = {
+    field: string;
+    dir: 'asc' | 'desc';
+};
+export type SspAndFilter = {
+    field: string;
+    type: string;
+    value: number | string | boolean;
+};
+export type SspOrFilter = SspAndFilter[];
+export type RemoteDataLoaderParams = {
+    sorting?: SspSorter[];
+    andFilters?: SspAndFilter[];
+    orFilters?: SspOrFilter[];
+    staticFilter?: string;
+    lang?: string;
+};
+export type SspInput = RemoteDataLoaderParams & {
+    page: number;
+    size: number;
+};
+export type RemoteDataOutput<T> = {
+    total?: number;
+    data: T[];
+};
+export type DataTableRemoteLoader<T> = {
+    paginationMode: 'scroll' | 'page';
+    loaderFunc: (inp: SspInput) => AsyncOpResult<RemoteDataOutput<T>>;
+    exportfunc?: (inp: RemoteDataLoaderParams, format: 'xlsx' | 'pdf') => AsyncOpResult<Blob>;
+};
+export type DataTableActionProperties<T> = {
+    edit?: {
+        modelTitle: string;
+        add?: () => AsyncOpResult<T>;
+        edit?: (item: T) => AsyncOpResult<T>;
+        delete?: (item: T) => AsyncOpResult<RowLookup>;
+        info?: (item: T) => void;
+        addAuth?: string;
+        editAuth?: string;
+        deleteAuth?: string;
+        infoAuth?: string;
+        restrictContext?: string;
+    };
+    export?: {
+        xls?: true | ((datas: T[]) => Promise<void>);
+        pdf?: true | ((datas: T[]) => Promise<void>);
+    };
+    row?: RowActionInfo<T>[];
+    table?: TableActionInfo<T>[];
+    columnSelectMenu?: boolean;
+};
+export type DataTableOptions<T, TDet = any> = {
+    uniqueKey?: string;
+    title?: string;
+    displayTitle?: boolean;
+    columns: {
+        idField: ModelKeys<T>;
+        modelColumns: ModelColumnsInfo<T>;
+        startColumns?: ModelColumn[];
+        endColumns?: ColumnDefinition[];
+    };
+    detail?: DetailInfo<TDet>;
+    dataLoader?: T[] | AsyncOperation<T[], void> | DataTableRemoteLoader<T>;
+    selectableRowCount?: number;
+    pagination?: {
+        size: number;
+        selector?: number[];
+    };
+    searchCols?: ModelKeys<T>[];
+    headerComponent?: HTMLElement;
+    footerComponent?: HTMLElement;
+    enableColMove?: boolean;
+    onRowFormatting?: (row: RowComponent) => void;
+    initialFilters?: Filter[];
+    actions?: DataTableActionProperties<T>;
+    otherOptions?: Partial<Options>;
+    filterClearApproval?: boolean;
+    segments?: {
+        items: DataTableSegment[];
+        initial?: string;
+    };
+    columnFilterPlacement?: 'header' | 'panel';
+    checkboxColumn?: boolean;
+    layout?: "fitData" | "fitColumns" | "fitDataFill" | "fitDataStretch" | "fitDataTable";
+};
+export class DataTable<T = any> extends BasePanelElement {
+    options: DataTableOptions<T>;
+    segmentChanged: Eventer<string, void>;
+    rowSelected: Eventer<T[], void>;
+    onBuild: Eventer<void, void>;
+    readonly OnBuildAwaiter: Awaiter;
+    get table(): TabulatorFull;
+    get customFilterDefs(): ColumnCustomFilter[];
+    constructor(options: DataTableOptions<T>);
+    protected onConnected(isFirst?: boolean): void;
+    onPanelResize(start: boolean): void;
+    applyFilterGroup(filterGroup: DataTableFilterGroup, skipRefresh?: boolean): void;
+    removeFilterGroup(key: string | string[]): void;
+    setStaticFilter(staticfilter: string, silent?: boolean): void;
+    refreshRemoteData(): void;
+    setTableActionVisible(key: string, value: boolean): void;
+    getTableActionButton(key: string): HTMLButtonElement;
+    clearData(): Promise<void>;
+    get segment(): string | null;
+    setSegment(key: string): void;
+    getRemoteLoaderParams(): RemoteDataLoaderParams;
+}
+type CustomFilterFunction = (data: any, props: any) => boolean;
+declare class ColumnCustomFilter {
+    constructor(options: OptionalColumnDefinition, field: string, table: DataTable);
+    _apply(): void;
+    _clear(): void;
+    setParentElement(parentElement: HTMLElement): void;
+    setIconElement(iconElement: HTMLElement): void;
+    hasFilter(): boolean;
+    getFilterComponent(): HTMLElement;
+    showFilterDropdown(): void;
+    clearFilterGroup(): string;
+    getHeaderLabel(): HTMLElement;
+    selectedHeaderLabel(): void;
+    unSelectedHeaderLabel(): void;
+}
+export type OptionalColumnDefinition = Omit<ModelColumn, 'field' | 'title' | 'formatter'> & {
+    CustomFilter?: CustomFilter;
+    CustomFilterParams?: CustomFilterParams;
+};
+export type CustomFilter = "text" | "number" | "range" | "list" | "date" | "datetime-local" | "boolean";
+export type CustomFilterParams = CustomNumberFilterParams | CustomRangeFilterParams | CustomListFilterParams | CustomDateFilterParams | CustomBooeanFilterParams;
+export interface CustomNumberFilterParams {
+    min?: number;
+    max?: number;
+    step?: number;
+    conversion?: ConversionProperties;
+}
+export interface CustomRangeFilterParams {
+    minProps?: CustomNumberFilterParams;
+    maxProps?: CustomNumberFilterParams;
+}
+export interface CustomListFilterParams {
+    values?: LookupSource<LookupValue[]>;
+    filterField?: string;
+    customFunc?: CustomFilterFunction;
+    cascadeParent?: {
+        fields: Array<string | IValueComponent<LookupValue | LookupValue[]>>;
+        itemLoader?: LookupLoader<LookupValue[]>;
+    };
+}
+export interface CustomDateFilterParams {
+    shortcuts?: DateRangeShortcut[] | boolean;
+    startLabel?: string;
+    endLabel?: string;
+}
+export interface CustomBooeanFilterParams {
+    trueStr?: string;
+    falseStr?: string;
+}
+export class DataTableColCreator<T> {
+    createHiddenCol(): ModelColumn;
+    createCol(field: ModelKeys<T>, title: string, formatter: Formatter, otherProps?: OptionalColumnDefinition): ColumnDefinition;
+    createColMutated(field: ModelKeys<T>, title: string, formatter: Formatter, otherProps?: OptionalColumnDefinition): ColumnDefinition;
+    createBasicCol(field: ModelKeys<T>, title: string, otherProps?: OptionalColumnDefinition): ColumnDefinition;
+    createDateTimeIsoStrCol(field: ModelKeys<T>, title: string, otherProps?: OptionalColumnDefinition, displayDateOnly?: boolean): ColumnDefinition;
+    createBooleanStrCol(field: ModelKeys<T>, title: string, trueStr?: string, falseStr?: string, otherProps?: OptionalColumnDefinition): ColumnDefinition;
+    createBooleanCol(field: ModelKeys<T>, title: string, otherProps?: OptionalColumnDefinition): ColumnDefinition;
+    createCsvLookupsCol(field: ModelKeys<T>, title: string, otherProps?: OptionalColumnDefinition): ColumnDefinition;
+    createLookupCol(field: ModelKeys<T>, title: string, lookups: ILookup[], otherProps?: OptionalColumnDefinition): ColumnDefinition;
+    createObjectCol<Tobj>(field: ModelKeys<T>, title: string, objField: PropertyName<Tobj>, otherProps?: OptionalColumnDefinition): ColumnDefinition;
+}
+export class DataTableRemoteColumnCreator<T> {
+    createHiddenCol(): ModelColumn;
+    createNumberCol(title: string, otherProps?: OptionalColumnDefinition, filterType?: 'number' | 'range' | 'list' | null, filterParams?: CustomNumberFilterParams | CustomRangeFilterParams | CustomListFilterParams): ModelColumn;
+    createStringCol(title: string, otherProps?: OptionalColumnDefinition, filterType?: 'text' | 'list' | null, filterParams?: CustomListFilterParams): ModelColumn;
+    createDatetimeCol(title: string, otherProps?: OptionalColumnDefinition, hasFilter?: boolean, filterParams?: CustomDateFilterParams): ModelColumn;
+    createDateCol(title: string, otherProps?: OptionalColumnDefinition, hasFilter?: boolean, filterParams?: CustomDateFilterParams): ModelColumn;
+    createBooleanCol(title: string, trueStr?: string, falseStr?: string, otherProps?: OptionalColumnDefinition, hasFilter?: boolean): ModelColumn;
+}
+export class CustomFilterHeader extends BaseElement {
+    constructor(_columnDef: ColumnDefinition, _columnFilterObj: ColumnCustomFilter);
+    protected onConnected(isFirst?: boolean): void;
+}
+export type SummaryCardProperties = {
+    label: string;
+    value: number | string;
+    unit?: string;
+    description?: string;
+    iconClass?: string;
+    tone?: DtTone;
+    active?: boolean;
+    onClick?: () => void;
+};
+export class SummaryCard extends BaseElement {
+    constructor(_props: SummaryCardProperties);
+    update(props: Partial<SummaryCardProperties>): void;
+}
+export type ProgramCardAction = {
+    iconClass: string;
+    tooltip: string;
+    onClick: () => void;
+};
+export type ProgramCardProperties = {
+    title: string;
+    due?: string;
+    rule?: string;
+    extra?: HTMLElement;
+    progress?: {
+        done: number;
+        total: number;
+        label?: string;
+    };
+    active?: boolean;
+    onClick?: () => void;
+    actions?: ProgramCardAction[];
+};
+export class ProgramCard extends BaseElement {
+    constructor(_props: ProgramCardProperties);
+    update(props: Partial<ProgramCardProperties>): void;
+}
+export type MasterDetailLayoutProperties = {
+    master: HTMLElement;
+    detail: HTMLElement;
+    aside?: HTMLElement;
+    masterWidth?: number;
+    asideWidth?: string;
+};
+export class MasterDetailLayout extends BaseElement {
+    constructor(props: MasterDetailLayoutProperties);
+    get asideVisible(): boolean;
+    set asideVisible(v: boolean);
+}
+export type ListPanelSegment = {
+    key: LookupValue;
+    title: string;
+    count?: number;
+};
+export type ListPanelItem = {
+    key: LookupValue;
+    title: string;
+    meta?: string;
+    count?: number | string;
+    badge?: {
+        text: string;
+        tone?: DtTone;
+    };
+};
+export type ListPanelProperties = {
+    searchPlaceholder?: string;
+    emptyText?: string;
+    onSelect: (key: LookupValue) => void;
+    onSegment?: (key: LookupValue) => void;
+    onSearch?: (text: string) => void;
+};
+export class ListPanel extends BaseElement {
+    constructor(_props: ListPanelProperties);
+    get searchText(): string;
+    setSegments(segments: ListPanelSegment[], active: LookupValue): void;
+    setItems(items: ListPanelItem[], selected: LookupValue | null): void;
+}
+export type DrawerPosition = 'left' | 'right' | 'bottom';
+export type DrawerInfo = {
+    content: HTMLElement;
+    title: string;
+    title_icon?: string;
+    pinnable?: boolean;
+    openMode?: 'click' | 'hover';
+    isflat?: boolean;
+};
+export type DrawerContainerProperties = {
+    left?: DrawerInfo;
+    main: HTMLElement;
+    right?: DrawerInfo;
+    bottom?: DrawerInfo;
+};
+export class DrawerContainer extends BaseElement {
+    constructor(props: DrawerContainerProperties);
+    changeVisiblity(pos: DrawerPosition, show: boolean): void;
+    changePinned(pos: DrawerPosition, pinned: boolean): void;
+    setContent(pos: DrawerPosition, content: HTMLElement): void;
+    getContent(pos: DrawerPosition): HTMLElement;
+}
+export class TreeView extends BaseFormInputComponent<LookupValue[]> {
+    ItemActionClicked: Eventer<{
+        item: ITreeItem;
+        actionId: string;
+    }, void>;
+    ItemCheckChanged: Eventer<{
+        item: ITreeItem;
+        checked: boolean;
+    }, void>;
+    props: Required<TreeViewProperties>;
+    constructor(source: IndexedList<ITreeItem> | AsyncOpResult<ITreeItem[]>, properties?: TreeViewProperties);
+    get value(): LookupValue[];
+    set value(value: LookupValue[]);
+    onChildAction(item: ITreeItem, actionId: string): void;
+    onChildCheckChanged(item: ITreeItem, checked: boolean): void;
+    getCheckedItems(): ITreeItem[];
+    setCheckItems(ids: LookupValue[]): void;
+}
+export type DropdownTreeProperties = {
+    source: IndexedList<ITreeItem> | AsyncOpResult<ITreeItem[]>;
+    selectionProps: {
+        mode: 'single' | 'multi';
+        lockChildren?: boolean;
+        level?: number;
+        startupExpandLevel?: number;
+    };
+};
+export class DropdownTree extends BaseFormInputComponent<LookupValue[]> {
+    get treeView(): TreeView;
+    onSelectChanged: Eventer<ITreeItem[], void>;
+    constructor(props: DropdownTreeProperties);
+    get value(): LookupValue[];
+    set value(value: LookupValue[]);
+    get readOnly(): boolean;
+    set readOnly(readonly: boolean);
+    getCheckedItems(): ITreeItem[];
+    refreshScreen(): void;
+}
+export class Empty extends BaseElement {
+    constructor();
+}
+export type FlexProperies = {
+    direction?: 'row' | 'row-reverse' | 'column' | 'column-reverse';
+    gap?: string;
+    wrap?: 'nowrap' | 'wrap' | 'wrap-reverse';
+    itemPosH?: 'flex-start' | 'flex-end' | 'center' | 'stretch';
+    itemPosV?: 'flex-start' | 'flex-end' | 'center' | 'stretch';
+    contentPosH?: 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'space-around' | 'space-between' | 'space-evenly';
+    contentPosV?: 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'space-around' | 'space-between' | 'space-evenly';
+};
+export class Flex extends HTMLDivElement {
+    constructor(prop: FlexProperies, ...children: HTMLElement[]);
+    set visible(v: boolean);
+    static GetCenteredHV(): Flex;
+    static GetCenteredH(): Flex;
+    static GetCenteredV(): Flex;
+}
+export class TagInputChangedEvent extends Event {
+    value: string[] | number[];
+    constructor(value: string[] | number[]);
+}
+type TagInputEventMap = HTMLElementEventMap & {
+    change: TagInputChangedEvent;
+};
+export class TagInput extends BaseFormInputComponent<string[] | number[], TagInputEventMap> {
+    constructor(type?: 'number' | 'text');
+    protected onReadonlychanged(): void;
+    get value(): string[] | number[];
+    set value(values: string[] | number[]);
+    addValue(val: string | number, silent?: boolean): void;
+    triggerChanged(): void;
+}
+export class Form<T = {}> extends BaseAsyncFormElement implements IForm<T> {
+    props: FormProperties;
+    isReadonly: boolean;
+    onInputValueChanged: Eventer<{
+        key: string;
+        value: any;
+    }, void>;
+    constructor(props: FormProperties);
+    setData(model: T, forceMatch?: boolean): void;
+    check(silent?: boolean): boolean;
+    getErrors(): string[] | null;
+    checkAsync(): Promise<boolean>;
+    clearErrors(): void;
+    getData(): T;
+    updateValue(key: string, value: any): boolean;
+    getInputElement(key: string): HTMLElement;
+    getInputAction(key: string, actionKey: string): HTMLButtonElement;
+    getLine(key: string): IFormLine;
+    setLinesDisabled(disabled: boolean, ...keys: string[]): void;
+    disableRulesForLines(disabled: boolean, ...keys: string[]): void;
+    refreshInputGroup(inpGrp: IFormInputGroup): void;
+}
+export type FormPanelSection = {
+    title: string;
+    content: HTMLElement | HTMLElement[];
+};
+export type FormPanelProperties = {
+    title: string;
+    sections: FormPanelSection[];
+    submitText: string;
+    cancelText?: string;
+    onSubmit: () => Promise<boolean> | boolean;
+    onCancel: () => void;
+    onClose?: () => void;
+    collapsible?: boolean;
+    width?: {
+        initial: number;
+        min: number;
+        max: number;
+    };
+};
+export class FormPanel extends BaseElement {
+    props: FormPanelProperties;
+    constructor(props: FormPanelProperties);
+    get collapsed(): boolean;
+    set collapsed(v: boolean);
+    updateErrorSummary(): number;
+    protected onConnected(): void;
+    protected onDisconnected(): void;
+}
+export type GridProperies = {
+    cols?: string;
+    rows?: string;
+    gap?: string;
+    itemPosH?: 'start' | 'end' | 'center' | 'stretch';
+    itemPosV?: 'start' | 'end' | 'center' | 'stretch';
+    contentPosH?: 'start' | 'end' | 'center' | 'stretch' | 'space-around' | 'space-between' | 'space-evenly';
+    contentPosV?: 'start' | 'end' | 'center' | 'stretch' | 'space-around' | 'space-between' | 'space-evenly';
+};
+export class Grid extends BaseElement {
+    constructor(prop: GridProperies, ...children: HTMLElement[]);
+    set visible(v: boolean);
+}
+export type RadialMenuOptions = {
+    items: IKeyedButtonInfo[] | AsyncAction<IKeyedButtonInfo[]>;
+    autoOpen: boolean;
+    size?: number;
+};
+export class RadialMenu extends BaseElement {
+    ItemClicked: Eventer<IKeyedButtonInfo>;
+    constructor(props: RadialMenuOptions);
+    showAt(x: number, y: number): Promise<boolean>;
+    hide(): void;
+    protected onConnected(): void;
+    _onMouseUp: () => void;
+    _onMouseMove: (e: MouseEvent) => void;
+}
+export class RibbonMenu extends BaseElement implements ICommandDisplayer {
+    constructor();
+    addRibbonTab(tab: IRibbonTab): void;
+    removeRibbonTab(name: string): void;
+    findElement(key: string): HTMLElement;
+    activateFirstTab(): void;
+    setActive(key: string, value: boolean): void;
+    setDisabled(key: string, value: boolean): void;
+}
+export type MainRibbonMenuProperties = {
+    target: any;
+};
+export type FormInputOtherProps = Omit<IFormInput, 'input' | 'key' | 'title' | 'getter' | 'setter'>;
+export class FormUtils {
+    static createOptionEmpty(title?: string, value?: string): CustomOption;
+    static createOptionFromLookup(lookup: ILookup): CustomOption;
+    static generateFormInputForSelect(field: string, title: string, list: ILookup[], otherProps?: FormInputOtherProps): IFormInput;
+    static generateFormInputForSelectSecondary(field: string, title: string, primary: IFormInput, loaderFunc: (parentVal: LookupValue) => Promise<ILookup[]>, otherProps?: FormInputOtherProps): IFormInput;
+    static generateFormInputForCheckList(field: string, title: string, cp: CheckListProperties, otherProps?: FormInputOtherProps): IFormInput;
+    static generateFormInputForRadio(field: string, title: string, source: LookupSource, otherProps?: FormInputOtherProps): IFormInput;
+    static generateFormInputForSelectFunc(field: string, title: string, lookupFnc: LookupLoader, context: any, otherProps?: FormInputOtherProps): IFormInput;
+    static generateFormInputForCombobox(field: string, title: string, source: LookupSource<LookupValue[]>, otherProps?: FormInputOtherProps): IFormInput;
+    static generateFormInputForComboboxSecondary(field: string, title: string, cascadeProps: CascadeProps, otherProps?: FormInputOtherProps): IFormInput;
+    static generateDateTimeIso(field: string, title: string, otherProps?: FormInputOtherProps): IFormInput;
+}
+export class RequiredRule implements IValidationRule {
+    isRequired?: boolean;
+    getError(value: any): string;
+    restrictElement(inp: HTMLElement): void;
+}
+export class MinLengthRule implements IValidationRule {
+    len: number;
+    isRequired: boolean;
+    constructor(len: number);
+    getError(value: string): string;
+    restrictElement(inp: HTMLElement): void;
+}
+export class MaxLengthRule implements IValidationRule {
+    len: number;
+    constructor(len: number);
+    getError(value: string): string;
+    restrictElement(inp: HTMLElement): void;
+}
+export class RegexpRule implements IValidationRule {
+    pattern: string;
+    constructor(pattern: string);
+    getError(value: string): string;
+}
+export class MinValueRule implements IValidationRule {
+    min: number;
+    constructor(min: number);
+    getError(value: number): string;
+    restrictElement(inp: HTMLElement): void;
+}
+export class MaxValueRule implements IValidationRule {
+    max: number;
+    constructor(max: number);
+    getError(value: number): string;
+    restrictElement(inp: HTMLElement): void;
+}
+export class MinDateRule implements IValidationRule {
+    min: string;
+    constructor(min: string);
+    getError(value: string): string;
+    restrictElement(inp: HTMLElement): void;
+}
+export class MaxDateRule implements IValidationRule {
+    max: string;
+    constructor(max: string);
+    getError(value: string): string;
+    restrictElement(inp: HTMLElement): void;
+}
+export class EpochToDateConverter implements IValueConverter<number, Date> {
+    constructor(inSec?: boolean);
+    convertTo(source: number): Date;
+    convertFrom(target: Date): number;
+}
+export class IsoStrToDateConverter implements IValueConverter<string, Date> {
+    convertTo(source: string): Date;
+    convertFrom(target: Date): string;
+}
+export class ValueConverters {
+    static get epochToDateConverter(): EpochToDateConverter;
+    static get isoStrToDateConverter(): IsoStrToDateConverter;
+}
+export function LookupsToTreeItems(lookups: ILookup[]): ITreeItem[];
+export function getDateUnitConverterProperties(dataUnit?: LookupValue, selected?: LookupValue): ConversionProperties;
+export class ThemeService {
+    storeService: StoreService;
+    eventService: EventService;
+    start(): Promise<void>;
+    getThemes(): ThemeInfo[];
+    changeColors(info: ThemeInfo): void;
+    get isDarkmode(): boolean;
+    setDarkmode(value: boolean): void;
+    isValidTheme(info: ThemeInfo): boolean;
+}
+export abstract class AppStartup {
+    storeService: StoreService;
+    eventService: EventService;
+    themeService: ThemeService;
+    depresService: DepResService;
+    run(props: ApplicationProperties): Promise<void>;
+    abstract onReady(): void;
+    getDependentServiceStatus(): AsyncOpResult<DependencyInfo[]>;
+}
+export abstract class BaseCommand implements ICommand {
+    protected _enabled: boolean;
+    protected _active: boolean;
+    abstract start(childKey?: string, param?: any): void;
+    get enabled(): boolean;
+    get active(): boolean;
+    set enabled(value: boolean);
+    set active(value: boolean);
+}
+export abstract class BaseTool extends BaseCommand implements ITool {
+    abstract cancel(): boolean;
+}
+export abstract class BaseDisposableTool extends BaseTool {
+    abstract onCancel(): void;
+    abstract onStart(abortSignal: AbortSignal, childKey?: string, param?: any): void;
+    start(childKey?: string, param?: any): void;
+    cancel(): boolean;
+}
+export abstract class BasePanelPage extends BasePage implements IPanelManager {
+    abstract OnShow(): void;
+    abstract OnHide(): void;
+    protected _header: HTMLElement;
+    get mainPanel(): MainPanel;
+    constructor();
+    getComponentOfPanel(name: string): HTMLElement;
+    openPanelAsnc(item: TabItem, pos: PanelPos, activate?: boolean, focused?: boolean): Promise<void>;
+    isPanelOpen(name: string): boolean;
+    closePanelAsync(name: string): Promise<boolean | null>;
+    movePanel(name: string, pos: PanelPos, activate?: boolean): void;
+    activatePanel(name: string): boolean;
+}
+export type SimpleLoginInp = {
+    ukey: string;
+    pass: string;
+};
+export type SimpleLoginProperties = {
+    loginAction: AsyncOperation<ILoginInfo, SimpleLoginInp>;
+    userPlaceholder: string;
+    passPlaceholder: string;
+    loginButtonText: string;
+};
+export class SimpleLoginComponent extends BaseElement implements ILoginComponent {
+    onLogined: Eventer<ILoginInfo, any>;
+    constructor(props: SimpleLoginProperties);
+}
+export class FormService {
+    createFormAsync(item: AnObject, factoryKey: string, serviceKey: string, tableKey: string, targetType?: string): AsyncOpResult<HTMLElement>;
+}
+export enum BaseMapTypes {
+    GoogleRoad = "GoogleRoad",
+    GoogleSatellite = "GoogleSatellite",
+    EsriGrayLight = "EsriGrayLight",
+    EsriGrayDark = "EsriGrayDark",
+    EsriTopo = "EsriTopo",
+    Osm = "Osm",
+    Solid = "Solid"
+}
+export enum GisEvents {
+    BasemapChange = "BasemapChange",
+    MapReady = "MapReady",
+    MapFirstRenderComplete = "MapFirstRenderComplete",
+    MapGotoExtentRequest = "MapGotoExtentRequest",
+    MapFlashGeomRequest = "MapFlashGeomRequest",
+    MapIdentifyRequest = "MapIdentifyRequest",
+    MapSelectionChanged = "MapSelectionChanged",
+    MapHighlightsCleared = "MapHighlightsCleared",
+    MapInteractionContextChanged = "MapInteractionContextChanged",
+    MapSelectionContextChanged = "MapSelectionContextChanged",
+    DisableAnimations = "DisableAnimations",
+    RemoveLayer = "RemoveLayer",
+    MapTimeChanged = "MapTimeChanged",
+    MapIdleRefresh = "MapIdleRefresh"
+}
+export enum LayerDefinitionTypes {
+    EsriMapService = "EsriMapService",
+    WMS = "WMS",
+    TileXyz = "TileXyz",
+    Custom = "Custom",
+    Group = "Group"
+}
+export enum GisCommandContainers {
+    ribbon = "ribbon",
+    mapCtx = "map-ctx"
+}
+export type LayerDefinitionBase = {
+    type: LayerDefinitionTypes;
+    key: string;
+    order: number;
+    title: string;
+    visible: boolean;
+    maxZoom?: number;
+    minZoom?: number;
+    canRemove?: boolean;
+    historyEnabled?: boolean;
+};
+export interface LayerDefinitionEsriMapService extends LayerDefinitionBase {
+    type: LayerDefinitionTypes.EsriMapService;
+    props: LayerDefinitionProp_EsriMapService;
+}
+export interface LayerDefinitionTileXyz extends LayerDefinitionBase {
+    type: LayerDefinitionTypes.TileXyz;
+    props: LayerDefinitionProp_TileXyz;
+}
+export interface LayerDefinitionWms extends LayerDefinitionBase {
+    type: LayerDefinitionTypes.WMS;
+    props: LayerDefinitionProp_Wms;
+}
+export interface GroupLayerDefinition extends LayerDefinitionBase {
+    type: LayerDefinitionTypes.Group;
+    children: LayerDefinitionBase[];
+}
+export interface LayerDefinitionCustom extends LayerDefinitionBase {
+    type: LayerDefinitionTypes.Custom;
+    props: LayerDefinitionProp_Custom;
+}
+export type LayerDefinition = LayerDefinitionEsriMapService | LayerDefinitionTileXyz | LayerDefinitionWms | LayerDefinitionCustom;
+export type LayerDefinitionProp_EsriMapService = {
+    url: string;
+    tiled: boolean;
+    useProxy: boolean;
+};
+export type LayerDefinitionProp_TileXyz = {
+    urlScheme: string;
+    reverseY: boolean;
+    useProxy: boolean;
+    legendTiles?: number[];
+    attributions?: string;
+};
+export type LayerDefinitionProp_Wms = {
+    title?: string;
+    url: string;
+    tiled: boolean;
+    useProxy: boolean;
+    wfsEnabled: boolean;
+    layers: string;
+    imagetype: 'image/png8' | 'image/png' | 'image/jpeg';
+    shapefield?: string;
+    cacheSize?: number;
+};
+export type LayerDefinitionProp_Custom = {
+    factoryKey: string;
+    customProps?: any;
+};
+export type IdentifyType = 'remote' | 'feature' | 'mvt' | 'none';
+export type IdentifyPriority = 0 | 1 | 2;
+export interface ILayer extends ITreeItem {
+    id: string;
+    hasMapLayer: boolean;
+    children?: ISimpleArray<ILayer>;
+    identifyType: IdentifyType;
+}
+export type MainLayerType = Layer | Group;
+export type LayerProperties = {
+    mapLayer: IMapLayer;
+    name: string;
+    canSelect: boolean;
+};
+export interface IMapLayer<T extends MainLayerType = MainLayerType> extends ILayer {
+    getLegendInfos(): LayerLegendSymbolInfo[];
+    prepareAsync(): Promise<boolean>;
+    onAdd(): void;
+    onRemove(): void;
+    layerObj: T;
+    hasError: boolean;
+    factoryType: string;
+    onViewExtentChanged(loc: LastViewLocation): any;
+}
+export interface IdentifyLayer {
+    generatePopupItemsAsync?(feature: FeatureLike): Promise<ILayerPopupItem[]>;
+    getIdentifyPriority(feature: FeatureLike): IdentifyPriority;
+}
+export interface IFeatureLayer extends IMapLayer<VectorLayer>, IdentifyLayer {
+    identifyType: 'feature';
+    setFeaturesSelected?(features: FeatureLike[]): void;
+    getFeatureTitle?(f: FeatureLike): string;
+    flashFeatures?(f: FeatureLike): any;
+}
+export interface IMvtLayer extends IMapLayer<VectorTileLayer>, IdentifyLayer {
+    identifyType: 'mvt';
+    setFeaturesSelected?(features: FeatureLike[]): void;
+    getFeatureTitle?(f: FeatureLike): string;
+    flashFeatures?(f: FeatureLike): any;
+}
+export interface IImageLayer<T extends MainLayerType = MainLayerType> extends IMapLayer<T>, IdentifyLayer {
+    identifyType: 'remote';
+    queryIdentifyAsync?(data: MapIdentifyData): AsyncOpResult<IdentifyResultItem[]>;
+    queryGeometryAsync?(geom: Geometry, max?: number, layernames?: string[]): AsyncOpResult<IdentifyResultItem[]>;
+}
+export interface ILayerFactory {
+    type: LayerDefinitionTypes;
+    createAsync(ld: LayerDefinition): AsyncOpResult<IMapLayer>;
+}
+export type LayerLegendSymbolRow = {
+    elm: HTMLElement;
+    label?: string;
+};
+export type LayerLegendSymbolInfo = {
+    layerId: string;
+    title: string;
+    subtitle?: string;
+    rows: LayerLegendSymbolRow[];
+};
+export type LayerIdentifyResultSync = {
+    type: 'sync';
+    sourceLayer: IMapLayer;
+    status: boolean;
+    result: OpResult<IdentifyResultItem[]>;
+};
+export type LayerIdentifyResultAsync = {
+    type: 'async';
+    sourceLayer: IMapLayer;
+    status: boolean;
+    result: AsyncOpResult<IdentifyResultItem[]>;
+};
+export type LayerIdentifyResult = LayerIdentifyResultSync | LayerIdentifyResultAsync;
+export type IdentifyResultItem = {
+    layerTitle: string;
+    layerKey: string;
+    feature: Feature<Geometry>;
+};
+export interface ILayerPopupItem {
+    title: string;
+    layer: IMapLayer;
+    element: HTMLElement | ((feature: FeatureLike | Feature<Geometry>, coords: Coordinate) => void);
+}
+export type PointVectorSource = VectorSource<Feature<Point>>;
+export type LineVectorSource = VectorSource<Feature<LineString>>;
+export type PolygonVectorSource = VectorSource<Feature<Polygon>>;
+export type LineLayer = VectorLayer<LineVectorSource>;
+export type PointLayer = VectorLayer<PointVectorSource>;
+export type PolygonLayer = VectorLayer<PolygonVectorSource>;
+export type SearchResult = {
+    id: string | number;
+    text: string;
+    detail: string;
+    location?: Geometry;
+};
+export interface ISearchSource extends ILookup {
+    type: 'local' | 'remote';
+    placeholder: string;
+    validate(text: string): OpResult;
+    actions?: IKeyedButtonInfo[];
+    onAction?: (actionKey: string, item: SearchResult) => void;
+    init?(): void;
+    disabled?: boolean;
+}
+export interface ILocalSearchSource extends ISearchSource {
+    type: 'local';
+    run(text: string): OpResult<SearchResult[]>;
+}
+export interface IRemoteSearchSource extends ISearchSource {
+    type: 'remote';
+    runAsync(text: string): AsyncOpResult<SearchResult[]>;
+}
+export type SearchSource = ILocalSearchSource | IRemoteSearchSource;
+export type RemoteSearchInput = {
+    type: string;
+    text: string;
+};
+export type RemoteSearchResult = {
+    id: string | number;
+    text: string;
+    detail: string;
+    geom?: GeoJSONGeometry;
+};
+export type GisExternalApiSettings = {
+    proxyUrl?: string;
+    google?: {
+        apikey: string;
+        useProxy?: boolean;
+    };
+};
+export type MapStartupSettings = {
+    baseMap: BaseMapTypes;
+    defaultLocation: LastViewLocation;
+    layerLoader: AsyncOperation<LayerDefinition[]>;
+    customLayerFactory: ILayerFactory;
+    searchSources: SearchSource[];
+    idleRefreshSeconds?: number;
+    bottomPanel?: {
+        buttonTooltip?: string;
+        buttonIconClass?: string;
+        factory?: Action<HTMLElement>;
+    };
+    ExternalApiSettings?: GisExternalApiSettings;
+};
+export type BasicGeometryTypes = 'Point' | 'LineString' | 'Polygon';
+export type GeometryTypes = BasicGeometryTypes | 'LinearRing' | 'MultiPoint' | 'MultiLineString' | 'MultiPolygon' | 'GeometryCollection' | 'Circle';
+export type MapGotoExtentRequestData = {
+    extent: number[];
+};
+export type MapFlashGeomRequestData = {
+    geom: Geometry;
+    skipZoom?: boolean;
+    keepExist?: boolean;
+    keepFlashed?: boolean;
+    hideAfter?: boolean;
+};
+export type MapIdentifyData = {
+    coords: number[];
+    screenPoint: number[];
+    tolerance: number;
+    mapExtent: number[];
+    imageDisplay: {
+        w: number;
+        h: number;
+        dpi: number;
+    };
+    resolution: number;
+};
+export type LastViewLocation = {
+    center: number[];
+    zoom: number;
+    extent?: number[];
+};
+export type LayerSymbologyLabelDef = {
+    field: string;
+    textColor: string;
+    textSize: number;
+    minLevel?: number;
+    overflow?: boolean;
+    offsetX: number;
+    offsetY: number;
+};
+export type SimpleLayerSymbology = {
+    type: "simple";
+    geomType: BasicGeometryTypes;
+    size: number;
+    color: string;
+    labelDef?: LayerSymbologyLabelDef;
+    pointProps?: {
+        shape: 'circle' | 'square' | 'triangle' | 'star' | 'pentagon' | 'image';
+        src?: string;
+        anchor?: number[];
+        height?: number;
+        width?: number;
+        offset?: number[];
+    };
+    stroke?: {
+        size: number;
+        color: string;
+    };
+};
+export type UniqueValueInfo = {
+    st: number;
+    title: string;
+    symbol: SimpleLayerSymbology;
+};
+export type UniqueValuesLayerSymbology = {
+    type: "unique";
+    geomType: BasicGeometryTypes;
+    values: UniqueValueInfo[];
+};
+export type LayerSymbology = SimpleLayerSymbology | UniqueValuesLayerSymbology;
+export type GetOneFeatureOptions = {
+    menux: number;
+    menuy: number;
+    hitTolerance?: number;
+    layerFilter?: (lyr: Layer) => boolean;
+    featureFilter?: (feature: FeatureLike) => boolean;
+};
+export type GetMultiFeatureOptions = {
+    layerFilter?: (lyr: Layer) => boolean;
+    featureFilter?: (feature: FeatureLike) => boolean;
+    maxFeatures?: number;
+    layernames?: string[];
+};
+export interface IFeatureCmItem {
+    title: string;
+    iconClass?: string;
+    group?: string;
+}
+export interface IClickItem extends IFeatureCmItem {
+    feature: FeatureLike | Feature<Geometry>;
+    layer: Layer;
+    mapLayer: IMapLayer;
+}
+export type SelectedMapItem = {
+    feature: FeatureLike | Feature<Geometry>;
+    mapLayer: IMapLayer;
+};
+export type MapContextMenuStartArgs = {
+    ci?: IClickItem;
+    coord: Coordinate;
+    pixel: Pixel;
+    context?: IMapInteractionContext;
+};
+export type FeatureContextMenuItemAction = (action: 'click' | 'enter' | 'leave', item: IFeatureCmItem) => void;
+export type MapContextMenuCommandProperties = ActionCommandProperties & {
+    canExecuteFor(arg: MapContextMenuStartArgs): boolean;
+};
+export interface IMapInteractionContext {
+    activeWork: string;
+    activeWorkProp?: any;
+    completeWork: (res: boolean, data: any) => void;
+    aborter?: AbortSignal;
+}
+export interface IMapSelectionContext {
+    mode: 'single' | 'freehand' | 'polygon';
+    contextMenuContainer?: string;
+    makeSelected?: boolean;
+    layerFilter?: (lyr: Layer) => boolean;
+    featureFilter?: (feature: FeatureLike) => boolean;
+    completeWork: (items: SelectedMapItem[], geom: Point | Polygon) => void;
+    aborter?: AbortSignal;
+    maxFeatures?: number;
+    skipFindFeatures?: boolean;
+    maxAreaKm2?: number;
+    continue?: boolean;
+    remotelayernames?: string[];
+}
+export interface ILayerManager {
+    basemapLayer: IMapLayer;
+    layerList: IndexedList<IMapLayer>;
+}
+export function getGisExternalApiSettings(): GisExternalApiSettings | null;
+export function setGisExternalApiSettings(val: GisExternalApiSettings): void;
+export class ProxyFetcher {
+    storeService: StoreService;
+    fetch(url: string, options?: RequestInit): Promise<Response>;
+    fetchImageObjectUrl(url: string): Promise<string | null>;
+    loadImage(img: HTMLImageElement, url: string): Promise<boolean>;
+    readonly tileLoadFunction: (tile: Tile, url: string) => void;
+}
+export abstract class MapLayerBase<T extends MainLayerType = MainLayerType, P extends LayerDefinitionBase = LayerDefinitionBase> implements IMapLayer<T> {
+    protected _definition: P;
+    protected _canIdentify: boolean;
+    protected _layer: T | null;
+    protected _actions: TreeItemActionInfo[];
+    protected _lastViewLocation: LastViewLocation;
+    protected _currentTime: number;
+    identifyType: IdentifyType;
+    factoryType: string;
+    hasError: boolean;
+    hidden?: boolean;
+    icon?: HTMLElement;
+    children?: ISimpleArray<ILayer>;
+    propsChanged?: Eventer<{
+        key: string;
+        value: any;
+    }, void>;
+    actionPropChanged?: Eventer<{
+        action: TreeItemActionInfo;
+        key: string;
+        value: any;
+    }, void>;
+    eventService: EventService;
+    get id(): string;
+    get title(): string;
+    get checked(): boolean;
+    get order(): number;
+    get actions(): TreeItemActionInfo[];
+    get layerObj(): T;
+    get definition(): P;
+    get displayClass(): DisplayClasses;
+    get passive(): boolean;
+    get hasMapLayer(): boolean;
+    constructor(_definition: P);
+    onViewExtentChanged(loc: LastViewLocation): void;
+    onAction?(id: string): void;
+    abstract getLegendInfos(): LayerLegendSymbolInfo[];
+    prepareAsync(): Promise<boolean>;
+    onAdd(): void;
+    onRemove(): void;
+    setError(message: string): void;
+    set checked(value: boolean);
+    set order(value: number);
+    set actions(value: TreeItemActionInfo[]);
+    set displayClass(value: DisplayClasses);
+    set passive(value: boolean);
+    get disposeSignal(): AbortSignal;
+    protected onTimeChanged(): void;
+    protected saveLastVisibleState(value: boolean): void;
+}
+export class TileXyzLayer extends MapLayerBase<TileLayer<XYZ | ImageTileSource>, LayerDefinitionTileXyz> {
+    identifyType: 'none';
+    constructor(ld: LayerDefinitionTileXyz, _legendInfos: LayerLegendSymbolInfo[], layer: TileLayer<XYZ | ImageTileSource>);
+    getLegendInfos(): LayerLegendSymbolInfo[];
+}
+export type IdentifyParams = {
+    layerIds: number[];
+    coords: number[];
+    tolerance: number;
+    mapExtent: number[];
+    imageDisplay: {
+        w: number;
+        h: number;
+        dpi: number;
+    };
+    returnUnformattedValues: boolean;
+    returnFieldName: boolean;
+};
+export class AgsMapServiceChannel {
+    storeService: StoreService;
+    constructor(_prop: LayerDefinitionProp_EsriMapService);
+    get ok(): boolean;
+    get serviceInfo(): Esri.ServerTypes.MapServiceInfo;
+    get legendInfo(): Esri.ServerTypes.MapServiceLegendInfo;
+    connectAsync(): AsyncOpResult;
+    getTableInfoAsync(layerId: number): Promise<Esri.ServerTypes.MapServiceLayerTableInfo>;
+    queryRecordCount(layerId: number, filter?: string): AsyncOpResult<number>;
+    queryFeatures(layerId: number, filter?: string, orderBy?: string, page?: {
+        num: number;
+        size: number;
+    }): AsyncOpResult<GeoJSON.FeatureCollection>;
+    identify(params: IdentifyParams): AsyncOpResult<Esri.ServerTypes.IdentifyResult[]>;
+    getImageData(url: string): Promise<string>;
+    getUrl(suffix?: string): string;
+    getUrlClean(suffix?: string): string;
+}
+export class OlGeomHelper {
+    static readonly WGS84: Projection;
+    static readonly WebMerc: Projection;
+    static getBasicTypeOfVectorSource<T extends Geometry>(source: VectorSource<Feature<T>>): BasicGeometryTypes | null;
+    static formatCoordWgs(coord: Coordinate): string;
+    static toWGSCoords(coords: Coordinate): Coordinate;
+    static fromWGSCoords(coords: Coordinate): Coordinate;
+    static toWGSExtent(coords: Extent): Coordinate;
+    static toGeojsonStr(geom: Geometry): string;
+    static fromGeojsonStr<T extends Geometry>(geojsonStr: string): T;
+    static projectToWgs84(coords: Coordinate, wkid: number): Coordinate;
+    static projectWgsTo3857(coords: Coordinate): Coordinate;
+    static esriExtentAsWGS84(srcEnv: Esri.GeometryTypes.IEnvelope): number[];
+    static fromEsriJsonToGeojson(ej: Esri.GeometryTypes.IEsriGeometry): GeoJSON.Geometry;
+    static fromGeojson<T extends Geometry = Geometry>(geojson: any): T;
+    static fromGeojsonFeature<T extends Geometry = Geometry>(geojson: any): Feature<T>;
+    static fromGeojsonFeatures<T extends Geometry = Geometry>(geojson: any): Feature<T>[];
+    static fromEsriJson<T extends Geometry = Geometry>(ej: Esri.GeometryTypes.IEsriGeometry): T;
+}
+type AgsLayerType = ImageLayer<ImageArcGISRest> | TileLayer<TileArcGISRest>;
+export type SubLayerCapabilities = {
+    hasAttributeTable: boolean;
+    maxRecords: number;
+};
+declare abstract class AgsMapServiceLayer<T extends AgsLayerType = AgsLayerType> extends MapLayerBase<AgsLayerType, LayerDefinitionEsriMapService> {
+    application: Application;
+    eventService: EventService;
+    identifyType: 'remote';
+    children: List<AgsMapServiceSubLayer>;
+    protected _visibleSubLayerIds: number[];
+    protected _allSubLayers: AgsMapServiceSubLayer[];
+    constructor(definition: LayerDefinitionEsriMapService, channel: AgsMapServiceChannel, layer: T);
+    initialize(): void;
+    getLegendInfos(): LayerLegendSymbolInfo[];
+    getServiceInfo(): Esri.ServerTypes.MapServiceInfo;
+    get channel(): AgsMapServiceChannel;
+    onSubLayerVisibleChanged(): void;
+    onAction: (id: string) => void;
+    getIdentifyPriority(feature: FeatureLike): IdentifyPriority;
+    onIdentifyRequested: (prm: MapIdentifyData) => LayerIdentifyResultAsync;
+    private get isAnyVisible();
+    queryIdentifyAsync?(prm: MapIdentifyData): AsyncOpResult<IdentifyResultItem[]>;
+    generatePopupItemsAsync?(feature: FeatureLike): Promise<ILayerPopupItem[]>;
+}
+export class AgsMapServiceImageLayer extends AgsMapServiceLayer<ImageLayer<ImageArcGISRest>> {
+}
+export class AgsMapServiceTileLayer extends AgsMapServiceLayer<TileLayer<TileArcGISRest>> {
+}
+export class AgsMapServiceSubLayer implements ILayer {
+    get hasMapLayer(): boolean;
+    id: string;
+    identifyType: 'none';
+    title: string;
+    hidden?: boolean;
+    passive?: boolean;
+    actions?: TreeItemActionInfo[];
+    children?: List<AgsMapServiceSubLayer>;
+    propsChanged?: Eventer<{
+        key: string;
+        value: any;
+    }, void>;
+    actionPropChanged?: Eventer<{
+        action: TreeItemActionInfo;
+        key: string;
+        value: any;
+    }, void>;
+    order?: number;
+    serviceId: number;
+    hasLegend: boolean;
+    icon?: HTMLElement;
+    getLegendInfos(): LayerLegendSymbolInfo[];
+    constructor(_serviceLayer: AgsMapServiceImageLayer | AgsMapServiceTileLayer, _layerInfo: Esri.ServerTypes.LayerInfo, _capabilities: SubLayerCapabilities);
+    get serviceLayer(): AgsMapServiceImageLayer | AgsMapServiceTileLayer;
+    get capabilities(): SubLayerCapabilities;
+    get checked(): boolean;
+    set checked(value: boolean);
+    onAction(id: string): void;
+    get isAnyVisible(): boolean;
+}
+declare abstract class GeoserverChannelBase<T> {
+    protected readonly _wmsProps: LayerDefinitionProp_Wms;
+    protected readonly _proxyUrl: string;
+    protected readonly _shapeField: string;
+    storeService: StoreService;
+    themeService: ThemeService;
+    source: T;
+    customParamsFnc: (action: 'getmap' | 'identify') => {
+        [key: string]: any;
+    };
+    constructor(_wmsProps: LayerDefinitionProp_Wms);
+    abstract RefreshSource(): void;
+    IdentifyAsync(inp: MapIdentifyData): Promise<Feature<Geometry>[]>;
+    QueryIntersectAsync(geom: Geometry, maxFeatures?: number, layernames?: string[]): Promise<Feature<Geometry>[]>;
+    GetLegendAsync(size?: number, scale?: number): Promise<Blob>;
+    protected _getImageData(url: string): Promise<string>;
+    protected _getWithCustomParams(action: 'getmap' | 'identify', url: string): string;
+}
+export class GeoserverChannelTiled extends GeoserverChannelBase<TileWmsSource> {
+    constructor(wmsProps: LayerDefinitionProp_Wms);
+    RefreshSource(): void;
+}
+export class GeoserverChannelImage extends GeoserverChannelBase<ImageWMS> {
+    constructor(wmsProps: LayerDefinitionProp_Wms);
+    RefreshSource(): void;
+}
+export function simplifyOlPolygonToMaxVertices(polygon: Polygon, maxVertices: number): Polygon;
+type OLayerType = ImageLayer<ImageSource> | TileLayer<TileWmsSource>;
+export abstract class WmsLayerBase extends MapLayerBase<OLayerType, LayerDefinitionWms> implements IImageLayer {
+    identifyType: 'remote';
+    protected _channel: GeoserverChannelImage | GeoserverChannelTiled;
+    constructor(ld: LayerDefinitionWms);
+    getIdentifyPriority(feature: FeatureLike): IdentifyPriority;
+    getLegendInfos(): LayerLegendSymbolInfo[];
+    abstract queryIdentifyAsync?(data: MapIdentifyData): AsyncOpResult<IdentifyResultItem[]>;
+    abstract queryGeometryAsync?(geom: Geometry, max?: number, layernames?: string[]): AsyncOpResult<IdentifyResultItem[]>;
+    abstract generatePopupItemsAsync?(feature: FeatureLike): Promise<ILayerPopupItem[]>;
+    abstract getCustomParams(action: 'getmap' | 'identify'): {
+        [key: string]: any;
+    };
+    abstract getFeatureTitle?(f: FeatureLike): string;
+}
+export class WmsLayer extends WmsLayerBase {
+    authService: AuthService;
+    constructor(ld: LayerDefinitionWms, _legImgSize?: number);
+    getCustomParams(action: 'getmap' | 'identify'): {
+        [key: string]: any;
+    };
+    getFeatureTitle?(f: FeatureLike): string;
+    queryIdentifyAsync?(data: MapIdentifyData): AsyncOpResult<IdentifyResultItem[]>;
+    convertFeaturesToIdentifyResul(res: Feature[]): OpResult<IdentifyResultItem[]>;
+    queryGeometryAsync(geom: Geometry, max?: number, layernames?: string[]): AsyncOpResult<IdentifyResultItem[]>;
+    generatePopupItemsAsync?(feature: FeatureLike): Promise<ILayerPopupItem[]>;
+    getLegendInfos(): LayerLegendSymbolInfo[];
+    protected updateLegendDivAsync(): Promise<void>;
+    protected createLegendImgElement(imgSrc: string): HTMLElement;
+}
+export class SymbologyFactory {
+    static readonly DefaultSymbolNum = -9999;
+    static readonly SelectionColor = "rgb(83, 234, 253)";
+    static readonly FlashColor = "rgb(83, 234, 253)";
+    static createSimplePoint(color: ColorLike, radius?: number): Style;
+    static createSimpleLine(color: ColorLike, width?: number): Style;
+    static createSimplePolygon(color: string, strokeWidth?: number, fillOpacity?: number): Style;
+    static createStyleFromDef(def: LayerSymbology): Style | Map<number, Style>;
+    static createFlashedStyles(): Map<BasicGeometryTypes, Style[]>;
+    static createHoverStyles(): Map<BasicGeometryTypes, Style>;
+    static createSelectionStyles(): Map<BasicGeometryTypes, Style>;
+    static getSelectionSymbol(): Style;
+    static createCanvas(style: Style, type: BasicGeometryTypes): HTMLCanvasElement;
+    static createCanvasFromFeature(style: Style, feature: Feature, width?: number, height?: number): HTMLCanvasElement;
+    static createGlowedLine(color: string, steps?: number): Style[];
+    static createGlowedPoint(color: string, steps?: number): Style[];
+    static createGlowedPolygon(color: string, steps?: number): Style[];
+}
+export function getLayerProps(layer: Layer): LayerProperties;
+declare class FeatureContextMenuComponent extends BaseElement implements ICommandDisplayer {
+    action: FeatureContextMenuItemAction;
+    _closeHandler: number;
+    constructor(_loc: {
+        x: number;
+        y: number;
+    }, items: IFeatureCmItem[], action: FeatureContextMenuItemAction, isGlass: boolean);
+    setActive(key: string, value: boolean): void;
+    setDisabled(key: string, value: boolean): void;
+    onConnected(): void;
+    onItemMouseEnter(child: ContextMenuItemComponent): void;
+    onItemMouseLeave(child: ContextMenuItemComponent): void;
+    onItemMouseClick(child: ContextMenuItemComponent): void;
+    _groupItems(items: IFeatureCmItem[]): Array<{
+        title: string;
+        items: IFeatureCmItem[];
+    }>;
+}
+declare class StaticFeatureContextMenuComponent extends BaseElement implements ICommandDisplayer {
+    constructor(_parentElm: HTMLElement, isGlass: boolean);
+    show(_loc: {
+        x: number;
+        y: number;
+    }, items: IFeatureCmItem[], action: FeatureContextMenuItemAction): void;
+    setActive(key: string, value: boolean): void;
+    setDisabled(key: string, value: boolean): void;
+    onItemMouseEnter(child: ContextMenuItemComponent): void;
+    onItemMouseLeave(child: ContextMenuItemComponent): void;
+    onItemMouseClick(child: ContextMenuItemComponent): void;
+    _groupItems(items: IFeatureCmItem[]): Array<{
+        title: string;
+        items: IFeatureCmItem[];
+    }>;
+}
+declare class ContextMenuItemComponent extends BaseElement {
+    item: IFeatureCmItem;
+    constructor(menu: FeatureContextMenuComponent | StaticFeatureContextMenuComponent, item: IFeatureCmItem, disabled?: boolean);
+}
+interface ExtentHistoryOptions {
+    maxSize?: number;
+    minPixelDelta?: number;
+}
+interface ExtentSnapshot {
+    center: number[];
+    resolution: number;
+    rotation: number;
+}
+type ExtentHistoryEventType = 'change';
+interface ExtentHistoryChangeEvent {
+    canGoPrevious: boolean;
+    canGoNext: boolean;
+    currentIndex: number;
+    historySize: number;
+}
+type ChangeListener = (event: ExtentHistoryChangeEvent) => void;
+declare class ExtentHistory {
+    suspended: boolean;
+    constructor(map: OlMap, options?: ExtentHistoryOptions);
+    previous(): boolean;
+    next(): boolean;
+    canGoPrevious(): boolean;
+    canGoNext(): boolean;
+    clear(): void;
+    getCurrentIndex(): number;
+    getHistorySize(): number;
+    getStack(): ReadonlyArray<ExtentSnapshot>;
+    on(event: ExtentHistoryEventType, listener: ChangeListener): void;
+    un(event: ExtentHistoryEventType, listener: ChangeListener): void;
+    dispose(): void;
+}
+export type LayerAnimation = {
+    layer: IMapLayer;
+    animateFunction: () => void;
+    minZoom: number;
+};
+export class MapManager {
+    eventService: EventService;
+    commandService: CommandService;
+    commandDisplayer: CmxCommandDisplayer;
+    extentHistory: ExtentHistory;
+    constructor();
+    get time(): number;
+    get isFirstRenderComplete(): boolean;
+    init(mapCompElm: HTMLElement, map: OMap, view: View, popupDiv: HTMLElement, layerManager: ILayerManager, mapStartupSetting: MapStartupSettings): void;
+    get map(): OMap;
+    get view(): View;
+    get zoom(): number;
+    startDraw(draw: Draw): void;
+    cancelDraw(): void;
+    setSelectedFeatures(dict?: Map<IMapLayer, FeatureLike[]>): void;
+    showPopup(at: Coordinate, content: HTMLElement): void;
+    startAnimate(key: string, animation: LayerAnimation): void;
+    endAnimate(key: string): void;
+    hasAnimate(key: string): boolean;
+    stopAnimations(): Promise<void>;
+    resumeAnimation(): void;
+    changeCursor(cursor?: string): void;
+    getCurrentIdentifyDataFor(pixel: Pixel): MapIdentifyData;
+    getOneFeatureAt(pixel: Pixel, opt: GetOneFeatureOptions): Promise<IClickItem>;
+    getMultipleFeatureIn(poly: Geometry, opt: GetMultiFeatureOptions): Promise<IClickItem[]>;
+    showContextMenuAt(pageX: number, pageY: number, items: IFeatureCmItem[], itemAction: FeatureContextMenuItemAction, isGlass: boolean): Promise<void>;
+    selectAreaFromMap(mode: 'freehand' | 'polygon', maxKm2?: number, abort?: AbortSignal, waitMessage?: string): AsyncOpResult<Polygon>;
+    goto(coordinate: Coordinate, maxZoom?: number, duration?: number): void;
+    gotoFullExtent(): void;
+    gotoFly(location: Coordinate): Promise<void>;
+    flash(ed: MapFlashGeomRequestData): Promise<boolean>;
+    highlightInventory(geom: Geometry, zoom?: boolean): void;
+    clearInventoryHighlight(): void;
+    flashGeom(geom: Geometry, hideAfter?: boolean): void;
+    clearHighlights(): void;
+    flashGeojson(gjs: any, hideAfter?: boolean): void;
+}
+declare class CmxCommandDisplayer implements ICommandDisplayer {
+    setCmx(comp: FeatureContextMenuComponent): void;
+    setActive(key: string, value: boolean): void;
+    setDisabled(key: string, value: boolean): void;
+    isExist(): boolean;
+}
+type _OLayerType1 = VectorLayer<Vector<Feature<Point>>>;
+export class FlashLayer extends MapLayerBase<_OLayerType1, LayerDefinitionCustom> {
+    identifyType: 'none';
+    mapManager: MapManager;
+    onAdd(): void;
+    constructor();
+    getLegendInfos(): LayerLegendSymbolInfo[];
+    flash(feature: any): void;
+}
+export class LayerManager implements ILayerManager {
+    basemapLayer: IMapLayer;
+    layerList: IndexedList<IMapLayer>;
+    eventService: EventService;
+    constructor();
+    get activeBaseMapType(): BaseMapTypes;
+    init(settings: MapStartupSettings): Promise<void>;
+    findLayer(key: string): IMapLayer;
+    onExtentChanged(loc: LastViewLocation): void;
+    getSelectableLayers(): IMapLayer[];
+    addLayer(lyr: IMapLayer): void;
+    removeLayer(key: string): void;
+}
+type MapBarComponentProperties = {
+    parent: MapComponent;
+    bottomPanel?: {
+        buttonTooltip?: string;
+        buttonIconClass?: string;
+        factory?: Action<HTMLElement>;
+    };
+};
+declare class MapBarComponent extends BaseElement {
+    constructor(_props: MapBarComponentProperties);
+    get controls(): Control[];
+}
+export class GoogleApiChannel {
+    proxyFetcher: ProxyFetcher;
+    constructor();
+    geocodeAddress(text: string): AsyncOpResult<Google.V3.GeocodeResult[]>;
+}
+export class GoogleGeocodingSearchSource implements IRemoteSearchSource {
+    actions?: IKeyedButtonInfo[];
+    onAction?: (actionKey: string, item: SearchResult) => void;
+    key: LookupValue;
+    title: string;
+    type: 'remote';
+    placeholder: string;
+    disabled: boolean;
+    constructor();
+    init(): void;
+    validate(text: string): OpResult;
+    runAsync(text: string): AsyncOpResult<SearchResult[]>;
+}
+declare class MapSearchComponent extends BaseElement {
+    eventService: EventService;
+    constructor(settings: {
+        sources?: SearchSource[];
+    });
+    protected onConnected(isFirst?: boolean): void;
+}
+export class MapComponent extends BaseElement {
+    mapManager: MapManager;
+    layerManager: LayerManager;
+    eventService: EventService;
+    map: OMap;
+    view: View;
+    mapBar: MapBarComponent;
+    mapSearch: MapSearchComponent;
+    popupElm: HTMLDivElement;
+    initAsync(settings: MapStartupSettings): Promise<void>;
+    get time(): number;
+    set time(value: number);
+    onConnected(): void;
+}
+export class LegendComponent extends BaseElement {
+    layerManager: LayerManager;
+    mapManager: MapManager;
+    eventService: EventService;
+    listComp: ListComponent<IMapLayer>;
+    constructor(lazy?: boolean);
+    _attach(): void;
+    _createListItem(layer: ILayer): HTMLElement;
+}
+export class LayerLegentItem extends BaseElement {
+    get layerId(): string;
+    constructor(info: LayerLegendSymbolInfo, skipTitle: boolean);
+}
+export class TocComponent extends BaseElement {
+    layerManager: LayerManager;
+    constructor();
+}
+export interface StreetViewPov {
+    heading: number;
+    pitch: number;
+    zoom?: number;
+}
+export interface StreetViewComponentOptions {
+    location?: Coordinate;
+    pov?: StreetViewPov;
+    searchRadius?: number;
+}
+export class StreetViewComponent extends BasePanelElement {
+    constructor(_options: StreetViewComponentOptions);
+    protected onConnected(isFirst?: boolean): void;
+    canClose(): Promise<boolean>;
+    setLocation(location: Coordinate, pov?: StreetViewPov): Promise<boolean>;
+    getLocation(): Coordinate;
+    getPov(): StreetViewPov;
+}
+export type TrCrsGroup = 'geo' | 'itrf96-tm' | 'ed50-tm' | 'ed50-utm' | 'wgs84-utm' | 'other';
+export interface TrCrs {
+    key: string;
+    title: string;
+    group: TrCrsGroup;
+    projected: boolean;
+    decimals: number;
+}
+export const TR_TM3_MERIDIANS: readonly [27, 30, 33, 36, 39, 42, 45];
+export const TR_UTM_ZONES: readonly [35, 36, 37, 38];
+export interface TrCrsDescription {
+    crs: TrCrs;
+    coord: Coordinate;
+}
+export class TrCrsHelper {
+    static readonly list: ReadonlyArray<TrCrs>;
+    static get wgs84(): TrCrs;
+    static find(key: string): TrCrs | undefined;
+    static isValidWgs84(coord: Coordinate): boolean;
+    static toWgs84(crs: TrCrs, coord: Coordinate): Coordinate;
+    static fromWgs84(crs: TrCrs, lonLat: Coordinate): Coordinate;
+    static tm3MeridianOf(lon: number): number;
+    static utmZoneOf(lon: number): number;
+    static describe(lonLat: Coordinate): TrCrsDescription[];
+    static formatDms(value: number, positiveHem: string, negativeHem: string): string;
+}
+export class GoToComponent extends BaseElement {
+    static minZoom: number;
+    mapManager: MapManager;
+    eventService: EventService;
+    constructor(wgs84Coord?: Coordinate);
+    protected onConnected(): void;
+    setLocation(wgs84Coord: Coordinate): void;
+}
+export type PrintPaperSize = 'A4' | 'A3';
+export type PrintOrientation = 'portrait' | 'landscape';
+export type PrintTemplate = 'classic' | 'band' | 'overlay';
+export type PrintFormat = 'pdf' | 'png' | 'jpeg';
+export interface PrintOptions {
+    template: PrintTemplate;
+    paper: PrintPaperSize;
+    orientation: PrintOrientation;
+    scale: number | null;
+    dpi: number;
+    title: string;
+    showLegend: boolean;
+    showScaleBar: boolean;
+    showNorthArrow: boolean;
+    showDate: boolean;
+}
+export interface PrintLegendItem {
+    kind: 'layer' | 'group' | 'row';
+    text: string;
+    symbol?: CanvasImageSource;
+    symbolW?: number;
+    symbolH?: number;
+}
+export interface PrintTexts {
+    legend: string;
+    scale: string;
+    date: string;
+    north: string;
+    map: string;
+    more: string;
+}
+export interface PrintRect {
+    x: number;
+    y: number;
+    w: number;
+    h: number;
+}
+export interface PrintLayout {
+    page: {
+        w: number;
+        h: number;
+    };
+    f: number;
+    map: PrintRect;
+    title?: PrintRect & {
+        overlay: boolean;
+    };
+    legend?: PrintRect & {
+        overlay: boolean;
+        columns: number;
+    };
+    info?: PrintRect & {
+        overlay: boolean;
+        mode: 'row' | 'stack';
+    };
+    north?: PrintRect & {
+        overlay: boolean;
+    };
+}
+export interface PrintFrame {
+    resolution: number;
+    cssW: number;
+    cssH: number;
+    metersPerMm: number;
+    scale: number;
+    rotation: number;
+}
+export interface PrintMapImage {
+    canvas: HTMLCanvasElement;
+    frame: PrintFrame;
+}
+export class MapPrintHelper {
+    static fontFamily: string;
+    static pageSize(paper: PrintPaperSize, orientation: PrintOrientation): {
+        w: number;
+        h: number;
+    };
+    static computeLayout(opt: PrintOptions): PrintLayout;
+    static pixelRatio(map: OMap): number;
+    static viewCenter(map: OMap): number[];
+    static computeFrame(map: OMap, mapRect: PrintRect, dpi: number, scale: number | null): PrintFrame;
+    static captureMapAsync(map: OMap, mapRect: PrintRect, dpi: number, scale: number | null): Promise<PrintMapImage>;
+    static isCanvasReadable(canvas: HTMLCanvasElement): boolean;
+    static toLegendSymbol(elm: HTMLElement): Promise<Pick<PrintLegendItem, 'symbol' | 'symbolW' | 'symbolH'> | null>;
+    static renderPage(opt: PrintOptions, layout: PrintLayout, legend: PrintLegendItem[], mapImage: HTMLCanvasElement | null, frame: PrintFrame | null, date: Date, texts: PrintTexts, pxPerMm: number): HTMLCanvasElement;
+    static formatDate(d: Date): string;
+    static formatScale(scale: number): string;
+}
+export class PrintComponent extends BaseElement {
+    mapManager: MapManager;
+    layerManager: LayerManager;
+    protected onConnected(): void;
+    onPanelShow(): void;
+    onPanelHide(): void;
+    onPanelRemoved(): void;
+}
+export abstract class GisAppService {
+    mapComponent: MapComponent;
+    application: Application;
+    eventService: EventService;
+    commandService: CommandService;
+    startMapComponents(settings: MapStartupSettings): Promise<void>;
+}
+export type ColorInfo = string | Array<number>;
+export type StrokeInfo = {
+    width: number;
+    color: ColorInfo;
+    dash?: number[];
+};
+export type FillInfo = {
+    color: ColorInfo;
+};
+export type SimpleLineSymbolDef = {
+    type: 'sls';
+} & StrokeInfo;
+export type SimpleFillSymbolDef = {
+    type: 'sfs';
+    stroke: StrokeInfo;
+} & FillInfo;
+export type SimplePointSymbolDef = {
+    type: 'sps';
+    radius: number;
+    stroke?: StrokeInfo;
+} & FillInfo;
+export type IconPointSymbolDef = {
+    type: 'ips';
+    src: string;
+    anchorOrigin?: 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right';
+    color?: ColorInfo;
+    displacement?: number[];
+    opacity?: number;
+    width?: number;
+    height?: number;
+    scale?: number;
+    rotateWithView?: boolean;
+    rotation?: number;
+    declutterMode?: 'declutter' | 'obstacle' | 'none';
+};
+export type SimpleSymbolDef = SimpleFillSymbolDef | SimpleLineSymbolDef | SimplePointSymbolDef | IconPointSymbolDef;
+export type SimpleRendererDef = {
+    type: 'sr';
+    symbol: SimpleSymbolDef;
+};
+type UValData = number | string;
+export type UValInfo = {
+    value: UValData;
+    title: string;
+    symbol: SimpleSymbolDef;
+};
+export type UVRendererDef = {
+    type: 'uvr';
+    uvals: UValInfo[];
+    defaultSymbol?: SimpleSymbolDef;
+};
+export type RendererDef = SimpleRendererDef | UVRendererDef;
+export type MvtSubLayerInfo = {
+    lyr: string;
+    title: string;
+    symbol: LayerSymbology;
+};
+export type MvtLayerProperties = LayerDefinitionCustom & {
+    subLayerInfos: MvtSubLayerInfo[];
+};
+export type MvtFeatureInfo = {
+    lyr: string;
+    id: number;
+};
+type StyleRef = {
+    flashStyle: Style[];
+    selectionStyle: Style;
+    hoverStyle: Style;
+    styles: Map<number, Style>;
+    symbolDef: Map<number, SimpleLayerSymbology>;
+};
+export abstract class MvtLayerBase<T extends MvtLayerProperties = MvtLayerProperties> extends MapLayerBase<VectorTileLayer, T> implements IMvtLayer {
+    identifyType: 'mvt';
+    protected _flashFeature: MvtFeatureInfo;
+    protected _selectedFeatures: MvtFeatureInfo[];
+    protected _hoverFeatures: MvtFeatureInfo[];
+    protected _styleMap: Map<string, StyleRef>;
+    protected storeService: StoreService;
+    constructor(ld: T);
+    abstract getIdentifyPriority(feature: FeatureLike): IdentifyPriority;
+    prepareAsync(): Promise<boolean>;
+    refresh(clear?: boolean): void;
+    flash(feature?: RenderFeature): void;
+    getLegendInfos(): LayerLegendSymbolInfo[];
+    setFeaturesSelected?(features: FeatureLike[]): void;
+    getFeatureTitle(f: FeatureLike): string;
+    flashFeatures(f: FeatureLike): void;
+    generatePopupItemsAsync(feature: FeatureLike): Promise<ILayerPopupItem[]>;
+    protected onTimeChanged(): void;
+    protected _createLayer(): VectorTileLayer;
+    protected createRenderer(): StyleLike | FlatStyleLike;
+}
+export abstract class GroupLayerBase extends MapLayerBase<GroupLayer, GroupLayerDefinition> {
+    layers: IMapLayer[];
+    constructor(ld: GroupLayerDefinition);
+    abstract createLayerFor(definition: LayerDefinitionBase): IMapLayer;
+    getLegendInfos(): LayerLegendSymbolInfo[];
+}
+export class AgsFeatureServiceChannel {
+    storeService: StoreService;
+    constructor(_serviceUrlBase: string);
+    get ok(): boolean;
+    get serviceInfo(): Esri.ServerTypes.IFeatureServiceDefinition;
+    connectAsync(): AsyncOpResult;
+    addFeaturesToLayer(layerId: number, features: GeoJSON.Feature[]): AsyncOpResult<Esri.ServerTypes.FeatureServiceEditResult[]>;
+    updateFeaturesToLayer(layerId: number, features: GeoJSON.Feature[]): AsyncOpResult<Esri.ServerTypes.FeatureServiceEditResult[]>;
+    deleteFeaturesToLayer(layerId: number, objectIds: number[]): AsyncOpResult<Esri.ServerTypes.FeatureServiceEditResult[]>;
+}
+export class OlStyleHelper {
+    static stylegeometry2canvas(style: Style, type: BasicGeometryTypes): HTMLCanvasElement;
+    static stylefeature2canvas(style: Style, feature: Feature, width?: number, height?: number): HTMLCanvasElement;
+    static createStyleFromJson(sd: SimpleSymbolDef): Style | null;
+    static createSFS(sfs: SimpleFillSymbolDef): Style;
+    static createSLS(sls: SimpleLineSymbolDef): Style;
+    static createSPS(sps: SimplePointSymbolDef): Style;
+    static createIPS(ips: IconPointSymbolDef): Style;
+}
+
+//# sourceMappingURL=index.d.ts.map