{ "schemaVersion": "1.0.0", "readme": "", "modules": [ { "kind": "javascript-module", "path": "src/index.ts", "declarations": [ { "kind": "function", "name": "getIncludedProperties", "return": { "type": { "text": "string[]" } }, "parameters": [ { "name": "config", "optional": true, "type": { "text": "InfoPanelConfig" } } ] }, { "kind": "function", "name": "getIncludedAttributes", "return": { "type": { "text": "Attribute[]" } }, "parameters": [ { "name": "attributes", "type": { "text": "{ [index: string]: Attribute }" } }, { "name": "config", "optional": true, "type": { "text": "InfoPanelConfig" } } ] }, { "kind": "class", "description": "", "name": "OrAssetViewerComputeGridEvent", "members": [ { "kind": "field", "name": "NAME", "type": { "text": "string" }, "privacy": "public", "static": true, "readonly": true, "default": "\"or-asset-viewer-compute-grid-event\"" } ], "superclass": { "name": "CustomEvent", "module": "src/index.ts" } }, { "kind": "class", "description": "", "name": "OrAssetViewerRequestSaveEvent", "members": [ { "kind": "field", "name": "NAME", "type": { "text": "string" }, "privacy": "public", "static": true, "readonly": true, "default": "\"or-asset-viewer-request-save\"" } ], "superclass": { "name": "CustomEvent", "module": "src/index.ts" } }, { "kind": "class", "description": "", "name": "OrAssetViewerSaveEvent", "members": [ { "kind": "field", "name": "NAME", "type": { "text": "string" }, "privacy": "public", "static": true, "readonly": true, "default": "\"or-asset-viewer-save\"" } ], "superclass": { "name": "CustomEvent", "module": "src/index.ts" } }, { "kind": "class", "description": "", "name": "OrAssetViewerRequestEditToggleEvent", "members": [ { "kind": "field", "name": "NAME", "type": { "text": "string" }, "privacy": "public", "static": true, "readonly": true, "default": "\"or-asset-viewer-request-edit-toggle\"" } ], "superclass": { "name": "CustomEvent", "module": "src/index.ts" } }, { "kind": "class", "description": "", "name": "OrAssetViewerEditToggleEvent", "members": [ { "kind": "field", "name": "NAME", "type": { "text": "string" }, "privacy": "public", "static": true, "readonly": true, "default": "\"or-asset-viewer-edit-toggle\"" } ], "superclass": { "name": "CustomEvent", "module": "src/index.ts" } }, { "kind": "class", "description": "", "name": "OrAssetViewerLoadUserEvent", "members": [ { "kind": "field", "name": "NAME", "type": { "text": "string" }, "privacy": "public", "static": true, "readonly": true, "default": "\"or-asset-viewer-load-user-event\"" } ], "superclass": { "name": "CustomEvent", "module": "src/index.ts" } }, { "kind": "class", "description": "", "name": "OrAssetViewerLoadAlarmEvent", "members": [ { "kind": "field", "name": "NAME", "type": { "text": "string" }, "privacy": "public", "static": true, "readonly": true, "default": "\"or-asset-viewer-load-alarm-event\"" } ], "superclass": { "name": "CustomEvent", "module": "src/index.ts" } }, { "kind": "function", "name": "getPanel", "parameters": [ { "name": "id", "type": { "text": "string" } }, { "name": "panelConfig", "type": { "text": "PanelConfig" } }, { "name": "content", "type": { "text": "TemplateResult | undefined" } } ] }, { "kind": "function", "name": "getAttributeTemplate", "return": { "type": { "text": "TemplateResult" } }, "parameters": [ { "name": "asset", "type": { "text": "Asset" } }, { "name": "attribute", "type": { "text": "Attribute" } }, { "name": "hostElement", "type": { "text": "LitElement" } }, { "name": "viewerConfig", "type": { "text": "AssetViewerConfig" } }, { "name": "panelConfig", "type": { "text": "PanelConfig" } }, { "name": "itemConfig", "type": { "text": "InfoPanelItemConfig" } } ] }, { "kind": "function", "name": "getPropertyTemplate", "parameters": [ { "name": "asset", "type": { "text": "Asset" } }, { "name": "property", "type": { "text": "string" } }, { "name": "hostElement", "type": { "text": "LitElement" } }, { "name": "viewerConfig", "type": { "text": "AssetViewerConfig | undefined" } }, { "name": "panelConfig", "type": { "text": "PanelConfig | undefined" } }, { "name": "itemConfig", "type": { "text": "InfoPanelItemConfig" } } ] }, { "kind": "function", "name": "getField", "return": { "type": { "text": "TemplateResult" } }, "parameters": [ { "name": "name", "type": { "text": "string" } }, { "name": "itemConfig", "optional": true, "type": { "text": "InfoPanelItemConfig" } }, { "name": "content", "optional": true, "type": { "text": "TemplateResult" } } ] }, { "kind": "function", "name": "saveAsset", "return": { "type": { "text": "Promise" } }, "parameters": [ { "name": "asset", "type": { "text": "Asset" } } ] }, { "kind": "variable", "name": "DEFAULT_ASSET_PROPERTIES", "type": { "text": "array" }, "default": "[\"name\", \"createdOn\", \"type\", \"parentId\", \"accessPublicRead\"]" }, { "kind": "variable", "name": "DEFAULT_VIEWER_CONFIG", "type": { "text": "AssetViewerConfig" }, "default": "{ viewerStyles: {}, panels: [ { type: \"group\", title: \"underlyingAssets\", }, { type: \"info\", hideOnMobile: true, properties: { include: [], }, attributes: { include: [\"notes\", \"manufacturer\", \"model\"], }, }, { title: \"attributes\", type: \"info\", properties: { include: [], }, attributes: { exclude: [\"location\", \"notes\", \"manufacturer\", \"model\"], }, }, { type: \"setup\", hideOnMobile: false, }, { title: \"location\", type: \"info\", column: 1, properties: { include: [], }, attributes: { include: [\"location\"], itemConfig: { location: { label: \"\", readonly: true, }, }, }, }, { type: \"history\", column: 1, }, { type: \"linkedUsers\", column: 1, }, { type: \"alarm.linkedAlarms\", column: 1, hideOnMobile: true, }, ], }" }, { "kind": "class", "description": "", "name": "OrAssetViewer", "members": [ { "kind": "field", "name": "asset", "type": { "text": "Asset | undefined" }, "privacy": "public", "attribute": "asset" }, { "kind": "field", "name": "assetId", "type": { "text": "string | undefined" }, "privacy": "public", "attribute": "assetId" }, { "kind": "field", "name": "config", "type": { "text": "ViewerConfig | undefined" }, "privacy": "public", "attribute": "config" }, { "kind": "field", "name": "editMode", "type": { "text": "boolean | undefined" }, "privacy": "public", "attribute": "editMode" }, { "kind": "field", "name": "readonly", "type": { "text": "boolean | undefined" }, "privacy": "public", "attribute": "readonly" }, { "kind": "field", "name": "_assetInfo", "type": { "text": "AssetInfo | undefined" }, "privacy": "protected" }, { "kind": "field", "name": "_validationResults", "type": { "text": "ValidatorResult[]" }, "privacy": "protected", "default": "[]" }, { "kind": "field", "name": "wrapperElem", "type": { "text": "HTMLDivElement" }, "privacy": "protected" }, { "kind": "field", "name": "saveBtnElem", "type": { "text": "OrVaadinButton" }, "privacy": "protected" }, { "kind": "field", "name": "editBtnElem", "type": { "text": "OrVaadinButton" }, "privacy": "protected" }, { "kind": "field", "name": "editor", "type": { "text": "OrEditAssetPanel" }, "privacy": "protected" }, { "kind": "field", "name": "headerElem", "type": { "text": "HTMLDivElement" }, "privacy": "protected" }, { "kind": "field", "name": "containerElem", "type": { "text": "HTMLDivElement" }, "privacy": "protected" }, { "kind": "field", "name": "_saveInProgress", "type": { "text": "boolean" }, "privacy": "protected", "default": "false" }, { "kind": "method", "name": "isModified", "privacy": "public", "type": { "text": "isModified() => void" } }, { "kind": "field", "name": "langChangedCallback", "description": "When language is changed, we clear the cached templates,\nso can be rendered differently according to the selected language." }, { "kind": "method", "name": "loadAssetInfo", "return": { "type": { "text": "Promise" } }, "parameters": [ { "name": "asset", "type": { "text": "Asset" } } ], "type": { "text": "loadAssetInfo(asset: Asset) => Promise" } }, { "kind": "method", "name": "_doValidation", "privacy": "protected" }, { "kind": "method", "name": "_toggleHeaderShadow", "privacy": "protected" }, { "kind": "method", "name": "_isReadonly", "privacy": "protected" }, { "kind": "method", "name": "_onEditToggleClicked", "privacy": "protected", "parameters": [ { "name": "edit", "type": { "text": "boolean" } } ] }, { "kind": "method", "name": "_doEditToggle", "privacy": "protected", "parameters": [ { "name": "edit", "type": { "text": "boolean" } } ] }, { "kind": "method", "name": "_onSaveClicked", "privacy": "protected" }, { "kind": "method", "name": "save", "type": { "text": "save() => void" } }, { "kind": "method", "name": "_onAssetModified", "privacy": "protected", "parameters": [ { "name": "validationResults", "type": { "text": "ValidatorResult[]" } } ] }, { "kind": "method", "name": "_onEvent", "parameters": [ { "name": "event", "type": { "text": "SharedEvent" } } ], "type": { "text": "_onEvent(event: SharedEvent) => void" } }, { "kind": "method", "name": "_getPanelConfig", "privacy": "protected", "return": { "type": { "text": "AssetViewerConfig" } }, "parameters": [ { "name": "asset", "type": { "text": "Asset" } } ] } ], "events": [ { "name": "edit", "type": { "text": "OrAssetViewerEditToggleEvent" } }, { "name": "saveResult", "type": { "text": "OrAssetViewerSaveEvent" } } ], "attributes": [ { "name": "asset", "type": { "text": "Asset | undefined" }, "fieldName": "asset" }, { "name": "assetId", "type": { "text": "string | undefined" }, "fieldName": "assetId" }, { "name": "config", "type": { "text": "ViewerConfig | undefined" }, "fieldName": "config" }, { "name": "editMode", "type": { "text": "boolean | undefined" }, "fieldName": "editMode" }, { "name": "readonly", "type": { "text": "boolean | undefined" }, "fieldName": "readonly" } ], "mixins": [ { "name": "subscribe(manager)", "module": "src/index.ts" }, { "name": "translate(i18next)", "module": "src/index.ts" } ], "superclass": { "name": "OrElement", "package": "@openremote/or-element" }, "tagName": "or-asset-viewer", "customElement": true, "modulePath": "src/index.ts", "definitionPath": "src/index.ts" } ], "exports": [ { "kind": "js", "name": "getIncludedProperties", "declaration": { "name": "getIncludedProperties", "module": "src/index.ts" } }, { "kind": "js", "name": "getIncludedAttributes", "declaration": { "name": "getIncludedAttributes", "module": "src/index.ts" } }, { "kind": "js", "name": "OrAssetViewerComputeGridEvent", "declaration": { "name": "OrAssetViewerComputeGridEvent", "module": "src/index.ts" } }, { "kind": "js", "name": "OrAssetViewerRequestSaveEvent", "declaration": { "name": "OrAssetViewerRequestSaveEvent", "module": "src/index.ts" } }, { "kind": "js", "name": "OrAssetViewerSaveEvent", "declaration": { "name": "OrAssetViewerSaveEvent", "module": "src/index.ts" } }, { "kind": "js", "name": "OrAssetViewerRequestEditToggleEvent", "declaration": { "name": "OrAssetViewerRequestEditToggleEvent", "module": "src/index.ts" } }, { "kind": "js", "name": "OrAssetViewerEditToggleEvent", "declaration": { "name": "OrAssetViewerEditToggleEvent", "module": "src/index.ts" } }, { "kind": "js", "name": "OrAssetViewerLoadUserEvent", "declaration": { "name": "OrAssetViewerLoadUserEvent", "module": "src/index.ts" } }, { "kind": "js", "name": "OrAssetViewerLoadAlarmEvent", "declaration": { "name": "OrAssetViewerLoadAlarmEvent", "module": "src/index.ts" } }, { "kind": "js", "name": "getPanel", "declaration": { "name": "getPanel", "module": "src/index.ts" } }, { "kind": "js", "name": "getAttributeTemplate", "declaration": { "name": "getAttributeTemplate", "module": "src/index.ts" } }, { "kind": "js", "name": "getPropertyTemplate", "declaration": { "name": "getPropertyTemplate", "module": "src/index.ts" } }, { "kind": "js", "name": "getField", "declaration": { "name": "getField", "module": "src/index.ts" } }, { "kind": "js", "name": "saveAsset", "declaration": { "name": "saveAsset", "module": "src/index.ts" } }, { "kind": "js", "name": "DEFAULT_ASSET_PROPERTIES", "declaration": { "name": "DEFAULT_ASSET_PROPERTIES", "module": "src/index.ts" } }, { "kind": "js", "name": "DEFAULT_VIEWER_CONFIG", "declaration": { "name": "DEFAULT_VIEWER_CONFIG", "module": "src/index.ts" } }, { "kind": "js", "name": "OrAssetViewer", "declaration": { "name": "OrAssetViewer", "module": "src/index.ts" } }, { "kind": "custom-element-definition", "name": "or-asset-viewer", "declaration": { "name": "OrAssetViewer", "module": "src/index.ts" } } ] }, { "kind": "javascript-module", "path": "src/or-add-attribute-panel.ts", "declarations": [ { "kind": "class", "description": "", "name": "OrAddAttributePanelAttributeChangedEvent", "members": [ { "kind": "field", "name": "NAME", "type": { "text": "string" }, "privacy": "public", "static": true, "readonly": true, "default": "\"or-add-attribute-panel-attribute-changed\"" } ], "superclass": { "name": "CustomEvent", "module": "src/or-add-attribute-panel.ts" } }, { "kind": "class", "description": "", "name": "OrAddAttributePanel", "members": [ { "kind": "field", "name": "asset", "type": { "text": "Asset" }, "privacy": "protected" }, { "kind": "field", "name": "attribute", "type": { "text": "Attribute" }, "privacy": "protected", "default": "{}" }, { "kind": "field", "name": "isCustom", "type": { "text": "boolean" }, "privacy": "protected", "default": "false", "attribute": "isCustom" }, { "kind": "field", "name": "isArray", "type": { "text": "boolean" }, "privacy": "public", "default": "false", "attribute": "isArray" }, { "kind": "field", "name": "arrayDimensions", "type": { "text": "number" }, "privacy": "public", "default": "1", "attribute": "arrayDimensions" }, { "kind": "field", "name": "customAttribute", "type": { "text": "boolean" }, "privacy": "protected", "default": "true" }, { "kind": "field", "name": "attributeTypes", "type": { "text": "[string, string][] | undefined" }, "privacy": "protected" }, { "kind": "field", "name": "attributeValueTypes", "type": { "text": "[string, string][] | undefined" }, "privacy": "protected" }, { "kind": "field", "name": "arrayRegex", "type": { "text": "RegExp" }, "privacy": "protected", "default": "/\\[\\]/g" }, { "kind": "method", "name": "onTypeChanged", "privacy": "protected", "parameters": [ { "name": "name", "type": { "text": "string" } } ] }, { "kind": "method", "name": "onNameChanged", "privacy": "protected", "parameters": [ { "name": "name", "type": { "text": "string" } } ] }, { "kind": "method", "name": "onValueTypeChanged", "privacy": "protected", "parameters": [ { "name": "valueType", "type": { "text": "string" } } ] }, { "kind": "method", "name": "onArrayChanged", "privacy": "protected", "parameters": [ { "name": "array", "type": { "text": "boolean" } }, { "name": "dimensions", "type": { "text": "number" } } ] }, { "kind": "method", "name": "updateAttributeType", "privacy": "protected" } ], "events": [ { "type": { "text": "OrAddAttributePanelAttributeChangedEvent" } } ], "attributes": [ { "name": "isCustom", "type": { "text": "boolean" }, "default": "false", "fieldName": "isCustom" }, { "name": "isArray", "type": { "text": "boolean" }, "default": "false", "fieldName": "isArray" }, { "name": "arrayDimensions", "type": { "text": "number" }, "default": "1", "fieldName": "arrayDimensions" } ], "superclass": { "name": "OrElement", "package": "@openremote/or-element" }, "tagName": "or-add-attribute-panel", "customElement": true, "modulePath": "src/or-add-attribute-panel.ts", "definitionPath": "src/or-add-attribute-panel.ts" } ], "exports": [ { "kind": "js", "name": "OrAddAttributePanelAttributeChangedEvent", "declaration": { "name": "OrAddAttributePanelAttributeChangedEvent", "module": "src/or-add-attribute-panel.ts" } }, { "kind": "js", "name": "OrAddAttributePanel", "declaration": { "name": "OrAddAttributePanel", "module": "src/or-add-attribute-panel.ts" } }, { "kind": "custom-element-definition", "name": "or-add-attribute-panel", "declaration": { "name": "OrAddAttributePanel", "module": "src/or-add-attribute-panel.ts" } } ] }, { "kind": "javascript-module", "path": "src/or-edit-asset-panel.ts", "declarations": [ { "kind": "class", "description": "", "name": "OrEditAssetModifiedEvent", "members": [ { "kind": "field", "name": "NAME", "type": { "text": "string" }, "privacy": "public", "static": true, "readonly": true, "default": "\"or-edit-asset-modified\"" } ], "superclass": { "name": "CustomEvent", "module": "src/or-edit-asset-panel.ts" } }, { "kind": "class", "description": "", "name": "OrEditAssetPanel", "members": [ { "kind": "field", "name": "asset", "type": { "text": "Asset" }, "privacy": "protected" }, { "kind": "field", "name": "attributeTemplatesAndValidators", "type": { "text": "TemplateAndValidator[]" }, "privacy": "protected", "default": "[]" }, { "kind": "field", "name": "changedAttributes", "type": { "text": "string[]" }, "privacy": "protected", "default": "[]" }, { "kind": "field", "name": "expandedAll", "type": { "text": "boolean" }, "privacy": "protected", "default": "false" }, { "kind": "method", "name": "attributeUpdated", "privacy": "public", "parameters": [ { "name": "attributeName", "type": { "text": "string" } } ], "type": { "text": "attributeUpdated(attributeName: string) => void" } }, { "kind": "method", "name": "_getAttributeTemplate", "privacy": "protected", "return": { "type": { "text": "TemplateAndValidator" } }, "parameters": [ { "name": "assetType", "type": { "text": "string" } }, { "name": "attribute", "type": { "text": "Attribute" } } ] }, { "kind": "method", "name": "_onModified", "privacy": "protected" }, { "kind": "method", "name": "validate", "privacy": "public", "return": { "type": { "text": "ValidatorResult[]" } }, "type": { "text": "validate() => ValidatorResult[]" } }, { "kind": "method", "name": "_onAttributeModified", "privacy": "protected", "parameters": [ { "name": "attribute", "type": { "text": "Attribute" } }, { "name": "newValue", "type": { "text": "any" } } ] }, { "kind": "method", "name": "_onMetaItemModified", "privacy": "protected", "parameters": [ { "name": "attribute", "type": { "text": "Attribute" } }, { "name": "metaItem", "type": { "text": "NameValueHolder" } }, { "name": "value", "type": { "text": "any" } } ] }, { "kind": "method", "name": "_getMetaItemTemplate", "privacy": "protected", "return": { "type": { "text": "TemplateAndValidator" } }, "parameters": [ { "name": "attribute", "type": { "text": "Attribute" } }, { "name": "metaItem", "type": { "text": "NameValueHolder" } } ] }, { "kind": "method", "name": "_addAttribute", "privacy": "protected" }, { "kind": "method", "name": "_addMetaItems", "privacy": "protected", "parameters": [ { "name": "attribute", "type": { "text": "Attribute" } } ] }, { "kind": "method", "name": "_getParentTemplate", "privacy": "protected" } ], "events": [ { "type": { "text": "OrEditAssetModifiedEvent" } } ], "superclass": { "name": "OrElement", "package": "@openremote/or-element" }, "tagName": "or-edit-asset-panel", "customElement": true, "modulePath": "src/or-edit-asset-panel.ts", "definitionPath": "src/or-edit-asset-panel.ts" } ], "exports": [ { "kind": "js", "name": "OrEditAssetModifiedEvent", "declaration": { "name": "OrEditAssetModifiedEvent", "module": "src/or-edit-asset-panel.ts" } }, { "kind": "js", "name": "OrEditAssetPanel", "declaration": { "name": "OrEditAssetPanel", "module": "src/or-edit-asset-panel.ts" } }, { "kind": "custom-element-definition", "name": "or-edit-asset-panel", "declaration": { "name": "OrEditAssetPanel", "module": "src/or-edit-asset-panel.ts" } } ] }, { "kind": "javascript-module", "path": "src/style.ts", "declarations": [ { "kind": "variable", "name": "panelStyles", "default": "css` .panelContainer { flex: 1 1 50%; box-sizing: border-box; min-width: 400px; padding: 0 5px; } .panel { background-color: var(--internal-or-asset-viewer-panel-color); border: 1px solid #e5e5e5; border-radius: 5px; position: relative; margin: 0 0 10px 0; } .panel-content-wrapper { padding: var(--internal-or-asset-viewer-panel-padding); } .panel-content > :first-child { margin-top: 0; } .panel-content > :last-child { margin-bottom: 0; } .panel-content { display: flex; flex-wrap: wrap; } .panel-title { font-size: 18px; font-weight: bold; color: var(--internal-or-asset-viewer-title-text-color); margin-bottom: 20px; flex: 0 0 auto; } .field { margin: 10px 0; width: 100%; flex: 0 0 auto; } .field > * { width: 100%; box-sizing: border-box; } @media screen and (max-width: 767px) { .panel { border-radius: 0; border-right: none; border-left: none; flex-basis: 100%; min-width: 360px; } } #linkedUsers-panel { min-height: 200px; } `" }, { "kind": "variable", "name": "style", "default": "css` :host { --internal-or-asset-viewer-background-color: var( --or-asset-viewer-background-color, var(--or-app-color2, ${unsafeCSS(DefaultColor2)}) ); --internal-or-asset-viewer-panel-margin: var(--or-asset-viewer-panel-margin, 20px); --internal-or-asset-viewer-panel-padding: var(--or-asset-viewer-panel-padding, 24px); --internal-or-asset-viewer-text-color: var( --or-asset-viewer-text-color, var(--or-app-color3, ${unsafeCSS(DefaultColor3)}) ); --internal-or-asset-viewer-title-text-color: var( --or-asset-viewer-title-text-color, var(--or-app-color3, ${unsafeCSS(DefaultColor3)}) ); --internal-or-asset-viewer-panel-color: var( --or-asset-viewer-panel-color, var(--or-app-color1, ${unsafeCSS(DefaultColor1)}) ); --internal-or-asset-viewer-line-color: var( --or-asset-viewer-line-color, var(--or-app-color5, ${unsafeCSS(DefaultColor5)}) ); --internal-or-asset-viewer-button-color: var( --or-asset-viewer-button-color, var(--or-app-color4, ${unsafeCSS(DefaultColor4)}) ); --internal-or-asset-viewer-error-color: var( --or-asset-viewer-error-color, var(--or-app-color6, ${unsafeCSS(DefaultColor6)}) ); --internal-or-header-height: var(--or-header-height, ${unsafeCSS(DefaultHeaderHeight)}); height: 100%; width: 100%; background-color: var(--internal-or-asset-viewer-background-color); } *[hidden] { display: none; } #wrapper { height: 100%; width: 100%; display: flex; flex-direction: column; } #wrapper.saving { opacity: 0.5; pointer-events: none; } #view-container, #edit-container { flex: 0 1 auto; overflow: auto; } #view-container { flex: 1; margin-top: 0; box-sizing: border-box; display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; padding: 0 15px 15px; -webkit-animation: fadein 0.3s; /* Safari, Chrome and Opera > 12.1 */ -moz-animation: fadein 0.3s; /* Firefox < 16 */ -ms-animation: fadein 0.3s; /* Internet Explorer */ -o-animation: fadein 0.3s; /* Opera < 12.1 */ animation: fadein 0.3s; } #edit-container { padding: 10px 20px 0; } #name-input { width: 300px; } @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Firefox < 16 */ @-moz-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Safari, Chrome and Opera > 12.1 */ @-webkit-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Internet Explorer */ @-ms-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Opera < 12.1 */ @-o-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } #asset-header { padding: 20px 30px 15px; display: flex; flex: 0 0 auto; align-items: center; justify-content: space-between; z-index: 1; transition: box-shadow 0.2s; box-shadow: none; } #asset-header.editmode { padding: 14px 30px; background-color: var(--internal-or-asset-viewer-panel-color); border-bottom: solid 1px #e5e5e5; } #asset-header.scrolled { box-shadow: rgb(0 0 0 / 15%) 0 0 5px 0; } #title { flex: 1 1 auto; font-size: 18px; font-weight: bold; display: flex; flex-direction: row; align-items: center; color: var(--internal-or-asset-viewer-title-text-color); } #title > or-icon { margin-right: 10px; } #error-wrapper { color: var(--internal-or-asset-viewer-error-color); } #error-wrapper > * { vertical-align: middle; } #error-wrapper or-translate { margin-left: 5px; } #created-time { font-size: 12px; } #right-wrapper { flex: 1 1 auto; text-align: right; } #edit-wrapper { flex: 0 0 auto; } #edit-wrapper > or-translate { margin-right: 10px; } #save-btn { margin-left: 20px; } #edit-btn { margin-left: 15px; } #location-panel .panel-content { height: 100%; } #history-panel .panel-content { position: relative; } .msg { display: flex; justify-content: center; align-items: center; text-align: center; height: 100%; } .back-navigation { display: none; cursor: pointer; } #fileupload, #discovery { display: flex; align-items: end; width: 100%; margin-bottom: 10px; gap: 10px; } .hidden { display: none; } @media screen and (max-width: 767px) { #wrapper { position: absolute; left: 0; right: 0; } .back-navigation { display: block; } .mobileHidden { display: none; } #asset-header { padding: 15px 15px 15px; } #name-input { width: auto; } #view-container { padding: 0; } #edit-container { padding: 10px 0; } .panelContainer { min-width: 360px; padding: 0; } } @media screen and (max-width: 1130px) { #name-input { width: 150px; } .tabletHidden { display: none; } #view-container { flex-direction: column; flex-wrap: nowrap; } .panelContainer { flex: 0 1 auto; } } `" } ], "exports": [ { "kind": "js", "name": "panelStyles", "declaration": { "name": "panelStyles", "module": "src/style.ts" } }, { "kind": "js", "name": "style", "declaration": { "name": "style", "module": "src/style.ts" } } ] } ] }