@openremote/or-map 1.0.2-alpha → 1.2.0-snapshot.20240512160426

package/lib/markers/or-map-marker-asset.js

@@ -0,0 +1 @@
+var __decorate=this&&this.__decorate||function(t,e,r,s){var o,i=arguments.length,a=i<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,r):s;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(t,e,r,s);else for(var n=t.length-1;n>=0;n--)(o=t[n])&&(a=(i<3?o(a):i>3?o(e,r,a):o(e,r))||a);return i>3&&a&&Object.defineProperty(e,r,a),a},__awaiter=this&&this.__awaiter||function(t,e,r,s){return new(r||(r=Promise))((function(o,i){function a(t){try{c(s.next(t))}catch(t){i(t)}}function n(t){try{c(s.throw(t))}catch(t){i(t)}}function c(t){var e;t.done?o(t.value):(e=t.value,e instanceof r?e:new r((function(t){t(e)}))).then(a,n)}c((s=s.apply(t,e||[])).next())}))};import{customElement,property}from"lit/decorators.js";import{OrMapMarker}from"./or-map-marker";import{AssetModelUtil}from"@openremote/model";import manager,{subscribe,Util}from"@openremote/core";import{getMarkerIconAndColorFromAssetType}from"../util";export function getMarkerConfigForAssetType(t,e){if(t&&e&&t[e])return t[e]}export function getMarkerConfigAttributeName(t,e){const r=getMarkerConfigForAssetType(t,e);if(r)return r.attributeName}let OrMapMarkerAsset=class extends(subscribe(manager)(OrMapMarker)){constructor(){super(),this.assetTypeAsIcon=!0,this.visible=!1}set type(t){let e;const r=getMarkerConfigForAssetType(this.config,t);if(r&&r.attributeName&&this.asset&&this.asset.attributes&&this.asset.attributes[r.attributeName]&&r.colours){const t=this.asset.attributes[r.attributeName].value;e={markerConfig:r.colours,currentValue:t}}const s=getMarkerIconAndColorFromAssetType(t,e);s?(this.assetTypeAsIcon&&(this.icon=s.icon),this.markerColor=Array.isArray(s.color)?s.color[0].colour:s.color||void 0,this.updateColor(this.markerContainer),this.visible=!0):this.visible=!1}shouldUpdate(t){if(t.has("assetId")&&(this.lat=void 0,this.lng=void 0,this.type=void 0,this.direction=void 0,this.displayValue=void 0,this.assetIds=this.assetId&&this.assetId.length>0?[this.assetId]:void 0,1===Object.keys(t).length))return!1;if(t.has("asset"))try{this.onAssetChanged(this.asset)}catch(t){console.error(t)}return super.shouldUpdate(t)}_onEvent(t){if("attribute"===t.eventType){const e=t;return"location"===e.ref.name?void this._updateLocation(e.value):void(this.asset&&(this.asset=Util.updateAsset(this.asset,t),this.requestUpdate()))}if("asset"===t.eventType){const e=t;switch(e.cause){case"READ":case"CREATE":case"UPDATE":this.onAssetChanged(e.asset);break;case"DELETE":this.onAssetChanged(void 0)}}}onAssetChanged(t){return __awaiter(this,void 0,void 0,(function*(){if(t){this.direction=void 0,this.displayValue=void 0;const e=t.attributes?t.attributes.location:void 0;this._updateLocation(e?e.value:null);const r=getMarkerConfigForAssetType(this.config,t.type),s=!r||!r.hideDirection,o=r&&!0===r.showLabel&&!!r.attributeName,i=!(!r||!1===r.showUnits);if(o&&t.attributes&&t.attributes[null==r?void 0:r.attributeName]){const e=t.attributes[r.attributeName],s=AssetModelUtil.getAttributeAndValueDescriptors(t.type,e.name,e);this.displayValue=Util.getAttributeValueAsString(e,s[0],t.type,i,"-")}if(s&&t.attributes&&t.attributes.direction){const e=t.attributes.direction.value;null!=e&&(this.direction=e.toString())}this.type=t.type}else this.lat=void 0,this.lng=void 0}))}_updateLocation(t){this.lat=t&&t.coordinates?t.coordinates[1]:void 0,this.lng=t&&t.coordinates?t.coordinates[0]:void 0}getColor(){return this.markerColor&&!this.color?"#"+this.markerColor:super.getColor()}getActiveColor(){return this.markerColor&&!this.activeColor?"#"+this.markerColor:super.getActiveColor()}};__decorate([property({type:String,reflect:!0,attribute:!0})],OrMapMarkerAsset.prototype,"assetId",void 0),__decorate([property({type:Object,attribute:!0})],OrMapMarkerAsset.prototype,"asset",void 0),__decorate([property()],OrMapMarkerAsset.prototype,"config",void 0),OrMapMarkerAsset=__decorate([customElement("or-map-marker-asset")],OrMapMarkerAsset);export{OrMapMarkerAsset};

package/lib/markers/or-map-marker-asset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"or-map-marker-asset.js","sourceRoot":"","sources":["../../src/markers/or-map-marker-asset.ts"],"names":[],"mappings":"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"}

package/{dist → lib}/markers/or-map-marker.d.ts

@@ -1,43 +1,50 @@
-import { LitElement, PropertyValues } from "lit-element";
-export declare enum OrMapMarkerEvent {
-    CLICKED = "or-map-marker-clicked",
-    CHANGED = "or-map-marker-changed"
-}
-declare global {
-    interface HTMLElementEventMap {
-        [OrMapMarkerEvent.CHANGED]: OrMapMarkerChangedEvent;
-        [OrMapMarkerEvent.CLICKED]: OrMapMarkerClickedEvent;
-    }
-}
-export declare class OrMapMarkerChangedEvent extends CustomEvent<MarkerChangedEventDetail> {
+import { CSSResultGroup, LitElement, PropertyValues } from "lit";
+export declare class OrMapMarkerChangedEvent extends CustomEvent<OrMapMarkerChangedEventDetail> {
+    static readonly NAME = "or-map-marker-changed";
     constructor(marker: OrMapMarker, prop: string);
 }
-export declare class OrMapMarkerClickedEvent extends CustomEvent<MarkerEventDetail> {
+export declare class OrMapMarkerClickedEvent extends CustomEvent<OrMapMarkerEventDetail> {
+    static readonly NAME = "or-map-marker-clicked";
     constructor(marker: OrMapMarker);
 }
-export interface MarkerEventDetail {
+export interface OrMapMarkerEventDetail {
     marker: OrMapMarker;
 }
-export interface MarkerChangedEventDetail extends MarkerEventDetail {
+export interface OrMapMarkerChangedEventDetail extends OrMapMarkerEventDetail {
     property: string;
 }
-export declare const MarkerStyle: import("lit-element").CSSResult;
+export interface TemplateOptions {
+    displayValue?: string;
+    direction?: string;
+}
+declare global {
+    export interface HTMLElementEventMap {
+        [OrMapMarkerChangedEvent.NAME]: OrMapMarkerChangedEvent;
+        [OrMapMarkerClickedEvent.NAME]: OrMapMarkerClickedEvent;
+    }
+}
 /**
  * Base class for all map markers.
  *
  * This component doesn't directly render anything instead it generates DOM that can be added to the map component
  */
 export declare class OrMapMarker extends LitElement {
-    protected static _defaultTemplate: (icon: string | undefined) => string;
+    static get styles(): CSSResultGroup;
+    protected static _defaultTemplate: (icon: string | undefined, options?: TemplateOptions) => string;
     lat?: number;
     lng?: number;
+    radius?: number;
+    displayValue?: string;
+    direction?: string;
     visible: boolean;
     icon?: string;
+    color?: string;
+    activeColor?: string;
     interactive: boolean;
     active: boolean;
     _actualMarkerElement?: HTMLDivElement;
     protected _slot?: HTMLSlotElement;
-    readonly markerContainer: HTMLDivElement | undefined;
+    get markerContainer(): HTMLDivElement | undefined;
     _onClick(e: MouseEvent): void;
     _createMarkerElement(): HTMLDivElement;
     /**
@@ -47,12 +54,16 @@ export declare class OrMapMarker extends LitElement {
     createMarkerContent(): HTMLElement | undefined;
     protected shouldUpdate(_changedProperties: PropertyValues): boolean;
     protected updateVisibility(container?: HTMLDivElement): void;
+    protected getColor(): string | undefined;
+    protected getActiveColor(): string | undefined;
+    protected updateColor(container?: HTMLDivElement): void;
     protected updateActive(container?: HTMLDivElement): void;
     protected updateInteractive(container?: HTMLDivElement): void;
     protected refreshMarkerContent(): void;
-    protected render(): import("lit-element").TemplateResult;
+    protected render(): import("lit-html").TemplateResult<1>;
     protected _raisePropertyChange(prop: string): void;
     protected addMarkerClassNames(markerElement: HTMLElement): void;
     protected addMarkerContainerClassNames(markerContainer: HTMLElement): void;
     protected createDefaultMarkerContent(): HTMLElement;
+    hasPosition(): boolean;
 }

package/lib/markers/or-map-marker.js

@@ -0,0 +1,70 @@
+var OrMapMarker_1,__decorate=this&&this.__decorate||function(e,t,r,a){var o,i=arguments.length,s=i<3?t:null===a?a=Object.getOwnPropertyDescriptor(t,r):a;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,r,a);else for(var n=e.length-1;n>=0;n--)(o=e[n])&&(s=(i<3?o(s):i>3?o(t,r,s):o(t,r))||s);return i>3&&s&&Object.defineProperty(t,r,s),s};import{css,html,LitElement,unsafeCSS}from"lit";import{customElement,property,query}from"lit/decorators.js";import{markerActiveColorVar,markerColorVar}from"../style";import{DefaultBoxShadow}from"@openremote/core";export class OrMapMarkerChangedEvent extends CustomEvent{constructor(e,t){super(OrMapMarkerChangedEvent.NAME,{detail:{marker:e,property:t},bubbles:!0,composed:!0})}}OrMapMarkerChangedEvent.NAME="or-map-marker-changed";export class OrMapMarkerClickedEvent extends CustomEvent{constructor(e){super(OrMapMarkerClickedEvent.NAME,{detail:{marker:e},bubbles:!0,composed:!0})}}OrMapMarkerClickedEvent.NAME="or-map-marker-clicked";let OrMapMarker=OrMapMarker_1=class extends LitElement{constructor(){super(...arguments),this.visible=!0,this.interactive=!0,this.active=!1}static get styles(){return css`
+          .label {
+            background-color: white;
+            width: auto;
+            height: 20px;
+            position: absolute;
+            top: -14px;
+            left: 50%;
+            padding: 0 3px;
+            transform: translate(-50%, -50%);
+            text-align: center;
+            border-radius: 3px;
+            -webkit-box-shadow: ${unsafeCSS(DefaultBoxShadow)};
+            -moz-box-shadow: ${unsafeCSS(DefaultBoxShadow)};
+            box-shadow: ${unsafeCSS(DefaultBoxShadow)};
+          }
+          .label > span {
+            white-space: nowrap;
+          }
+          
+          .direction-icon-wrapper {
+            position: absolute;
+            top: 11px;
+            left: 16px;
+          }
+          .direction-circle {
+            position: absolute;
+            margin-top: -15px;
+            margin-left: -15px;
+            width: 30px;
+            height: 30px;
+          }
+          .direction-circle circle {
+            cx: 15px;
+            cy: 15px;
+            r: 12px;
+            stroke: white;
+            stroke-width: 3px;
+            fill: transparent;
+          }
+          .direction-icon {
+            position: absolute;
+            top: -25px;
+            left: -16px;
+            transform: scale(0.75) rotate(-90deg);
+          }
+          
+          .active .direction-icon-wrapper {
+            top: 17px;
+            left: 24px;
+          }
+          .active .direction-circle {
+            margin-top: -20px;
+            margin-left: -20px;
+            width: 40px;
+            height: 40px;
+          }
+          .active .direction-icon {
+            top: -36px;
+            left: -23px;
+          }
+          .active .direction-circle circle {
+            cx: 20px;
+            cy: 20px;
+            r: 18px;
+            stroke-width: 4px;
+          }
+        `}get markerContainer(){if(this._actualMarkerElement)return this._actualMarkerElement.firstElementChild}_onClick(e){this.dispatchEvent(new OrMapMarkerClickedEvent(this))}_createMarkerElement(){const e=document.createElement("div"),t=document.createElement("div");e.appendChild(t),this.addMarkerClassNames(e),this.addMarkerContainerClassNames(t);let r=this.createMarkerContent();return r||(e.classList.add("or-map-marker-default"),r=this.createDefaultMarkerContent()),t.appendChild(r),this.updateInteractive(e),this.updateVisibility(e),this.updateColor(t),this.updateActive(e),e}createMarkerContent(){let e=!1,t=document.createElement("div");if(this._slot&&this._slot.assignedNodes({flatten:!0}).forEach((r=>{r instanceof HTMLElement&&(t.appendChild(r.cloneNode(!0)),e=!0)})),e)return t}shouldUpdate(e){return(e.has("icon")||e.has("displayValue")||e.has("direction"))&&this.refreshMarkerContent(),(e.has("color")||e.has("activeColor"))&&this.updateColor(this.markerContainer),e.has("visible")&&this.updateVisibility(this._actualMarkerElement),e.has("interactive")&&this.updateInteractive(this._actualMarkerElement),e.has("active")&&(this.updateActive(this._actualMarkerElement),this.updateColor(this.markerContainer)),e.forEach(((e,t)=>this._raisePropertyChange(t))),!1}updateVisibility(e){e&&(this.visible?e.removeAttribute("hidden"):e.setAttribute("hidden","true"))}getColor(){return this.color&&"unset"!==this.color?this.color:void 0}getActiveColor(){return this.activeColor&&"unset"!==this.activeColor?this.activeColor:void 0}updateColor(e){if(e){e.style.removeProperty(markerColorVar),e.style.removeProperty(markerActiveColorVar);const t=this.getColor(),r=this.getActiveColor();t&&e.style.setProperty(markerColorVar,t),r&&e.style.setProperty(markerActiveColorVar,r)}}updateActive(e){e&&(this.active?e.classList.add("active"):e.classList.remove("active"))}updateInteractive(e){e&&(this.interactive?e.classList.add("interactive"):e.classList.remove("interactive"))}refreshMarkerContent(){if(this.markerContainer){let e=this.createMarkerContent();e?this._actualMarkerElement.classList.remove("or-map-marker-default"):(this._actualMarkerElement.classList.add("or-map-marker-default"),e=this.createDefaultMarkerContent()),this.markerContainer.children.length>0&&this.markerContainer.removeChild(this.markerContainer.children[0]),this.markerContainer.appendChild(e)}}render(){return html`
+          <slot></slot>
+        `}_raisePropertyChange(e){this.dispatchEvent(new OrMapMarkerChangedEvent(this,e))}addMarkerClassNames(e){e.classList.add("or-map-marker")}addMarkerContainerClassNames(e){e.classList.add("marker-container")}createDefaultMarkerContent(){const e=document.createElement("div");return e.innerHTML=OrMapMarker_1._defaultTemplate(this.icon,{displayValue:this.displayValue,direction:this.direction}),e}hasPosition(){return"number"==typeof this.lat&&"number"==typeof this.lng&&this.lat>=-90&&this.lat<90&&this.lng>=-180&&this.lng<180}};OrMapMarker._defaultTemplate=(e,t)=>`\n        ${t&&void 0!==t.displayValue?`<div class="label"><span>${t.displayValue}</span></div>`:""}\n        ${t&&t.direction?`<div class="direction-icon-wrapper" style="transform: rotate(${t.direction}deg);">\n                <svg class="direction-circle">\n                 <circle/> \n                </svg>\n                <or-icon class="direction-icon" icon="play"></or-icon>\n               </div>`:""}\n        <or-icon icon="or:marker"></or-icon>\n        <or-icon class="marker-icon" icon="${e||""}"></or-icon>\n    `,__decorate([property({type:Number,reflect:!0,attribute:!0})],OrMapMarker.prototype,"lat",void 0),__decorate([property({type:Number,reflect:!0})],OrMapMarker.prototype,"lng",void 0),__decorate([property({type:Number,reflect:!0})],OrMapMarker.prototype,"radius",void 0),__decorate([property({reflect:!0})],OrMapMarker.prototype,"displayValue",void 0),__decorate([property({reflect:!0})],OrMapMarker.prototype,"direction",void 0),__decorate([property({type:Boolean})],OrMapMarker.prototype,"visible",void 0),__decorate([property({type:String})],OrMapMarker.prototype,"icon",void 0),__decorate([property({type:String})],OrMapMarker.prototype,"color",void 0),__decorate([property({type:String})],OrMapMarker.prototype,"activeColor",void 0),__decorate([property({type:Boolean})],OrMapMarker.prototype,"interactive",void 0),__decorate([property({type:Boolean})],OrMapMarker.prototype,"active",void 0),__decorate([query("slot")],OrMapMarker.prototype,"_slot",void 0),OrMapMarker=OrMapMarker_1=__decorate([customElement("or-map-marker")],OrMapMarker);export{OrMapMarker};

package/lib/markers/or-map-marker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"or-map-marker.js","sourceRoot":"","sources":["../../src/markers/or-map-marker.ts"],"names":[],"mappings":"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"}

package/lib/or-map-asset-card.d.ts

@@ -0,0 +1,70 @@
+import { CSSResultGroup, LitElement, PropertyValues, TemplateResult } from "lit";
+import { Asset, SharedEvent } from "@openremote/model";
+import "@openremote/or-icon";
+import { MapMarkerAssetConfig } from "./markers/or-map-marker-asset";
+export interface MapAssetCardTypeConfig {
+    include?: string[];
+    exclude?: string[];
+    hideViewAsset?: boolean;
+}
+export interface MapAssetCardConfig {
+    default?: MapAssetCardTypeConfig;
+    assetTypes?: {
+        [assetType: string]: MapAssetCardTypeConfig;
+    };
+}
+export declare class OrMapAssetCardLoadAssetEvent extends CustomEvent<string> {
+    static readonly NAME = "or-map-asset-card-load-asset";
+    constructor(assetId: string);
+}
+declare global {
+    export interface HTMLElementEventMap {
+        [OrMapAssetCardLoadAssetEvent.NAME]: OrMapAssetCardLoadAssetEvent;
+    }
+}
+export declare const DefaultConfig: MapAssetCardConfig;
+declare const OrMapAssetCard_base: (new (...args: any[]) => {
+    _connectRequested: boolean;
+    _subscriptionIds?: string[] | undefined;
+    _assetIds?: string[] | undefined;
+    _attributeRefs?: import("@openremote/model").AttributeRef[] | undefined;
+    _status: import("@openremote/core").EventProviderStatus;
+    _statusCallback: (status: import("@openremote/core").EventProviderStatus) => void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    connectEvents(): void;
+    disconnectEvents(): void;
+    _doConnect(): Promise<void>;
+    readonly eventsConnected: boolean;
+    _onEventProviderStatusChanged(status: import("@openremote/core").EventProviderStatus): void;
+    _onEventsConnect(): void;
+    _onEventsDisconnect(): void;
+    _addEventSubscriptions(): Promise<void>;
+    _removeEventSubscriptions(): void;
+    _refreshEventSubscriptions(): void;
+    assetIds: string[] | undefined;
+    attributeRefs: import("@openremote/model").AttributeRef[] | undefined;
+    _sendEvent(event: SharedEvent): void;
+    _sendEventWithReply<U extends SharedEvent, V extends SharedEvent>(event: import("@openremote/model").EventRequestResponseWrapper<U>): Promise<V>;
+    onEventsConnect(): void;
+    onEventsDisconnect(): void;
+    _onEvent(event: SharedEvent): void;
+    requestUpdate(name?: PropertyKey | undefined, oldValue?: unknown): void;
+    readonly isConnected: boolean;
+}) & typeof LitElement;
+export declare class OrMapAssetCard extends OrMapAssetCard_base {
+    assetId?: string;
+    asset?: Asset;
+    config?: MapAssetCardConfig;
+    markerconfig?: MapMarkerAssetConfig;
+    useAssetColor: boolean;
+    static get styles(): CSSResultGroup;
+    protected shouldUpdate(_changedProperties: PropertyValues): boolean;
+    _onEvent(event: SharedEvent): void;
+    protected getCardConfig(): MapAssetCardTypeConfig | undefined;
+    protected render(): TemplateResult | undefined;
+    protected _loadAsset(assetId: string): void;
+    protected getIcon(): string | undefined;
+    protected getColor(): string | undefined;
+}
+export {};

package/lib/or-map-asset-card.js

@@ -0,0 +1,18 @@
+var __decorate=this&&this.__decorate||function(t,e,s,r){var a,o=arguments.length,i=o<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,s):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(t,e,s,r);else for(var n=t.length-1;n>=0;n--)(a=t[n])&&(i=(o<3?a(i):o>3?a(e,s,i):a(e,s))||i);return o>3&&i&&Object.defineProperty(e,s,i),i};import{html,LitElement}from"lit";import{customElement,property}from"lit/decorators.js";import{classMap}from"lit-html/directives/class-map.js";import{AssetModelUtil}from"@openremote/model";import manager,{subscribe,Util}from"@openremote/core";import"@openremote/or-icon";import{mapAssetCardStyle}from"./style";import{InputType}from"@openremote/or-mwc-components/or-mwc-input";import{getMarkerIconAndColorFromAssetType}from"./util";import{getMarkerConfigAttributeName}from"./markers/or-map-marker-asset";export class OrMapAssetCardLoadAssetEvent extends CustomEvent{constructor(t){super(OrMapAssetCardLoadAssetEvent.NAME,{bubbles:!0,composed:!0,detail:t})}}OrMapAssetCardLoadAssetEvent.NAME="or-map-asset-card-load-asset";export const DefaultConfig={default:{exclude:["notes"]},assetTypes:{}};let OrMapAssetCard=class extends(subscribe(manager)(LitElement)){constructor(){super(...arguments),this.useAssetColor=!0}static get styles(){return mapAssetCardStyle}shouldUpdate(t){return(!t.has("assetId")||(this.title="",this.assetIds=this.assetId&&this.assetId.length>0?[this.assetId]:void 0,1!==t.size))&&super.shouldUpdate(t)}_onEvent(t){if("asset"===t.eventType){const e=t;switch(e.cause){case"READ":case"CREATE":case"UPDATE":this.asset=e.asset;break;case"DELETE":this.asset=void 0}}"attribute"===t.eventType&&this.asset&&(this.asset=Util.updateAsset(this.asset,t),this.requestUpdate())}getCardConfig(){let t=this.config||DefaultConfig;return this.asset&&t.assetTypes&&t.assetTypes.hasOwnProperty(this.asset.type)?t.assetTypes[this.asset.type]:t.default}render(){if(!this.asset)return html``;const t=this.getIcon(),e=this.getColor(),s=e?"--internal-or-map-asset-card-header-color: #"+e+";":"",r=this.getCardConfig(),a=Object.values(this.asset.attributes).filter((t=>"location"!==t.name)),o=r&&r.include?r.include:void 0,i=r&&r.exclude?r.exclude:[],n=a.filter((t=>!(o&&!(o.indexOf(t.name)>=0)||i&&!(i.indexOf(t.name)<0)||t.meta&&t.meta.hasOwnProperty("showOnDashboard")&&!Util.getMetaValue("showOnDashboard",t)))).sort(Util.sortByString((t=>t.name))),p=getMarkerConfigAttributeName(this.markerconfig,this.asset.type);return html`
+            <div id="card-container" style="${s}">
+                <div id="header">
+                    ${t?html`<or-icon icon="${t}"></or-icon>`:""}
+                    <span id="title">${this.asset.name}</span>
+                </div>
+                <div id="attribute-list">
+                    <ul>
+                        ${n.map((t=>{if(!this.asset||!this.asset.type)return;const e=AssetModelUtil.getAttributeAndValueDescriptors(this.asset.type,t.name,t);if(e&&e.length){const s=Util.getAttributeLabel(t,e[0],this.asset.type,!0),r=Util.getAttributeValueAsString(t,e[0],this.asset.type,!1,"-"),a={highlighted:p===t.name};return html`<li class="${classMap(a)}"><span class="attribute-name">${s}</span><span class="attribute-value">${r}</span></li>`}}))}
+                    </ul>
+                </div>
+                ${r&&r.hideViewAsset?html``:html`
+                    <div id="footer">
+                        <or-mwc-input .type="${InputType.BUTTON}" label="viewAsset" @or-mwc-input-changed="${t=>{t.preventDefault(),this._loadAsset(this.asset.id)}}"></or-mwc-input>
+                    </div>
+                `}
+            </div>
+        `}_loadAsset(t){this.dispatchEvent(new OrMapAssetCardLoadAssetEvent(t))}getIcon(){var t;if(this.asset){const e=AssetModelUtil.getAssetDescriptor(this.asset.type);return(null===(t=getMarkerIconAndColorFromAssetType(e))||void 0===t?void 0:t.icon)||void 0}}getColor(){var t;if(this.asset){const e=AssetModelUtil.getAssetDescriptor(this.asset.type),s=null===(t=getMarkerIconAndColorFromAssetType(e))||void 0===t?void 0:t.color;if(s)return"string"==typeof s?s:s[0].colour}}};__decorate([property({type:String,reflect:!0,attribute:!0})],OrMapAssetCard.prototype,"assetId",void 0),__decorate([property({type:Object,attribute:!0})],OrMapAssetCard.prototype,"asset",void 0),__decorate([property({type:Object})],OrMapAssetCard.prototype,"config",void 0),__decorate([property({type:Object})],OrMapAssetCard.prototype,"markerconfig",void 0),__decorate([property({type:Boolean,attribute:!0})],OrMapAssetCard.prototype,"useAssetColor",void 0),OrMapAssetCard=__decorate([customElement("or-map-asset-card")],OrMapAssetCard);export{OrMapAssetCard};

package/lib/or-map-asset-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"or-map-asset-card.js","sourceRoot":"","sources":["../src/or-map-asset-card.ts"],"names":[],"mappings":"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"}

package/lib/style.d.ts

@@ -0,0 +1,4 @@
+export declare const markerColorVar = "--internal-or-map-marker-color";
+export declare const markerActiveColorVar = "--internal-or-map-marker-active-color";
+export declare const style: import("lit").CSSResult;
+export declare const mapAssetCardStyle: import("lit").CSSResult;

package/lib/style.js

@@ -0,0 +1,230 @@
+import{css,unsafeCSS}from"lit";import{DefaultColor1,DefaultColor2,DefaultColor3,DefaultColor4,DefaultColor5,DefaultHeaderHeight}from"@openremote/core";export const markerColorVar="--internal-or-map-marker-color";export const markerActiveColorVar="--internal-or-map-marker-active-color";export const style=css`
+    :host {
+        --internal-or-map-width: var(--or-map-width, 100%);
+        --internal-or-map-min-height: var(--or-map-min-height, 300px);
+        --internal-or-map-marker-transform: var(--or-map-marker-transform, translate(-16px, -29px));
+        --internal-or-map-marker-width: var(--or-map-marker-width, 32px);
+        --internal-or-map-marker-height: var(--or-map-marker-height, 32px);
+        --internal-or-map-marker-color: var(--or-map-marker-color, var(--or-app-color4, ${unsafeCSS(DefaultColor4)}));
+        --internal-or-map-marker-stroke: var(--or-map-marker-stroke, none);
+        --internal-or-map-marker-icon-color: var(--or-map-marker-icon-color, var(--or-app-color1, ${unsafeCSS(DefaultColor1)}));
+        --internal-or-map-marker-icon-stroke: var(--or-map-marker-icon-stroke, none);
+        --internal-or-map-marker-icon-width: var(--or-map-marker-icon-width, 16px);
+        --internal-or-map-marker-icon-height: var(--or-map-marker-icon-height, 16px);
+        --internal-or-map-marker-icon-transform: var(--or-map-marker-icon-transform, translate(-50%, -14px));
+        --internal-or-map-marker-active-transform: var(--or-map-marker-active-transform, translate(-24px, -44px));
+        --internal-or-map-marker-active-width: var(--or-map-marker-active-width, 48px);
+        --internal-or-map-marker-active-height: var(--or-map-marker-active-height, 48px);
+        --internal-or-map-marker-active-color: var(--or-map-marker-active-color, var(--or-app-color4, ${unsafeCSS(DefaultColor4)}));
+        --internal-or-map-marker-active-stroke: var(--or-map-marker-active-stroke, 2px);
+        --internal-or-map-marker-icon-active-color: var(--or-map-marker-icon-active-color, var(--or-app-color1, ${unsafeCSS(DefaultColor1)}));
+        --internal-or-map-marker-icon-active-stroke: var(--or-map-marker-icon-active-stroke, none);
+        --internal-or-map-marker-icon-active-width: var(--or-map-marker-icon-active-width, 24px);
+        --internal-or-map-marker-icon-active-height: var(--or-map-marker-icon-active-height, 24px);
+        --internal-or-map-marker-icon-active-transform: var(--or-map-marker-icon-active-transform, translate(-50%, -20px));
+        display: block;
+        overflow: hidden;
+        
+        min-height: var(--internal-or-map-min-height);
+        width: var(--internal-or-map-width);
+    }
+    
+    canvas {
+        outline: none !important;
+    }
+
+    :host([hidden]) {
+        display: none;
+    }
+
+    slot {
+        display: none;
+    }
+          
+    #container {
+        position: relative;
+        width: 100%;
+        height: 100%;    
+    }
+    
+    #map {
+        position: absolute;
+        left: 0;
+        right: 0;
+        top: 0;
+        bottom: 0;
+    }
+    .mapboxgl-ctrl-geocoder,
+    .maplibregl-ctrl-geocoder--input {
+        width: calc(100% - 20px)
+    }
+    .leaflet-marker-icon, .maplibregl-marker, .mapboxgl-marker {
+        pointer-events: none !important;
+    }
+
+    .or-map-marker {
+        position: absolute; /* This makes mapboxJS behave like mapboxGL */
+    }
+    
+    .or-map-marker.active {
+        z-index: 1;
+    }
+    
+    .marker-container {
+        position: relative;
+        cursor: pointer;
+        transform: var(--internal-or-map-marker-transform);
+        --or-icon-fill: var(--internal-or-map-marker-color);
+        --or-icon-width: var(--internal-or-map-marker-width);
+        --or-icon-height: var(--internal-or-map-marker-height);
+        --or-icon-stroke: var(--internal-or-map-marker-stroke);
+    }
+
+    .or-map-marker.active .marker-container {
+        transform: var(--internal-or-map-marker-active-transform);
+        --or-icon-fill: var(--internal-or-map-marker-active-color);
+        --or-icon-width: var(--internal-or-map-marker-active-width);
+        --or-icon-height: var(--internal-or-map-marker-active-height);
+        --or-icon-stroke: var(--internal-or-map-marker-active-stroke);
+    }
+
+    .or-map-marker.interactive .marker-container {
+        pointer-events: all;
+    }
+
+    .or-map-marker-default.interactive .marker-container {
+        pointer-events: none;
+        --or-icon-pointer-events: visible;
+    }
+
+    .or-map-marker .marker-icon {
+        position: absolute;
+        left: 50%;
+        top: 50%;
+        z-index: 1000;
+        --or-icon-fill: var(--internal-or-map-marker-icon-color);
+        --or-icon-stroke: var(--internal-or-map-marker-icon-stroke);
+        --or-icon-width: var(--internal-or-map-marker-icon-width);
+        --or-icon-height: var(--internal-or-map-marker-icon-height);
+        transform: var(--internal-or-map-marker-icon-transform);
+    }
+    
+    .or-map-marker.active .marker-icon {
+        transform: var(--internal-or-map-marker-icon-active-transform);
+        --or-icon-fill: var(--internal-or-map-marker-icon-active-color);
+        --or-icon-stroke: var(--internal-or-map-marker-icon-active-stroke);
+        --or-icon-width: var(--internal-or-map-marker-icon-active-width);
+        --or-icon-height: var(--internal-or-map-marker-icon-active-height);
+    }
+    
+    #openremote {
+        position: absolute;
+        bottom: 25px;
+        right: 5px;
+        height: 20px;
+        width: 20px;
+        cursor: pointer;
+    }
+    
+    #openremote img {
+        height: 20px;
+        width: 20px;
+    }
+    
+    @media only screen and (max-width: 640px) {
+        #openremote {
+            bottom: 40px;
+            right: 12px;
+        }
+    }
+`;export const mapAssetCardStyle=css`
+            :host {
+                --internal-or-map-asset-card-header-color: var(--or-map-asset-card-header-color, var(--or-app-color4, ${unsafeCSS(DefaultColor4)}));
+                --internal-or-map-asset-card-header-text-color: var(--or-map-asset-card-header-text-color, var(--or-app-color1, ${unsafeCSS(DefaultColor1)}));
+                --internal-or-map-asset-card-header-height: var(--or-map-asset-card-header-height, calc(${unsafeCSS(DefaultHeaderHeight)} - 10px));
+                --internal-or-map-asset-card-background-color: var(--or-map-asset-card-background-color, var(--or-app-color1, ${unsafeCSS(DefaultColor1)}));
+                --internal-or-map-asset-card-background-text-color: var(--or-map-asset-card-background-text-color, var(--or-app-color3, ${unsafeCSS(DefaultColor3)}));
+                --internal-or-map-asset-card-separator-color: var(--or-map-asset-card-separator-color, var(--or-app-color2, ${unsafeCSS(DefaultColor2)}));
+                
+                display: block;
+            }
+
+            #card-container {
+                display: flex;
+                flex-direction: column;
+                height: 100%;
+                background-color: var(--internal-or-map-asset-card-background-color);
+                -webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.28);
+                -moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.28);
+                box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.28);  
+            }
+            
+            #header {
+                height: var(--internal-or-map-asset-card-header-height);
+                background-color: var(--internal-or-map-asset-card-header-color);
+                line-height: var(--internal-or-map-asset-card-header-height);
+                border-bottom: 1px solid ${unsafeCSS(DefaultColor5)};
+                text-align: center;
+                color: var(--internal-or-map-asset-card-header-text-color);
+                --or-icon-fill: var(--internal-or-map-asset-card-header-text-color);
+                --or-icon-width: 20px;
+                --or-icon-height: 20px;
+                z-index: 99999;
+            }
+
+            #header > or-icon {
+                margin-right: 5px;
+            }
+            
+            #title {
+                font-weight: 500;
+            }
+            
+            #attribute-list {
+                flex: 1;                
+                color: var(--internal-or-map-asset-card-background-text-color);
+                padding: 10px 20px;
+                overflow: auto;
+                font-size: 14px;
+            }
+            
+            ul {
+                list-style-type: none;
+                margin: 0;
+                padding: 0;
+            }
+            
+            li {
+                display: flex;
+                line-height: 30px;
+            }
+            li.highlighted {
+                font-weight: bold;
+            }
+            
+            .attribute-name {
+                flex: 1;            
+            }
+            
+            .attribute-value {
+                overflow: hidden;
+                padding-left: 20px;
+                text-align: right;
+            }
+            
+            #footer {
+                height: var(--internal-or-map-asset-card-header-height);
+                border-top: 1px solid var(--internal-or-map-asset-card-separator-color);
+                text-align: right;
+                padding: 5px 12px;
+            }
+            
+            @media only screen and (min-width: 415px){
+                #card-container {
+                    height: 400px; /* fallback for IE */
+                    height: max-content;
+                    max-height: calc(100vh - 150px);
+                    min-height: 134px;
+                }
+            }
+`;

package/lib/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../src/style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAE,SAAS,EAAC,MAAM,KAAK,CAAC;AACnC,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,aAAa,EAAE,aAAa,EAAE,aAAa,EAAE,mBAAmB,EAAmB,MAAM,kBAAkB,CAAC;AAEnJ,MAAM,CAAC,MAAM,cAAc,GAAG,gCAAgC,CAAC;AAC/D,MAAM,CAAC,MAAM,oBAAoB,GAAG,uCAAuC,CAAC;AAE5E,eAAe;AACf,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAA;;;;;;;0FAOkE,SAAS,CAAC,aAAa,CAAC;;oGAEd,SAAS,CAAC,aAAa,CAAC;;;;;;;;wGAQpB,SAAS,CAAC,aAAa,CAAC;;kHAEd,SAAS,CAAC,aAAa,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwHzI,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAA;;wHAEoF,SAAS,CAAC,aAAa,CAAC;kIACd,SAAS,CAAC,aAAa,CAAC;0GAChD,SAAS,CAAC,mBAAmB,CAAC;gIACR,SAAS,CAAC,aAAa,CAAC;0IACd,SAAS,CAAC,aAAa,CAAC;8HACpC,SAAS,CAAC,aAAa,CAAC;;;;;;;;;;;;;;;;;;;2CAmB3G,SAAS,CAAC,aAAa,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgElE,CAAA"}

package/lib/util.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="leaflet" />
+import { LngLatBounds, LngLatBoundsLike, LngLatLike } from "maplibre-gl";
+import { Asset, AssetDescriptor, GeoJSONPoint, ValueHolder } from "@openremote/model";
+import { AttributeMarkerColoursRange, MapMarkerColours } from "./markers/or-map-marker-asset";
+export declare function getLngLat(lngLatLike?: LngLatLike | Asset | ValueHolder<any> | GeoJSONPoint): {
+    lng: number;
+    lat: number;
+} | undefined;
+export declare function getGeoJSONPoint(lngLat: LngLatLike | undefined): GeoJSONPoint | undefined;
+export declare function getLngLatBounds(lngLatBoundsLike?: LngLatBoundsLike): LngLatBounds | undefined;
+export declare function getLatLngBounds(lngLatBoundsLike?: LngLatBoundsLike): L.LatLngBounds | undefined;
+export interface OverrideConfigSettings {
+    markerConfig: MapMarkerColours;
+    currentValue: any;
+}
+export declare function getMarkerIconAndColorFromAssetType(type: AssetDescriptor | string | undefined, configOverrideSettings?: OverrideConfigSettings): {
+    icon: string;
+    color: string | undefined | AttributeMarkerColoursRange[];
+} | undefined;

package/lib/util.js

@@ -0,0 +1 @@
+import{LngLat,LngLatBounds}from"maplibre-gl";import{AssetModelUtil}from"@openremote/model";export function getLngLat(t){if(t){if(t instanceof LngLat)return t;if(t.lat)return t.lon?{lng:t.lon,lat:t.lat}:{lng:t.lng,lat:t.lat};if(Array.isArray(t))return{lng:t[0],lat:t[1]};if(t.coordinates&&Array.isArray(t.coordinates)&&t.coordinates.length>=2)return getLngLat(t.coordinates);if(t.attributes){const n=t.attributes.location;if(!n)return;return n.value?getLngLat(n.value):void 0}return t.value?getLngLat(t.value):void 0}}export function getGeoJSONPoint(t){if(t)return Array.isArray(t)?{type:"Point",coordinates:t}:{type:"Point",coordinates:[t.hasOwnProperty("lng")?t.lng:t.lon,t.lat]}}export function getLngLatBounds(t){if(t){if(t instanceof LngLatBounds)return t;const n=t;if(2===n.length){const t=getLngLat(n[0]),e=getLngLat(n[1]);if(t&&e)return new LngLatBounds(t,e)}if(4===n.length)return new LngLatBounds([n[0],n[1],n[2],n[3]])}}export function getLatLngBounds(t){const n=getLngLatBounds(t);if(n)return L.latLngBounds(n.getNorthEast(),n.getSouthWest())}export function getMarkerIconAndColorFromAssetType(t,n){if(!t)return;const e="string"==typeof t?AssetModelUtil.getAssetDescriptor(t):t,o=e&&e.icon?e.icon:"help-circle";let r=e&&e.colour?e.colour:void 0;if(n&&n.markerConfig){const t=n.markerConfig,e=n.currentValue;if("range"===t.type&&t.ranges&&"number"==typeof e){const n=t.ranges;r=(n.sort(((t,n)=>n.min-t.min)).find((t=>e>=t.min))||n.reduce(((t,n)=>n.min>t.min?t:n))).colour||void 0}else"boolean"===t.type?r=t[!!e+""]:"string"===t.type&&(r=t[e+""])}return{color:r,icon:o}}

package/lib/util.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"util.js","sourceRoot":"","sources":["../src/util.ts"],"names":[],"mappings":"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"}