@oicl/openbridge-webcomponents 2.0.0-next.63 → 2.0.0-next.65
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundle/openbridge-webcomponents.bundle.js +392 -381
- package/bundle/openbridge-webcomponents.bundle.js.map +1 -1
- package/custom-elements.json +57 -199
- package/dist/alert-severity.d.ts.map +1 -1
- package/dist/alert-severity.js +37 -35
- package/dist/alert-severity.js.map +1 -1
- package/dist/ar/building-blocks/poi-header/poi-header.css.js +15 -15
- package/dist/ar/building-blocks/poi-header/poi-header.d.ts +6 -6
- package/dist/ar/building-blocks/poi-header/poi-header.d.ts.map +1 -1
- package/dist/ar/building-blocks/poi-header/poi-header.js +5 -5
- package/dist/ar/building-blocks/poi-header/poi-header.js.map +1 -1
- package/dist/ar/poi-button/poi-button.css.js +31 -30
- package/dist/ar/poi-button/poi-button.css.js.map +1 -1
- package/dist/ar/poi-button/poi-button.d.ts +6 -6
- package/dist/ar/poi-button/poi-button.d.ts.map +1 -1
- package/dist/ar/poi-button/poi-button.js +15 -15
- package/dist/ar/poi-button/poi-button.js.map +1 -1
- package/dist/ar/types.d.ts +5 -5
- package/dist/ar/types.d.ts.map +1 -1
- package/dist/ar/types.js +5 -5
- package/dist/ar/types.js.map +1 -1
- package/dist/automation/automation-badge/automation-badge.d.ts +7 -7
- package/dist/automation/automation-badge/automation-badge.d.ts.map +1 -1
- package/dist/automation/automation-badge/automation-badge.js +29 -29
- package/dist/automation/automation-badge/automation-badge.js.map +1 -1
- package/dist/automation/automation-button/abstract-automation-button.d.ts +5 -5
- package/dist/automation/automation-button/abstract-automation-button.d.ts.map +1 -1
- package/dist/automation/automation-button/abstract-automation-button.js +15 -15
- package/dist/automation/automation-button/abstract-automation-button.js.map +1 -1
- package/dist/automation/automation-tank/automation-tank.js +10 -10
- package/dist/automation/automation-tank/automation-tank.js.map +1 -1
- package/dist/components/accordion-card/accordion-card.css.js +5 -5
- package/dist/components/alert-button/alert-button.css.js +128 -128
- package/dist/components/alert-frame/alert-frame.css.js +6 -6
- package/dist/components/alert-frame/alert-frame.d.ts +4 -4
- package/dist/components/alert-frame/alert-frame.js.map +1 -1
- package/dist/components/alert-icon/alert-icon.js +4 -4
- package/dist/components/alert-icon/alert-icon.js.map +1 -1
- package/dist/components/badge/badge.css.js +10 -10
- package/dist/components/badge/badge.d.ts +13 -13
- package/dist/components/badge/badge.d.ts.map +1 -1
- package/dist/components/badge/badge.js +10 -10
- package/dist/components/badge/badge.js.map +1 -1
- package/dist/components/navigation-item/navigation-item.d.ts +7 -7
- package/dist/components/navigation-item/navigation-item.d.ts.map +1 -1
- package/dist/components/navigation-item/navigation-item.js +3 -15
- package/dist/components/navigation-item/navigation-item.js.map +1 -1
- package/dist/components/navigation-item-group/navigation-item-group.d.ts +8 -7
- package/dist/components/navigation-item-group/navigation-item-group.d.ts.map +1 -1
- package/dist/components/navigation-item-group/navigation-item-group.js +3 -15
- package/dist/components/navigation-item-group/navigation-item-group.js.map +1 -1
- package/dist/components/navigation-menu/navigation-menu.d.ts +2 -2
- package/dist/components/navigation-menu/navigation-menu.js.map +1 -1
- package/dist/components/tree-navigation-group/tree-navigation-group.d.ts +10 -10
- package/dist/components/tree-navigation-group/tree-navigation-group.d.ts.map +1 -1
- package/dist/components/tree-navigation-group/tree-navigation-group.js +3 -15
- package/dist/components/tree-navigation-group/tree-navigation-group.js.map +1 -1
- package/dist/components/tree-navigation-item/tree-navigation-item.css.js +13 -0
- package/dist/components/tree-navigation-item/tree-navigation-item.css.js.map +1 -1
- package/dist/components/tree-navigation-item/tree-navigation-item.d.ts +59 -8
- package/dist/components/tree-navigation-item/tree-navigation-item.d.ts.map +1 -1
- package/dist/components/tree-navigation-item/tree-navigation-item.js +46 -17
- package/dist/components/tree-navigation-item/tree-navigation-item.js.map +1 -1
- package/dist/manual-icon/icon-alerts-critical-twotone.d.ts +1 -1
- package/dist/manual-icon/icon-alerts-critical-twotone.js.map +1 -1
- package/dist/manual-icon/icon-alerts-diagnostic-twotone.d.ts +1 -1
- package/dist/manual-icon/icon-alerts-diagnostic-twotone.js.map +1 -1
- package/dist/types.d.ts +5 -5
- package/dist/types.d.ts.map +1 -1
- package/dist/types.js +11 -11
- package/dist/types.js.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"poi-button.d.ts","sourceRoot":"","sources":["../../../src/ar/poi-button/poi-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAQ,OAAO,EAAY,MAAM,KAAK,CAAC;AAKzD,OAAO,6CAA6C,CAAC;AAKrD,OAAO,EACL,iBAAiB,EAEjB,gBAAgB,EACjB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EACL,yBAAyB,EACzB,wBAAwB,EACzB,MAAM,+DAA+D,CAAC;AACvE,OAAO,+DAA+D,CAAC;AAEvE,oBAAY,gBAAgB;IAC1B,MAAM,WAAW;IACjB,QAAQ,aAAa;CACtB;AAED,oBAAY,kBAAkB;IAC5B,QAAQ,aAAa;IACrB,MAAM,WAAW;CAClB;AAED,oBAAY,iBAAiB;IAC3B,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,
|
|
1
|
+
{"version":3,"file":"poi-button.d.ts","sourceRoot":"","sources":["../../../src/ar/poi-button/poi-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAQ,OAAO,EAAY,MAAM,KAAK,CAAC;AAKzD,OAAO,6CAA6C,CAAC;AAKrD,OAAO,EACL,iBAAiB,EAEjB,gBAAgB,EACjB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EACL,yBAAyB,EACzB,wBAAwB,EACzB,MAAM,+DAA+D,CAAC;AACvE,OAAO,+DAA+D,CAAC;AAEvE,oBAAY,gBAAgB;IAC1B,MAAM,WAAW;IACjB,QAAQ,aAAa;CACtB;AAED,oBAAY,kBAAkB;IAC5B,QAAQ,aAAa;IACrB,MAAM,WAAW;CAClB;AAED,oBAAY,iBAAiB;IAC3B,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,aAAa,mBAAmB;IAChC,SAAS,eAAe;IACxB,WAAW,iBAAiB;IAC5B,QAAQ,cAAc;IACtB,eAAe,qBAAqB;CACrC;AAED,oBAAY,oBAAoB;IAC9B,SAAS,cAAc;IACvB,OAAO,YAAY;IACnB,SAAS,cAAc;IACvB,UAAU,eAAe;CAC1B;AASD,wBAAgB,+BAA+B,CAC7C,UAAU,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EACrC,WAAW,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EACtC,uBAAuB,GAAE,MAA+C,GACvE,gBAAgB,CAgBlB;AAED,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmDG;AACH,qBACa,YAAa,SAAQ,UAAU;IAChB,iBAAiB,SAAK;IACrB,QAAQ,UAAS;IAClB,MAAM,EAAE,kBAAkB,CACtB;IAE9B,SAAS,UAAS;IAElB,KAAK,EAAE,iBAAiB,CAA6B;IAErD,KAAK,EAAE,oBAAoB,CAAkC;IAE7D,aAAa,UAAS;IACI,IAAI,mBAA2B;IAC9B,eAAe,UAAS;IACR,IAAI,EAAE,oBAAoB,EAAE,CAAM;IAClD,WAAW,UAAS;IACQ,aAAa,SAAM;IAC1E,OAAO,CAAC,qBAAqB,CAAC,CAAmB;IAExC,iBAAiB;IAKjB,oBAAoB;IAM7B,OAAO,CAAC,0BAA0B;IA0BlC,IAAI,OAAO,IAAI,OAAO,CAErB;IAED,OAAO,KAAK,gBAAgB,GAK3B;IAED,OAAO,KAAK,mBAAmB,GAsB9B;IAED,OAAO,KAAK,gBAAgB,GAE3B;IAED,OAAO,KAAK,yBAAyB,GAEpC;IAED,OAAO,CAAC,sBAAsB;IA2B9B,OAAO,CAAC,sBAAsB,CAE5B;cAEiB,OAAO,CAAC,kBAAkB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAInE,SAAS,CAAC,YAAY;IAwBtB,SAAS,KAAK,aAAa,IAAI,gBAAgB,CAI9C;IAED,SAAS,KAAK,cAAc,IAAI,iBAAiB,CAuBhD;IAEQ,MAAM;IAOf,SAAS,CAAC,eAAe;IAmBzB,SAAS,CAAC,YAAY;IAwBtB,SAAS,CAAC,cAAc;IA4CxB,SAAS,KAAK,kBAAkB,IAAI,wBAAwB,CAI3D;IAED,SAAS,KAAK,mBAAmB,IAAI,yBAAyB,CAI7D;IAED,SAAS,CAAC,oBAAoB;IAc9B,OAAgB,MAAM,0BAA2B;CAClD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,YAAY,CAAC;KAChC;CACF"}
|
|
@@ -31,11 +31,11 @@ var ObcPoiButtonState = /* @__PURE__ */ ((ObcPoiButtonState2) => {
|
|
|
31
31
|
ObcPoiButtonState2["Caution"] = "caution";
|
|
32
32
|
ObcPoiButtonState2["Warning"] = "warning";
|
|
33
33
|
ObcPoiButtonState2["Alarm"] = "alarm";
|
|
34
|
-
ObcPoiButtonState2["
|
|
35
|
-
ObcPoiButtonState2["
|
|
36
|
-
ObcPoiButtonState2["
|
|
37
|
-
ObcPoiButtonState2["
|
|
38
|
-
ObcPoiButtonState2["
|
|
34
|
+
ObcPoiButtonState2["LevelCritical"] = "level-critical";
|
|
35
|
+
ObcPoiButtonState2["LevelHigh"] = "level-high";
|
|
36
|
+
ObcPoiButtonState2["LevelMedium"] = "level-medium";
|
|
37
|
+
ObcPoiButtonState2["LevelLow"] = "level-low";
|
|
38
|
+
ObcPoiButtonState2["LevelDiagnostic"] = "level-diagnostic";
|
|
39
39
|
return ObcPoiButtonState2;
|
|
40
40
|
})(ObcPoiButtonState || {});
|
|
41
41
|
var PoiButtonVisualState = /* @__PURE__ */ ((PoiButtonVisualState2) => {
|
|
@@ -123,16 +123,16 @@ let ObcPoiButton = class extends LitElement {
|
|
|
123
123
|
return ObcPoiHeaderState.Warning;
|
|
124
124
|
case "alarm":
|
|
125
125
|
return ObcPoiHeaderState.Alarm;
|
|
126
|
-
case "
|
|
127
|
-
return ObcPoiHeaderState.
|
|
128
|
-
case "
|
|
129
|
-
return ObcPoiHeaderState.
|
|
130
|
-
case "
|
|
131
|
-
return ObcPoiHeaderState.
|
|
132
|
-
case "
|
|
133
|
-
return ObcPoiHeaderState.
|
|
134
|
-
case "
|
|
135
|
-
return ObcPoiHeaderState.
|
|
126
|
+
case "level-critical":
|
|
127
|
+
return ObcPoiHeaderState.LevelCritical;
|
|
128
|
+
case "level-high":
|
|
129
|
+
return ObcPoiHeaderState.LevelHigh;
|
|
130
|
+
case "level-medium":
|
|
131
|
+
return ObcPoiHeaderState.LevelMedium;
|
|
132
|
+
case "level-low":
|
|
133
|
+
return ObcPoiHeaderState.LevelLow;
|
|
134
|
+
case "level-diagnostic":
|
|
135
|
+
return ObcPoiHeaderState.LevelDiagnostic;
|
|
136
136
|
case "enabled":
|
|
137
137
|
default:
|
|
138
138
|
return ObcPoiHeaderState.Selected;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"poi-button.js","sources":["../../../src/ar/poi-button/poi-button.ts"],"sourcesContent":["import {LitElement, html, nothing, unsafeCSS} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport compentStyle from './poi-button.css?inline';\nimport {classMap} from 'lit/directives/class-map.js';\nimport {customElement} from '../../decorator.js';\nimport '../building-blocks/poi-header/poi-header.js';\nimport {\n ObcPoiHeaderType,\n ObcPoiHeaderState,\n} from '../building-blocks/poi-header/poi-header.js';\nimport {\n ObcPoiObjectState,\n ObcPoiObjectStyle,\n ObcPoiObjectType,\n} from '../poi-object/poi-object.js';\nimport {\n ObcPoiSelectionFrameState,\n ObcPoiSelectionFrameType,\n} from '../building-blocks/poi-selection-frame/poi-selection-frame.js';\nimport '../building-blocks/poi-selection-frame/poi-selection-frame.js';\n\nexport enum ObcPoiButtonType {\n Button = 'button',\n Enhanced = 'enhanced',\n}\n\nexport enum ObcPoiButtonLayout {\n Anchored = 'anchored',\n Inline = 'inline',\n}\n\nexport enum ObcPoiButtonState {\n Enabled = 'enabled',\n Caution = 'caution',\n Warning = 'warning',\n Alarm = 'alarm',\n IsaCritical = 'isa-critical',\n IsaHigh = 'isa-high',\n IsaMedium = 'isa-medium',\n IsaLow = 'isa-low',\n IsaDiagnostic = 'isa-diagnostic',\n}\n\nexport enum PoiButtonVisualState {\n Unchecked = 'unchecked',\n Checked = 'checked',\n Activated = 'activated',\n Overlapped = 'overlapped',\n}\n\nconst BUTTON_TOUCH_TARGET_PX = 48;\nconst ENHANCED_TOUCH_TARGET_PX = 64;\nconst DEFAULT_ENHANCED_BOX_AREA_THRESHOLD_PX =\n (BUTTON_TOUCH_TARGET_PX * BUTTON_TOUCH_TARGET_PX +\n ENHANCED_TOUCH_TARGET_PX * ENHANCED_TOUCH_TARGET_PX) /\n 2;\n\nexport function resolvePoiButtonTypeFromBoxSize(\n boxWidthPx: number | null | undefined,\n boxHeightPx: number | null | undefined,\n enhancedAreaThresholdPx: number = DEFAULT_ENHANCED_BOX_AREA_THRESHOLD_PX\n): ObcPoiButtonType {\n const width = Number(boxWidthPx);\n const height = Number(boxHeightPx);\n if (\n !Number.isFinite(width) ||\n !Number.isFinite(height) ||\n width <= 0 ||\n height <= 0\n ) {\n return ObcPoiButtonType.Button;\n }\n\n const area = width * height;\n return area >= enhancedAreaThresholdPx\n ? ObcPoiButtonType.Enhanced\n : ObcPoiButtonType.Button;\n}\n\nexport interface ObcPoiButtonDataItem {\n value: string;\n label: string;\n unit: string;\n}\n\n/**\n * `<obc-poi-button>` - Marker button component that renders an icon target with optional header and data rows.\n *\n * ## Overview\n * Use this component when you need a button-style marker that can show stateful framing and optional metric rows.\n * Keywords/synonyms: marker button, target button, icon target, POI button.\n *\n * ## Features/Variants\n * - `type` (default `button`): `button` or `enhanced` size.\n * - `layout` (default `anchored`): `anchored` or `inline`.\n * - `value` (default `unchecked`): `unchecked`, `checked`, `activated`, `overlapped`.\n * - `overlapOpaque` (default `false`): controls overlapped opacity mode (`false` = translucent, `true` = opaque).\n * - `state` (default `enabled`): `enabled`, `caution`, `warning`, `alarm`, `isa-critical`, `isa-high`, `isa-medium`, `isa-low`, `isa-diagnostic`.\n * - `selected` (default `false`): shows selection frame in anchored layout.\n * - `relativeDirection` (default `0`): rotates default-slot icon content in degrees.\n * - `data` (default `[]`): when non-empty, renders value/label/unit rows.\n * - `hasHeader` + `header` slot: renders a header area and syncs slotted `obc-poi-header` state.\n * - `hasRelation` (default `false`): enables optional relation content in data mode.\n * - `inExpandedGroup` (default `false`): applies `expanded` CSS class.\n * - TODO(designer): Confirm intended UX semantics for `inExpandedGroup` beyond styling.\n *\n * ## Usage Guidelines\n * - Use `layout=\"anchored\"` for standalone marker buttons.\n * - Use `layout=\"inline\"` when this component is embedded in a larger marker composition.\n * - Provide `data` for metric display variants.\n * - Enable `hasRelation` only when relation slot content is provided.\n *\n * ## Slots/Content\n * - Default slot: Icon/content rendered inside `obc-poi-object`.\n * - `header`: Optional header content rendered above the marker body.\n * - `relation`: Optional relation icon/content rendered when `hasRelation` is true in data mode.\n *\n * ## Events\n * This component does not emit custom events.\n * Native `click` is available from the internal `<button>`.\n *\n * ## Best Practices\n * - Keep `value`, `state`, and `selected` synchronized to avoid conflicting visual states.\n * - Prefer enum values for `type`, `layout`, `state`, and `value`.\n *\n * ## Example\n * ```html\n * <obc-poi-button type=\"button\" layout=\"anchored\" value=\"checked\" selected>\n * <obi-placeholder></obi-placeholder>\n * <obc-poi-header slot=\"header\" content=\"1\"></obc-poi-header>\n * </obc-poi-button>\n * ```\n *\n * @slot - Icon/content rendered inside `obc-poi-object`.\n * @slot header - Optional header content rendered above the marker body.\n * @slot relation - Optional relation icon/content in data mode when `hasRelation` is true.\n */\n@customElement('obc-poi-button')\nexport class ObcPoiButton extends LitElement {\n @property({type: Number}) relativeDirection = 0;\n @property({type: Boolean}) selected = false;\n @property({type: String}) layout: ObcPoiButtonLayout =\n ObcPoiButtonLayout.Anchored;\n @property({type: Boolean})\n hasHeader = false;\n @property({type: String})\n state: ObcPoiButtonState = ObcPoiButtonState.Enabled;\n @property({type: String})\n value: PoiButtonVisualState = PoiButtonVisualState.Unchecked;\n @property({type: Boolean})\n overlapOpaque = false;\n @property({type: String}) type = ObcPoiButtonType.Button;\n @property({type: Boolean}) inExpandedGroup = false;\n @property({type: Array, attribute: false}) data: ObcPoiButtonDataItem[] = [];\n @property({type: Boolean}) hasRelation = false;\n @property({type: String, attribute: 'header-content'}) headerContent = '';\n private headerContentObserver?: MutationObserver;\n\n override connectedCallback() {\n super.connectedCallback();\n this.setupHeaderContentObserver();\n }\n\n override disconnectedCallback() {\n super.disconnectedCallback();\n this.headerContentObserver?.disconnect();\n this.headerContentObserver = undefined;\n }\n\n private setupHeaderContentObserver() {\n this.headerContentObserver?.disconnect();\n this.headerContentObserver = new MutationObserver((mutations) => {\n for (const mutation of mutations) {\n if (mutation.type === 'childList') {\n this.requestUpdate();\n return;\n }\n if (\n mutation.type === 'attributes' &&\n mutation.target instanceof HTMLElement &&\n mutation.target.getAttribute('slot') === 'header'\n ) {\n this.requestUpdate();\n return;\n }\n }\n });\n this.headerContentObserver.observe(this, {\n childList: true,\n subtree: true,\n attributes: true,\n attributeFilter: ['slot'],\n });\n }\n\n get hasData(): boolean {\n return this.data.length > 0;\n }\n\n private get alertClassSuffix(): string {\n if (this.state === ObcPoiButtonState.Enabled) {\n return 'none';\n }\n return this.state;\n }\n\n private get resolvedHeaderState(): ObcPoiHeaderState {\n switch (this.state) {\n case ObcPoiButtonState.Caution:\n return ObcPoiHeaderState.Caution;\n case ObcPoiButtonState.Warning:\n return ObcPoiHeaderState.Warning;\n case ObcPoiButtonState.Alarm:\n return ObcPoiHeaderState.Alarm;\n case ObcPoiButtonState.IsaCritical:\n return ObcPoiHeaderState.IsaCritical;\n case ObcPoiButtonState.IsaHigh:\n return ObcPoiHeaderState.IsaHigh;\n case ObcPoiButtonState.IsaMedium:\n return ObcPoiHeaderState.IsaMedium;\n case ObcPoiButtonState.IsaLow:\n return ObcPoiHeaderState.IsaLow;\n case ObcPoiButtonState.IsaDiagnostic:\n return ObcPoiHeaderState.IsaDiagnostic;\n case ObcPoiButtonState.Enabled:\n default:\n return ObcPoiHeaderState.Selected;\n }\n }\n\n private get hasHeaderContent(): boolean {\n return this.querySelector('[slot=\"header\"]') !== null;\n }\n\n private get hasGeneratedHeaderContent(): boolean {\n return this.headerContent.trim().length > 0;\n }\n\n private syncSlottedHeaderState() {\n const headerSlot = this.renderRoot.querySelector(\n 'slot[name=\"header\"]'\n ) as HTMLSlotElement | null;\n if (!headerSlot) {\n return;\n }\n\n const state = this.resolvedHeaderState;\n const assigned = headerSlot.assignedElements({flatten: true});\n const headers = new Set<HTMLElement>();\n\n for (const element of assigned) {\n if (element.matches('obc-poi-header')) {\n headers.add(element as HTMLElement);\n }\n for (const nested of element.querySelectorAll('obc-poi-header')) {\n headers.add(nested as HTMLElement);\n }\n }\n\n for (const header of headers) {\n (header as {state?: string}).state = state;\n header.setAttribute('state', state);\n }\n }\n\n private handleHeaderSlotChange = () => {\n this.syncSlottedHeaderState();\n };\n\n protected override updated(_changedProperties: Map<string, unknown>) {\n this.syncSlottedHeaderState();\n }\n\n protected renderHeader() {\n if (\n !this.hasHeader ||\n (!this.hasHeaderContent && !this.hasGeneratedHeaderContent)\n ) {\n return nothing;\n }\n\n return html`\n <div class=\"id-label\">\n ${this.hasHeaderContent\n ? html`<slot\n name=\"header\"\n @slotchange=${this.handleHeaderSlotChange}\n ></slot>`\n : html`<obc-poi-header\n .content=${this.headerContent}\n .state=${this.resolvedHeaderState}\n .type=${ObcPoiHeaderType.Id}\n ></obc-poi-header>`}\n </div>\n `;\n }\n\n protected get poiObjectType(): ObcPoiObjectType {\n return this.type === ObcPoiButtonType.Enhanced\n ? ObcPoiObjectType.Large\n : ObcPoiObjectType.Regular;\n }\n\n protected get poiObjectState(): ObcPoiObjectState {\n if (this.value === PoiButtonVisualState.Overlapped) {\n return ObcPoiObjectState.Overlapped;\n }\n\n if (this.hasData) {\n if (this.value === PoiButtonVisualState.Activated) {\n return ObcPoiObjectState.Activated;\n }\n if (this.value === PoiButtonVisualState.Checked) {\n return ObcPoiObjectState.StaticChecked;\n }\n return ObcPoiObjectState.StaticUnchecked;\n }\n\n if (this.value === PoiButtonVisualState.Activated) {\n return ObcPoiObjectState.Activated;\n }\n if (this.value === PoiButtonVisualState.Checked) {\n return ObcPoiObjectState.Checked;\n }\n\n return ObcPoiObjectState.Unchecked;\n }\n\n override render() {\n if (this.hasData) {\n return this.renderWithData();\n }\n return this.renderButton();\n }\n\n protected renderPoiObject() {\n return html`\n <obc-poi-object\n class=\"poi-object\"\n .type=${this.poiObjectType}\n .objectStyle=${ObcPoiObjectStyle.Regular}\n .state=${this.poiObjectState}\n .interactive=${false}\n >\n <span\n class=\"icon\"\n style=\"transform: rotate(${this.relativeDirection}deg);\"\n >\n <slot></slot>\n </span>\n </obc-poi-object>\n `;\n }\n\n protected renderButton() {\n return html`\n <button\n type=\"button\"\n class=${classMap({\n wrapper: true,\n selected: this.selected,\n [`alert-${this.alertClassSuffix}`]: true,\n [`type-${this.type}`]: true,\n [`value-${this.value}`]: true,\n [`layout-${this.layout}`]: true,\n 'overlap-opaque': this.overlapOpaque,\n expanded: this.inExpandedGroup,\n })}\n >\n ${this.renderHeader()}\n <div class=\"button-wrapper\">\n ${this.renderSelectionFrame()} ${this.renderPoiObject()}\n <div class=\"alert-ring\"></div>\n </div>\n </button>\n `;\n }\n\n protected renderWithData() {\n return html`\n <button\n type=\"button\"\n class=${classMap({\n wrapper: true,\n 'has-data': true,\n selected: this.selected,\n 'has-header':\n this.hasHeader &&\n (this.hasHeaderContent || this.hasGeneratedHeaderContent),\n [`alert-${this.alertClassSuffix}`]: true,\n [`type-${this.type}`]: true,\n [`value-${this.value}`]: true,\n [`layout-${this.layout}`]: true,\n 'overlap-opaque': this.overlapOpaque,\n expanded: this.inExpandedGroup,\n })}\n >\n <div class=\"visible-wrapper\"></div>\n ${this.renderHeader()}\n <div class=\"data-wrapper\">\n ${this.data.map(\n (item) =>\n html`<div class=\"data\">\n <div class=\"value\">${item.value}</div>\n <div class=\"label\">${item.label}</div>\n <div class=\"unit\">${item.unit}</div>\n </div>`\n )}\n </div>\n <div class=\"button-wrapper\">\n ${this.renderSelectionFrame()} ${this.renderPoiObject()}\n </div>\n ${this.hasRelation\n ? html`<div class=\"relation-wrapper\" part=\"relation-wrapper\">\n <slot name=\"relation\" class=\"relation\" part=\"relation\"></slot>\n </div>`\n : nothing}\n <div class=\"alert-ring\"></div>\n </button>\n `;\n }\n\n protected get selectionFrameType(): ObcPoiSelectionFrameType {\n return this.type === ObcPoiButtonType.Enhanced\n ? ObcPoiSelectionFrameType.Enhanced\n : ObcPoiSelectionFrameType.Button;\n }\n\n protected get selectionFrameState(): ObcPoiSelectionFrameState {\n return this.state === ObcPoiButtonState.Enabled\n ? ObcPoiSelectionFrameState.Regular\n : ObcPoiSelectionFrameState.Alert;\n }\n\n protected renderSelectionFrame() {\n if (!this.selected || this.layout === ObcPoiButtonLayout.Inline) {\n return nothing;\n }\n\n return html`\n <obc-poi-selection-frame\n class=\"selection-frame\"\n .type=${this.selectionFrameType}\n .state=${this.selectionFrameState}\n ></obc-poi-selection-frame>\n `;\n }\n\n static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'obc-poi-button': ObcPoiButton;\n }\n}\n"],"names":["ObcPoiButtonType","ObcPoiButtonLayout","ObcPoiButtonState","PoiButtonVisualState"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"poi-button.js","sources":["../../../src/ar/poi-button/poi-button.ts"],"sourcesContent":["import {LitElement, html, nothing, unsafeCSS} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport compentStyle from './poi-button.css?inline';\nimport {classMap} from 'lit/directives/class-map.js';\nimport {customElement} from '../../decorator.js';\nimport '../building-blocks/poi-header/poi-header.js';\nimport {\n ObcPoiHeaderType,\n ObcPoiHeaderState,\n} from '../building-blocks/poi-header/poi-header.js';\nimport {\n ObcPoiObjectState,\n ObcPoiObjectStyle,\n ObcPoiObjectType,\n} from '../poi-object/poi-object.js';\nimport {\n ObcPoiSelectionFrameState,\n ObcPoiSelectionFrameType,\n} from '../building-blocks/poi-selection-frame/poi-selection-frame.js';\nimport '../building-blocks/poi-selection-frame/poi-selection-frame.js';\n\nexport enum ObcPoiButtonType {\n Button = 'button',\n Enhanced = 'enhanced',\n}\n\nexport enum ObcPoiButtonLayout {\n Anchored = 'anchored',\n Inline = 'inline',\n}\n\nexport enum ObcPoiButtonState {\n Enabled = 'enabled',\n Caution = 'caution',\n Warning = 'warning',\n Alarm = 'alarm',\n LevelCritical = 'level-critical',\n LevelHigh = 'level-high',\n LevelMedium = 'level-medium',\n LevelLow = 'level-low',\n LevelDiagnostic = 'level-diagnostic',\n}\n\nexport enum PoiButtonVisualState {\n Unchecked = 'unchecked',\n Checked = 'checked',\n Activated = 'activated',\n Overlapped = 'overlapped',\n}\n\nconst BUTTON_TOUCH_TARGET_PX = 48;\nconst ENHANCED_TOUCH_TARGET_PX = 64;\nconst DEFAULT_ENHANCED_BOX_AREA_THRESHOLD_PX =\n (BUTTON_TOUCH_TARGET_PX * BUTTON_TOUCH_TARGET_PX +\n ENHANCED_TOUCH_TARGET_PX * ENHANCED_TOUCH_TARGET_PX) /\n 2;\n\nexport function resolvePoiButtonTypeFromBoxSize(\n boxWidthPx: number | null | undefined,\n boxHeightPx: number | null | undefined,\n enhancedAreaThresholdPx: number = DEFAULT_ENHANCED_BOX_AREA_THRESHOLD_PX\n): ObcPoiButtonType {\n const width = Number(boxWidthPx);\n const height = Number(boxHeightPx);\n if (\n !Number.isFinite(width) ||\n !Number.isFinite(height) ||\n width <= 0 ||\n height <= 0\n ) {\n return ObcPoiButtonType.Button;\n }\n\n const area = width * height;\n return area >= enhancedAreaThresholdPx\n ? ObcPoiButtonType.Enhanced\n : ObcPoiButtonType.Button;\n}\n\nexport interface ObcPoiButtonDataItem {\n value: string;\n label: string;\n unit: string;\n}\n\n/**\n * `<obc-poi-button>` - Marker button component that renders an icon target with optional header and data rows.\n *\n * ## Overview\n * Use this component when you need a button-style marker that can show stateful framing and optional metric rows.\n * Keywords/synonyms: marker button, target button, icon target, POI button.\n *\n * ## Features/Variants\n * - `type` (default `button`): `button` or `enhanced` size.\n * - `layout` (default `anchored`): `anchored` or `inline`.\n * - `value` (default `unchecked`): `unchecked`, `checked`, `activated`, `overlapped`.\n * - `overlapOpaque` (default `false`): controls overlapped opacity mode (`false` = translucent, `true` = opaque).\n * - `state` (default `enabled`): `enabled`, `caution`, `warning`, `alarm`, `level-critical`, `level-high`, `level-medium`, `level-low`, `level-diagnostic`.\n * - `selected` (default `false`): shows selection frame in anchored layout.\n * - `relativeDirection` (default `0`): rotates default-slot icon content in degrees.\n * - `data` (default `[]`): when non-empty, renders value/label/unit rows.\n * - `hasHeader` + `header` slot: renders a header area and syncs slotted `obc-poi-header` state.\n * - `hasRelation` (default `false`): enables optional relation content in data mode.\n * - `inExpandedGroup` (default `false`): applies `expanded` CSS class.\n * - TODO(designer): Confirm intended UX semantics for `inExpandedGroup` beyond styling.\n *\n * ## Usage Guidelines\n * - Use `layout=\"anchored\"` for standalone marker buttons.\n * - Use `layout=\"inline\"` when this component is embedded in a larger marker composition.\n * - Provide `data` for metric display variants.\n * - Enable `hasRelation` only when relation slot content is provided.\n *\n * ## Slots/Content\n * - Default slot: Icon/content rendered inside `obc-poi-object`.\n * - `header`: Optional header content rendered above the marker body.\n * - `relation`: Optional relation icon/content rendered when `hasRelation` is true in data mode.\n *\n * ## Events\n * This component does not emit custom events.\n * Native `click` is available from the internal `<button>`.\n *\n * ## Best Practices\n * - Keep `value`, `state`, and `selected` synchronized to avoid conflicting visual states.\n * - Prefer enum values for `type`, `layout`, `state`, and `value`.\n *\n * ## Example\n * ```html\n * <obc-poi-button type=\"button\" layout=\"anchored\" value=\"checked\" selected>\n * <obi-placeholder></obi-placeholder>\n * <obc-poi-header slot=\"header\" content=\"1\"></obc-poi-header>\n * </obc-poi-button>\n * ```\n *\n * @slot - Icon/content rendered inside `obc-poi-object`.\n * @slot header - Optional header content rendered above the marker body.\n * @slot relation - Optional relation icon/content in data mode when `hasRelation` is true.\n */\n@customElement('obc-poi-button')\nexport class ObcPoiButton extends LitElement {\n @property({type: Number}) relativeDirection = 0;\n @property({type: Boolean}) selected = false;\n @property({type: String}) layout: ObcPoiButtonLayout =\n ObcPoiButtonLayout.Anchored;\n @property({type: Boolean})\n hasHeader = false;\n @property({type: String})\n state: ObcPoiButtonState = ObcPoiButtonState.Enabled;\n @property({type: String})\n value: PoiButtonVisualState = PoiButtonVisualState.Unchecked;\n @property({type: Boolean})\n overlapOpaque = false;\n @property({type: String}) type = ObcPoiButtonType.Button;\n @property({type: Boolean}) inExpandedGroup = false;\n @property({type: Array, attribute: false}) data: ObcPoiButtonDataItem[] = [];\n @property({type: Boolean}) hasRelation = false;\n @property({type: String, attribute: 'header-content'}) headerContent = '';\n private headerContentObserver?: MutationObserver;\n\n override connectedCallback() {\n super.connectedCallback();\n this.setupHeaderContentObserver();\n }\n\n override disconnectedCallback() {\n super.disconnectedCallback();\n this.headerContentObserver?.disconnect();\n this.headerContentObserver = undefined;\n }\n\n private setupHeaderContentObserver() {\n this.headerContentObserver?.disconnect();\n this.headerContentObserver = new MutationObserver((mutations) => {\n for (const mutation of mutations) {\n if (mutation.type === 'childList') {\n this.requestUpdate();\n return;\n }\n if (\n mutation.type === 'attributes' &&\n mutation.target instanceof HTMLElement &&\n mutation.target.getAttribute('slot') === 'header'\n ) {\n this.requestUpdate();\n return;\n }\n }\n });\n this.headerContentObserver.observe(this, {\n childList: true,\n subtree: true,\n attributes: true,\n attributeFilter: ['slot'],\n });\n }\n\n get hasData(): boolean {\n return this.data.length > 0;\n }\n\n private get alertClassSuffix(): string {\n if (this.state === ObcPoiButtonState.Enabled) {\n return 'none';\n }\n return this.state;\n }\n\n private get resolvedHeaderState(): ObcPoiHeaderState {\n switch (this.state) {\n case ObcPoiButtonState.Caution:\n return ObcPoiHeaderState.Caution;\n case ObcPoiButtonState.Warning:\n return ObcPoiHeaderState.Warning;\n case ObcPoiButtonState.Alarm:\n return ObcPoiHeaderState.Alarm;\n case ObcPoiButtonState.LevelCritical:\n return ObcPoiHeaderState.LevelCritical;\n case ObcPoiButtonState.LevelHigh:\n return ObcPoiHeaderState.LevelHigh;\n case ObcPoiButtonState.LevelMedium:\n return ObcPoiHeaderState.LevelMedium;\n case ObcPoiButtonState.LevelLow:\n return ObcPoiHeaderState.LevelLow;\n case ObcPoiButtonState.LevelDiagnostic:\n return ObcPoiHeaderState.LevelDiagnostic;\n case ObcPoiButtonState.Enabled:\n default:\n return ObcPoiHeaderState.Selected;\n }\n }\n\n private get hasHeaderContent(): boolean {\n return this.querySelector('[slot=\"header\"]') !== null;\n }\n\n private get hasGeneratedHeaderContent(): boolean {\n return this.headerContent.trim().length > 0;\n }\n\n private syncSlottedHeaderState() {\n const headerSlot = this.renderRoot.querySelector(\n 'slot[name=\"header\"]'\n ) as HTMLSlotElement | null;\n if (!headerSlot) {\n return;\n }\n\n const state = this.resolvedHeaderState;\n const assigned = headerSlot.assignedElements({flatten: true});\n const headers = new Set<HTMLElement>();\n\n for (const element of assigned) {\n if (element.matches('obc-poi-header')) {\n headers.add(element as HTMLElement);\n }\n for (const nested of element.querySelectorAll('obc-poi-header')) {\n headers.add(nested as HTMLElement);\n }\n }\n\n for (const header of headers) {\n (header as {state?: string}).state = state;\n header.setAttribute('state', state);\n }\n }\n\n private handleHeaderSlotChange = () => {\n this.syncSlottedHeaderState();\n };\n\n protected override updated(_changedProperties: Map<string, unknown>) {\n this.syncSlottedHeaderState();\n }\n\n protected renderHeader() {\n if (\n !this.hasHeader ||\n (!this.hasHeaderContent && !this.hasGeneratedHeaderContent)\n ) {\n return nothing;\n }\n\n return html`\n <div class=\"id-label\">\n ${this.hasHeaderContent\n ? html`<slot\n name=\"header\"\n @slotchange=${this.handleHeaderSlotChange}\n ></slot>`\n : html`<obc-poi-header\n .content=${this.headerContent}\n .state=${this.resolvedHeaderState}\n .type=${ObcPoiHeaderType.Id}\n ></obc-poi-header>`}\n </div>\n `;\n }\n\n protected get poiObjectType(): ObcPoiObjectType {\n return this.type === ObcPoiButtonType.Enhanced\n ? ObcPoiObjectType.Large\n : ObcPoiObjectType.Regular;\n }\n\n protected get poiObjectState(): ObcPoiObjectState {\n if (this.value === PoiButtonVisualState.Overlapped) {\n return ObcPoiObjectState.Overlapped;\n }\n\n if (this.hasData) {\n if (this.value === PoiButtonVisualState.Activated) {\n return ObcPoiObjectState.Activated;\n }\n if (this.value === PoiButtonVisualState.Checked) {\n return ObcPoiObjectState.StaticChecked;\n }\n return ObcPoiObjectState.StaticUnchecked;\n }\n\n if (this.value === PoiButtonVisualState.Activated) {\n return ObcPoiObjectState.Activated;\n }\n if (this.value === PoiButtonVisualState.Checked) {\n return ObcPoiObjectState.Checked;\n }\n\n return ObcPoiObjectState.Unchecked;\n }\n\n override render() {\n if (this.hasData) {\n return this.renderWithData();\n }\n return this.renderButton();\n }\n\n protected renderPoiObject() {\n return html`\n <obc-poi-object\n class=\"poi-object\"\n .type=${this.poiObjectType}\n .objectStyle=${ObcPoiObjectStyle.Regular}\n .state=${this.poiObjectState}\n .interactive=${false}\n >\n <span\n class=\"icon\"\n style=\"transform: rotate(${this.relativeDirection}deg);\"\n >\n <slot></slot>\n </span>\n </obc-poi-object>\n `;\n }\n\n protected renderButton() {\n return html`\n <button\n type=\"button\"\n class=${classMap({\n wrapper: true,\n selected: this.selected,\n [`alert-${this.alertClassSuffix}`]: true,\n [`type-${this.type}`]: true,\n [`value-${this.value}`]: true,\n [`layout-${this.layout}`]: true,\n 'overlap-opaque': this.overlapOpaque,\n expanded: this.inExpandedGroup,\n })}\n >\n ${this.renderHeader()}\n <div class=\"button-wrapper\">\n ${this.renderSelectionFrame()} ${this.renderPoiObject()}\n <div class=\"alert-ring\"></div>\n </div>\n </button>\n `;\n }\n\n protected renderWithData() {\n return html`\n <button\n type=\"button\"\n class=${classMap({\n wrapper: true,\n 'has-data': true,\n selected: this.selected,\n 'has-header':\n this.hasHeader &&\n (this.hasHeaderContent || this.hasGeneratedHeaderContent),\n [`alert-${this.alertClassSuffix}`]: true,\n [`type-${this.type}`]: true,\n [`value-${this.value}`]: true,\n [`layout-${this.layout}`]: true,\n 'overlap-opaque': this.overlapOpaque,\n expanded: this.inExpandedGroup,\n })}\n >\n <div class=\"visible-wrapper\"></div>\n ${this.renderHeader()}\n <div class=\"data-wrapper\">\n ${this.data.map(\n (item) =>\n html`<div class=\"data\">\n <div class=\"value\">${item.value}</div>\n <div class=\"label\">${item.label}</div>\n <div class=\"unit\">${item.unit}</div>\n </div>`\n )}\n </div>\n <div class=\"button-wrapper\">\n ${this.renderSelectionFrame()} ${this.renderPoiObject()}\n </div>\n ${this.hasRelation\n ? html`<div class=\"relation-wrapper\" part=\"relation-wrapper\">\n <slot name=\"relation\" class=\"relation\" part=\"relation\"></slot>\n </div>`\n : nothing}\n <div class=\"alert-ring\"></div>\n </button>\n `;\n }\n\n protected get selectionFrameType(): ObcPoiSelectionFrameType {\n return this.type === ObcPoiButtonType.Enhanced\n ? ObcPoiSelectionFrameType.Enhanced\n : ObcPoiSelectionFrameType.Button;\n }\n\n protected get selectionFrameState(): ObcPoiSelectionFrameState {\n return this.state === ObcPoiButtonState.Enabled\n ? ObcPoiSelectionFrameState.Regular\n : ObcPoiSelectionFrameState.Alert;\n }\n\n protected renderSelectionFrame() {\n if (!this.selected || this.layout === ObcPoiButtonLayout.Inline) {\n return nothing;\n }\n\n return html`\n <obc-poi-selection-frame\n class=\"selection-frame\"\n .type=${this.selectionFrameType}\n .state=${this.selectionFrameState}\n ></obc-poi-selection-frame>\n `;\n }\n\n static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'obc-poi-button': ObcPoiButton;\n }\n}\n"],"names":["ObcPoiButtonType","ObcPoiButtonLayout","ObcPoiButtonState","PoiButtonVisualState"],"mappings":";;;;;;;;;;;;;;;;;;AAqBO,IAAK,qCAAAA,sBAAL;AACLA,oBAAA,QAAA,IAAS;AACTA,oBAAA,UAAA,IAAW;AAFD,SAAAA;AAAA,GAAA,oBAAA,CAAA,CAAA;AAKL,IAAK,uCAAAC,wBAAL;AACLA,sBAAA,UAAA,IAAW;AACXA,sBAAA,QAAA,IAAS;AAFC,SAAAA;AAAA,GAAA,sBAAA,CAAA,CAAA;AAKL,IAAK,sCAAAC,uBAAL;AACLA,qBAAA,SAAA,IAAU;AACVA,qBAAA,SAAA,IAAU;AACVA,qBAAA,SAAA,IAAU;AACVA,qBAAA,OAAA,IAAQ;AACRA,qBAAA,eAAA,IAAgB;AAChBA,qBAAA,WAAA,IAAY;AACZA,qBAAA,aAAA,IAAc;AACdA,qBAAA,UAAA,IAAW;AACXA,qBAAA,iBAAA,IAAkB;AATR,SAAAA;AAAA,GAAA,qBAAA,CAAA,CAAA;AAYL,IAAK,yCAAAC,0BAAL;AACLA,wBAAA,WAAA,IAAY;AACZA,wBAAA,SAAA,IAAU;AACVA,wBAAA,WAAA,IAAY;AACZA,wBAAA,YAAA,IAAa;AAJH,SAAAA;AAAA,GAAA,wBAAA,CAAA,CAAA;AAOZ,MAAM,yBAAyB;AAC/B,MAAM,2BAA2B;AACjC,MAAM,0CACH,yBAAyB,yBACxB,2BAA2B,4BAC7B;AAEK,SAAS,gCACd,YACA,aACA,0BAAkC,wCAChB;AAClB,QAAM,QAAQ,OAAO,UAAU;AAC/B,QAAM,SAAS,OAAO,WAAW;AACjC,MACE,CAAC,OAAO,SAAS,KAAK,KACtB,CAAC,OAAO,SAAS,MAAM,KACvB,SAAS,KACT,UAAU,GACV;AACA,WAAO;AAAA,EACT;AAEA,QAAM,OAAO,QAAQ;AACrB,SAAO,QAAQ,0BACX,aACA;AACN;AA6DO,IAAM,eAAN,cAA2B,WAAW;AAAA,EAAtC,cAAA;AAAA,UAAA,GAAA,SAAA;AACqB,SAAA,oBAAoB;AACnB,SAAA,WAAW;AACZ,SAAA,SACxB;AAEF,SAAA,YAAY;AAEZ,SAAA,QAA2B;AAE3B,SAAA,QAA8B;AAE9B,SAAA,gBAAgB;AACU,SAAA,OAAO;AACN,SAAA,kBAAkB;AACF,SAAA,OAA+B,CAAA;AAC/C,SAAA,cAAc;AACc,SAAA,gBAAgB;AA8GvE,SAAQ,yBAAyB,MAAM;AACrC,WAAK,uBAAA;AAAA,IACP;AAAA,EAAA;AAAA,EA7GS,oBAAoB;AAC3B,UAAM,kBAAA;AACN,SAAK,2BAAA;AAAA,EACP;AAAA,EAES,uBAAuB;AAC9B,UAAM,qBAAA;AACN,SAAK,uBAAuB,WAAA;AAC5B,SAAK,wBAAwB;AAAA,EAC/B;AAAA,EAEQ,6BAA6B;AACnC,SAAK,uBAAuB,WAAA;AAC5B,SAAK,wBAAwB,IAAI,iBAAiB,CAAC,cAAc;AAC/D,iBAAW,YAAY,WAAW;AAChC,YAAI,SAAS,SAAS,aAAa;AACjC,eAAK,cAAA;AACL;AAAA,QACF;AACA,YACE,SAAS,SAAS,gBAClB,SAAS,kBAAkB,eAC3B,SAAS,OAAO,aAAa,MAAM,MAAM,UACzC;AACA,eAAK,cAAA;AACL;AAAA,QACF;AAAA,MACF;AAAA,IACF,CAAC;AACD,SAAK,sBAAsB,QAAQ,MAAM;AAAA,MACvC,WAAW;AAAA,MACX,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,iBAAiB,CAAC,MAAM;AAAA,IAAA,CACzB;AAAA,EACH;AAAA,EAEA,IAAI,UAAmB;AACrB,WAAO,KAAK,KAAK,SAAS;AAAA,EAC5B;AAAA,EAEA,IAAY,mBAA2B;AACrC,QAAI,KAAK,UAAU,WAA2B;AAC5C,aAAO;AAAA,IACT;AACA,WAAO,KAAK;AAAA,EACd;AAAA,EAEA,IAAY,sBAAyC;AACnD,YAAQ,KAAK,OAAA;AAAA,MACX,KAAK;AACH,eAAO,kBAAkB;AAAA,MAC3B,KAAK;AACH,eAAO,kBAAkB;AAAA,MAC3B,KAAK;AACH,eAAO,kBAAkB;AAAA,MAC3B,KAAK;AACH,eAAO,kBAAkB;AAAA,MAC3B,KAAK;AACH,eAAO,kBAAkB;AAAA,MAC3B,KAAK;AACH,eAAO,kBAAkB;AAAA,MAC3B,KAAK;AACH,eAAO,kBAAkB;AAAA,MAC3B,KAAK;AACH,eAAO,kBAAkB;AAAA,MAC3B,KAAK;AAAA,MACL;AACE,eAAO,kBAAkB;AAAA,IAAA;AAAA,EAE/B;AAAA,EAEA,IAAY,mBAA4B;AACtC,WAAO,KAAK,cAAc,iBAAiB,MAAM;AAAA,EACnD;AAAA,EAEA,IAAY,4BAAqC;AAC/C,WAAO,KAAK,cAAc,KAAA,EAAO,SAAS;AAAA,EAC5C;AAAA,EAEQ,yBAAyB;AAC/B,UAAM,aAAa,KAAK,WAAW;AAAA,MACjC;AAAA,IAAA;AAEF,QAAI,CAAC,YAAY;AACf;AAAA,IACF;AAEA,UAAM,QAAQ,KAAK;AACnB,UAAM,WAAW,WAAW,iBAAiB,EAAC,SAAS,MAAK;AAC5D,UAAM,8BAAc,IAAA;AAEpB,eAAW,WAAW,UAAU;AAC9B,UAAI,QAAQ,QAAQ,gBAAgB,GAAG;AACrC,gBAAQ,IAAI,OAAsB;AAAA,MACpC;AACA,iBAAW,UAAU,QAAQ,iBAAiB,gBAAgB,GAAG;AAC/D,gBAAQ,IAAI,MAAqB;AAAA,MACnC;AAAA,IACF;AAEA,eAAW,UAAU,SAAS;AAC3B,aAA4B,QAAQ;AACrC,aAAO,aAAa,SAAS,KAAK;AAAA,IACpC;AAAA,EACF;AAAA,EAMmB,QAAQ,oBAA0C;AACnE,SAAK,uBAAA;AAAA,EACP;AAAA,EAEU,eAAe;AACvB,QACE,CAAC,KAAK,aACL,CAAC,KAAK,oBAAoB,CAAC,KAAK,2BACjC;AACA,aAAO;AAAA,IACT;AAEA,WAAO;AAAA;AAAA,UAED,KAAK,mBACH;AAAA;AAAA,4BAEgB,KAAK,sBAAsB;AAAA,wBAE3C;AAAA,yBACa,KAAK,aAAa;AAAA,uBACpB,KAAK,mBAAmB;AAAA,sBACzB,iBAAiB,EAAE;AAAA,+BACV;AAAA;AAAA;AAAA,EAG7B;AAAA,EAEA,IAAc,gBAAkC;AAC9C,WAAO,KAAK,SAAS,aACjB,iBAAiB,QACjB,iBAAiB;AAAA,EACvB;AAAA,EAEA,IAAc,iBAAoC;AAChD,QAAI,KAAK,UAAU,cAAiC;AAClD,aAAO,kBAAkB;AAAA,IAC3B;AAEA,QAAI,KAAK,SAAS;AAChB,UAAI,KAAK,UAAU,aAAgC;AACjD,eAAO,kBAAkB;AAAA,MAC3B;AACA,UAAI,KAAK,UAAU,WAA8B;AAC/C,eAAO,kBAAkB;AAAA,MAC3B;AACA,aAAO,kBAAkB;AAAA,IAC3B;AAEA,QAAI,KAAK,UAAU,aAAgC;AACjD,aAAO,kBAAkB;AAAA,IAC3B;AACA,QAAI,KAAK,UAAU,WAA8B;AAC/C,aAAO,kBAAkB;AAAA,IAC3B;AAEA,WAAO,kBAAkB;AAAA,EAC3B;AAAA,EAES,SAAS;AAChB,QAAI,KAAK,SAAS;AAChB,aAAO,KAAK,eAAA;AAAA,IACd;AACA,WAAO,KAAK,aAAA;AAAA,EACd;AAAA,EAEU,kBAAkB;AAC1B,WAAO;AAAA;AAAA;AAAA,gBAGK,KAAK,aAAa;AAAA,uBACX,kBAAkB,OAAO;AAAA,iBAC/B,KAAK,cAAc;AAAA,uBACb,KAAK;AAAA;AAAA;AAAA;AAAA,qCAIS,KAAK,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMzD;AAAA,EAEU,eAAe;AACvB,WAAO;AAAA;AAAA;AAAA,gBAGK,SAAS;AAAA,MACf,SAAS;AAAA,MACT,UAAU,KAAK;AAAA,MACf,CAAC,SAAS,KAAK,gBAAgB,EAAE,GAAG;AAAA,MACpC,CAAC,QAAQ,KAAK,IAAI,EAAE,GAAG;AAAA,MACvB,CAAC,SAAS,KAAK,KAAK,EAAE,GAAG;AAAA,MACzB,CAAC,UAAU,KAAK,MAAM,EAAE,GAAG;AAAA,MAC3B,kBAAkB,KAAK;AAAA,MACvB,UAAU,KAAK;AAAA,IAAA,CAChB,CAAC;AAAA;AAAA,UAEA,KAAK,cAAc;AAAA;AAAA,YAEjB,KAAK,qBAAA,CAAsB,IAAI,KAAK,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA,EAK/D;AAAA,EAEU,iBAAiB;AACzB,WAAO;AAAA;AAAA;AAAA,gBAGK,SAAS;AAAA,MACf,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,UAAU,KAAK;AAAA,MACf,cACE,KAAK,cACJ,KAAK,oBAAoB,KAAK;AAAA,MACjC,CAAC,SAAS,KAAK,gBAAgB,EAAE,GAAG;AAAA,MACpC,CAAC,QAAQ,KAAK,IAAI,EAAE,GAAG;AAAA,MACvB,CAAC,SAAS,KAAK,KAAK,EAAE,GAAG;AAAA,MACzB,CAAC,UAAU,KAAK,MAAM,EAAE,GAAG;AAAA,MAC3B,kBAAkB,KAAK;AAAA,MACvB,UAAU,KAAK;AAAA,IAAA,CAChB,CAAC;AAAA;AAAA;AAAA,UAGA,KAAK,cAAc;AAAA;AAAA,YAEjB,KAAK,KAAK;AAAA,MACV,CAAC,SACC;AAAA,qCACuB,KAAK,KAAK;AAAA,qCACV,KAAK,KAAK;AAAA,oCACX,KAAK,IAAI;AAAA;AAAA,IAAA,CAElC;AAAA;AAAA;AAAA,YAGC,KAAK,qBAAA,CAAsB,IAAI,KAAK,iBAAiB;AAAA;AAAA,UAEvD,KAAK,cACH;AAAA;AAAA,sBAGA,OAAO;AAAA;AAAA;AAAA;AAAA,EAIjB;AAAA,EAEA,IAAc,qBAA+C;AAC3D,WAAO,KAAK,SAAS,aACjB,yBAAyB,WACzB,yBAAyB;AAAA,EAC/B;AAAA,EAEA,IAAc,sBAAiD;AAC7D,WAAO,KAAK,UAAU,YAClB,0BAA0B,UAC1B,0BAA0B;AAAA,EAChC;AAAA,EAEU,uBAAuB;AAC/B,QAAI,CAAC,KAAK,YAAY,KAAK,WAAW,UAA2B;AAC/D,aAAO;AAAA,IACT;AAEA,WAAO;AAAA;AAAA;AAAA,gBAGK,KAAK,kBAAkB;AAAA,iBACtB,KAAK,mBAAmB;AAAA;AAAA;AAAA,EAGvC;AAGF;AAvTa,aAsTK,SAAS,UAAU,YAAY;AArTrB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GADb,aACe,WAAA,qBAAA,CAAA;AACC,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAA,CAAQ;AAAA,GAFd,aAEgB,WAAA,YAAA,CAAA;AACD,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GAHb,aAGe,WAAA,UAAA,CAAA;AAG1B,gBAAA;AAAA,EADC,SAAS,EAAC,MAAM,QAAA,CAAQ;AAAA,GALd,aAMX,WAAA,aAAA,CAAA;AAEA,gBAAA;AAAA,EADC,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GAPb,aAQX,WAAA,SAAA,CAAA;AAEA,gBAAA;AAAA,EADC,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GATb,aAUX,WAAA,SAAA,CAAA;AAEA,gBAAA;AAAA,EADC,SAAS,EAAC,MAAM,QAAA,CAAQ;AAAA,GAXd,aAYX,WAAA,iBAAA,CAAA;AAC0B,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GAbb,aAae,WAAA,QAAA,CAAA;AACC,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAA,CAAQ;AAAA,GAdd,aAcgB,WAAA,mBAAA,CAAA;AACgB,gBAAA;AAAA,EAA1C,SAAS,EAAC,MAAM,OAAO,WAAW,OAAM;AAAA,GAf9B,aAegC,WAAA,QAAA,CAAA;AAChB,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAA,CAAQ;AAAA,GAhBd,aAgBgB,WAAA,eAAA,CAAA;AAC4B,gBAAA;AAAA,EAAtD,SAAS,EAAC,MAAM,QAAQ,WAAW,kBAAiB;AAAA,GAjB1C,aAiB4C,WAAA,iBAAA,CAAA;AAjB5C,eAAN,gBAAA;AAAA,EADN,cAAc,gBAAgB;AAAA,GAClB,YAAA;"}
|
package/dist/ar/types.d.ts
CHANGED
|
@@ -3,10 +3,10 @@ export declare enum ObcArAlertType {
|
|
|
3
3
|
Caution = "caution",
|
|
4
4
|
Warning = "warning",
|
|
5
5
|
Alarm = "alarm",
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
6
|
+
LevelCritical = "level-critical",
|
|
7
|
+
LevelHigh = "level-high",
|
|
8
|
+
LevelMedium = "level-medium",
|
|
9
|
+
LevelLow = "level-low",
|
|
10
|
+
LevelDiagnostic = "level-diagnostic"
|
|
11
11
|
}
|
|
12
12
|
//# sourceMappingURL=types.d.ts.map
|
package/dist/ar/types.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/ar/types.ts"],"names":[],"mappings":"AAAA,oBAAY,cAAc;IACxB,IAAI,SAAS;IACb,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/ar/types.ts"],"names":[],"mappings":"AAAA,oBAAY,cAAc;IACxB,IAAI,SAAS;IACb,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,aAAa,mBAAmB;IAChC,SAAS,eAAe;IACxB,WAAW,iBAAiB;IAC5B,QAAQ,cAAc;IACtB,eAAe,qBAAqB;CACrC"}
|
package/dist/ar/types.js
CHANGED
|
@@ -3,11 +3,11 @@ var ObcArAlertType = /* @__PURE__ */ ((ObcArAlertType2) => {
|
|
|
3
3
|
ObcArAlertType2["Caution"] = "caution";
|
|
4
4
|
ObcArAlertType2["Warning"] = "warning";
|
|
5
5
|
ObcArAlertType2["Alarm"] = "alarm";
|
|
6
|
-
ObcArAlertType2["
|
|
7
|
-
ObcArAlertType2["
|
|
8
|
-
ObcArAlertType2["
|
|
9
|
-
ObcArAlertType2["
|
|
10
|
-
ObcArAlertType2["
|
|
6
|
+
ObcArAlertType2["LevelCritical"] = "level-critical";
|
|
7
|
+
ObcArAlertType2["LevelHigh"] = "level-high";
|
|
8
|
+
ObcArAlertType2["LevelMedium"] = "level-medium";
|
|
9
|
+
ObcArAlertType2["LevelLow"] = "level-low";
|
|
10
|
+
ObcArAlertType2["LevelDiagnostic"] = "level-diagnostic";
|
|
11
11
|
return ObcArAlertType2;
|
|
12
12
|
})(ObcArAlertType || {});
|
|
13
13
|
export {
|
package/dist/ar/types.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sources":["../../src/ar/types.ts"],"sourcesContent":["export enum ObcArAlertType {\n None = 'none',\n Caution = 'caution',\n Warning = 'warning',\n Alarm = 'alarm',\n
|
|
1
|
+
{"version":3,"file":"types.js","sources":["../../src/ar/types.ts"],"sourcesContent":["export enum ObcArAlertType {\n None = 'none',\n Caution = 'caution',\n Warning = 'warning',\n Alarm = 'alarm',\n LevelCritical = 'level-critical',\n LevelHigh = 'level-high',\n LevelMedium = 'level-medium',\n LevelLow = 'level-low',\n LevelDiagnostic = 'level-diagnostic',\n}\n"],"names":["ObcArAlertType"],"mappings":"AAAO,IAAK,mCAAAA,oBAAL;AACLA,kBAAA,MAAA,IAAO;AACPA,kBAAA,SAAA,IAAU;AACVA,kBAAA,SAAA,IAAU;AACVA,kBAAA,OAAA,IAAQ;AACRA,kBAAA,eAAA,IAAgB;AAChBA,kBAAA,WAAA,IAAY;AACZA,kBAAA,aAAA,IAAc;AACdA,kBAAA,UAAA,IAAW;AACXA,kBAAA,iBAAA,IAAkB;AATR,SAAAA;AAAA,GAAA,kBAAA,CAAA,CAAA;"}
|
|
@@ -26,19 +26,19 @@ export declare enum ObcAutomationBadgeType {
|
|
|
26
26
|
Caution = "caution",
|
|
27
27
|
Warning = "warning",
|
|
28
28
|
Alarm = "alarm",
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
29
|
+
LevelCritical = "level-critical",
|
|
30
|
+
LevelHigh = "level-high",
|
|
31
|
+
LevelMedium = "level-medium",
|
|
32
|
+
LevelLow = "level-low",
|
|
33
|
+
LevelDiagnostic = "level-diagnostic"
|
|
34
34
|
}
|
|
35
35
|
export declare class ObcAutomationBadge extends LitElement {
|
|
36
36
|
mode: ObcAutomationBadgeMode;
|
|
37
37
|
type?: ObcAutomationBadgeType;
|
|
38
38
|
private get effectiveMode();
|
|
39
39
|
private isAlertType;
|
|
40
|
-
private
|
|
41
|
-
private
|
|
40
|
+
private renderLevelCriticalIcon;
|
|
41
|
+
private renderLevelDiagnosticIcon;
|
|
42
42
|
private getIcon;
|
|
43
43
|
render(): import('lit-html').TemplateResult<1>;
|
|
44
44
|
static styles: import('lit').CSSResult;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"automation-badge.d.ts","sourceRoot":"","sources":["../../../src/automation/automation-badge/automation-badge.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAkB,MAAM,KAAK,CAAC;AAKhD,OAAO,sCAAsC,CAAC;AAC9C,OAAO,0BAA0B,CAAC;AAClC,OAAO,4BAA4B,CAAC;AACpC,OAAO,iCAAiC,CAAC;AACzC,OAAO,2BAA2B,CAAC;AACnC,OAAO,gCAAgC,CAAC;AACxC,OAAO,0BAA0B,CAAC;AAClC,OAAO,6BAA6B,CAAC;AACrC,OAAO,sCAAsC,CAAC;AAE9C,oBAAY,sBAAsB;IAChC,IAAI,SAAS;IACb,OAAO,YAAY;IACnB,QAAQ,aAAa;CACtB;AAED,oBAAY,sBAAsB;IAChC,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,UAAU,gBAAgB;IAC1B,KAAK,UAAU;IACf,SAAS,eAAe;IACxB,aAAa,mBAAmB;IAChC,SAAS,cAAc;IACvB,gBAAgB,sBAAsB;IACtC,aAAa,mBAAmB;IAChC,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,
|
|
1
|
+
{"version":3,"file":"automation-badge.d.ts","sourceRoot":"","sources":["../../../src/automation/automation-badge/automation-badge.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAkB,MAAM,KAAK,CAAC;AAKhD,OAAO,sCAAsC,CAAC;AAC9C,OAAO,0BAA0B,CAAC;AAClC,OAAO,4BAA4B,CAAC;AACpC,OAAO,iCAAiC,CAAC;AACzC,OAAO,2BAA2B,CAAC;AACnC,OAAO,gCAAgC,CAAC;AACxC,OAAO,0BAA0B,CAAC;AAClC,OAAO,6BAA6B,CAAC;AACrC,OAAO,sCAAsC,CAAC;AAE9C,oBAAY,sBAAsB;IAChC,IAAI,SAAS;IACb,OAAO,YAAY;IACnB,QAAQ,aAAa;CACtB;AAED,oBAAY,sBAAsB;IAChC,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,UAAU,gBAAgB;IAC1B,KAAK,UAAU;IACf,SAAS,eAAe;IACxB,aAAa,mBAAmB;IAChC,SAAS,cAAc;IACvB,gBAAgB,sBAAsB;IACtC,aAAa,mBAAmB;IAChC,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,aAAa,mBAAmB;IAChC,SAAS,eAAe;IACxB,WAAW,iBAAiB;IAC5B,QAAQ,cAAc;IACtB,eAAe,qBAAqB;CACrC;AAaD,qBACa,kBAAmB,SAAQ,UAAU;IACtB,IAAI,EAAE,sBAAsB,CACxB;IAEJ,IAAI,CAAC,EAAE,sBAAsB,CAAa;IAEpE,OAAO,KAAK,aAAa,GAMxB;IAED,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,uBAAuB;IAiD/B,OAAO,CAAC,yBAAyB;IAgBjC,OAAO,CAAC,OAAO;IA8RN,MAAM;IAQf,OAAgB,MAAM,0BAA2B;CAClD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,sBAAsB,EAAE,kBAAkB,CAAC;KAC5C;CACF"}
|
|
@@ -41,23 +41,23 @@ var ObcAutomationBadgeType = /* @__PURE__ */ ((ObcAutomationBadgeType2) => {
|
|
|
41
41
|
ObcAutomationBadgeType2["Caution"] = "caution";
|
|
42
42
|
ObcAutomationBadgeType2["Warning"] = "warning";
|
|
43
43
|
ObcAutomationBadgeType2["Alarm"] = "alarm";
|
|
44
|
-
ObcAutomationBadgeType2["
|
|
45
|
-
ObcAutomationBadgeType2["
|
|
46
|
-
ObcAutomationBadgeType2["
|
|
47
|
-
ObcAutomationBadgeType2["
|
|
48
|
-
ObcAutomationBadgeType2["
|
|
44
|
+
ObcAutomationBadgeType2["LevelCritical"] = "level-critical";
|
|
45
|
+
ObcAutomationBadgeType2["LevelHigh"] = "level-high";
|
|
46
|
+
ObcAutomationBadgeType2["LevelMedium"] = "level-medium";
|
|
47
|
+
ObcAutomationBadgeType2["LevelLow"] = "level-low";
|
|
48
|
+
ObcAutomationBadgeType2["LevelDiagnostic"] = "level-diagnostic";
|
|
49
49
|
return ObcAutomationBadgeType2;
|
|
50
50
|
})(ObcAutomationBadgeType || {});
|
|
51
51
|
const ALERT_BADGE_TYPES = [
|
|
52
52
|
"caution",
|
|
53
53
|
"warning",
|
|
54
54
|
"alarm",
|
|
55
|
-
"
|
|
56
|
-
"
|
|
57
|
-
"
|
|
58
|
-
"
|
|
59
|
-
"
|
|
60
|
-
/*
|
|
55
|
+
"level-critical",
|
|
56
|
+
"level-high",
|
|
57
|
+
"level-medium",
|
|
58
|
+
"level-low",
|
|
59
|
+
"level-diagnostic"
|
|
60
|
+
/* LevelDiagnostic */
|
|
61
61
|
];
|
|
62
62
|
let ObcAutomationBadge = class extends LitElement {
|
|
63
63
|
constructor() {
|
|
@@ -75,7 +75,7 @@ let ObcAutomationBadge = class extends LitElement {
|
|
|
75
75
|
isAlertType(...types) {
|
|
76
76
|
return !!this.type && types.includes(this.type);
|
|
77
77
|
}
|
|
78
|
-
|
|
78
|
+
renderLevelCriticalIcon(flat) {
|
|
79
79
|
if (flat) {
|
|
80
80
|
return html`<svg
|
|
81
81
|
width="16"
|
|
@@ -123,7 +123,7 @@ let ObcAutomationBadge = class extends LitElement {
|
|
|
123
123
|
/>
|
|
124
124
|
</svg>`;
|
|
125
125
|
}
|
|
126
|
-
|
|
126
|
+
renderLevelDiagnosticIcon() {
|
|
127
127
|
return html`<svg
|
|
128
128
|
width="16"
|
|
129
129
|
height="16"
|
|
@@ -170,17 +170,17 @@ let ObcAutomationBadge = class extends LitElement {
|
|
|
170
170
|
class="icon siluette"
|
|
171
171
|
></obi-alert-off-filled
|
|
172
172
|
><obi-alert-off-filled class="icon"></obi-alert-off-filled>`;
|
|
173
|
-
} else if (this.type === "
|
|
174
|
-
return this.
|
|
173
|
+
} else if (this.type === "level-critical") {
|
|
174
|
+
return this.renderLevelCriticalIcon(
|
|
175
175
|
this.effectiveMode === "flat"
|
|
176
176
|
/* Flat */
|
|
177
177
|
);
|
|
178
|
-
} else if (this.type === "
|
|
179
|
-
return this.
|
|
178
|
+
} else if (this.type === "level-diagnostic") {
|
|
179
|
+
return this.renderLevelDiagnosticIcon();
|
|
180
180
|
} else if (this.isAlertType(
|
|
181
181
|
"caution",
|
|
182
|
-
"
|
|
183
|
-
/*
|
|
182
|
+
"level-low"
|
|
183
|
+
/* LevelLow */
|
|
184
184
|
) && this.effectiveMode === "flat") {
|
|
185
185
|
return html`<svg
|
|
186
186
|
width="16"
|
|
@@ -229,8 +229,8 @@ let ObcAutomationBadge = class extends LitElement {
|
|
|
229
229
|
</svg>`;
|
|
230
230
|
} else if (this.isAlertType(
|
|
231
231
|
"caution",
|
|
232
|
-
"
|
|
233
|
-
/*
|
|
232
|
+
"level-low"
|
|
233
|
+
/* LevelLow */
|
|
234
234
|
)) {
|
|
235
235
|
return html`<svg
|
|
236
236
|
width="16"
|
|
@@ -254,8 +254,8 @@ let ObcAutomationBadge = class extends LitElement {
|
|
|
254
254
|
</svg> `;
|
|
255
255
|
} else if (this.isAlertType(
|
|
256
256
|
"warning",
|
|
257
|
-
"
|
|
258
|
-
/*
|
|
257
|
+
"level-medium"
|
|
258
|
+
/* LevelMedium */
|
|
259
259
|
) && this.effectiveMode === "flat") {
|
|
260
260
|
return html`
|
|
261
261
|
<svg
|
|
@@ -314,8 +314,8 @@ let ObcAutomationBadge = class extends LitElement {
|
|
|
314
314
|
`;
|
|
315
315
|
} else if (this.isAlertType(
|
|
316
316
|
"warning",
|
|
317
|
-
"
|
|
318
|
-
/*
|
|
317
|
+
"level-medium"
|
|
318
|
+
/* LevelMedium */
|
|
319
319
|
)) {
|
|
320
320
|
return html`<svg
|
|
321
321
|
width="16"
|
|
@@ -336,8 +336,8 @@ let ObcAutomationBadge = class extends LitElement {
|
|
|
336
336
|
</svg> `;
|
|
337
337
|
} else if (this.isAlertType(
|
|
338
338
|
"alarm",
|
|
339
|
-
"
|
|
340
|
-
/*
|
|
339
|
+
"level-high"
|
|
340
|
+
/* LevelHigh */
|
|
341
341
|
) && this.effectiveMode === "flat") {
|
|
342
342
|
return html`<svg
|
|
343
343
|
width="16"
|
|
@@ -386,8 +386,8 @@ let ObcAutomationBadge = class extends LitElement {
|
|
|
386
386
|
</svg> `;
|
|
387
387
|
} else if (this.isAlertType(
|
|
388
388
|
"alarm",
|
|
389
|
-
"
|
|
390
|
-
/*
|
|
389
|
+
"level-high"
|
|
390
|
+
/* LevelHigh */
|
|
391
391
|
)) {
|
|
392
392
|
return html`
|
|
393
393
|
<svg
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"automation-badge.js","sources":["../../../src/automation/automation-badge/automation-badge.ts"],"sourcesContent":["import {LitElement, html, unsafeCSS} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport compentStyle from './automation-badge.css?inline';\nimport {classMap} from 'lit/directives/class-map.js';\nimport {customElement} from '../../decorator.js';\nimport '../../icons/icon-alert-off-filled.js';\nimport '../../icons/icon-auto.js';\nimport '../../icons/icon-manual.js';\nimport '../../icons/icon-manual-only.js';\nimport '../../icons/icon-local.js';\nimport '../../icons/icon-local-only.js';\nimport '../../icons/icon-duty.js';\nimport '../../icons/icon-standby.js';\nimport '../../icons/icon-command-locked-f.js';\n\nexport enum ObcAutomationBadgeMode {\n Flat = 'flat',\n Regular = 'regular',\n Enhanced = 'enhanced',\n}\n\nexport enum ObcAutomationBadgeType {\n Auto = 'auto',\n Manual = 'manual',\n ManualOnly = 'manual-only',\n Local = 'local',\n LocalOnly = 'local-only',\n CommandLocked = 'command-locked',\n Interlock = 'interlock',\n InterlockInhibit = 'interlock-inhibit',\n AlertSilenced = 'alert-silenced',\n Caution = 'caution',\n Warning = 'warning',\n Alarm = 'alarm',\n IsaCritical = 'isa-critical',\n IsaHigh = 'isa-high',\n IsaMedium = 'isa-medium',\n IsaLow = 'isa-low',\n IsaDiagnostic = 'isa-diagnostic',\n}\n\nconst ALERT_BADGE_TYPES: ObcAutomationBadgeType[] = [\n ObcAutomationBadgeType.Caution,\n ObcAutomationBadgeType.Warning,\n ObcAutomationBadgeType.Alarm,\n ObcAutomationBadgeType.IsaCritical,\n ObcAutomationBadgeType.IsaHigh,\n ObcAutomationBadgeType.IsaMedium,\n ObcAutomationBadgeType.IsaLow,\n ObcAutomationBadgeType.IsaDiagnostic,\n];\n\n@customElement('obc-automation-badge')\nexport class ObcAutomationBadge extends LitElement {\n @property({type: String}) mode: ObcAutomationBadgeMode =\n ObcAutomationBadgeMode.Flat;\n\n @property({type: String}) type?: ObcAutomationBadgeType = undefined;\n\n private get effectiveMode() {\n if (this.type && ALERT_BADGE_TYPES.includes(this.type)) {\n return ObcAutomationBadgeMode.Flat;\n } else {\n return this.mode;\n }\n }\n\n private isAlertType(...types: ObcAutomationBadgeType[]): boolean {\n return !!this.type && types.includes(this.type);\n }\n\n private renderIsaCriticalIcon(flat: boolean) {\n if (flat) {\n return html`<svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M14.667 8L11.3337 13.77H4.66634L1.33301 8L4.66634 2.23H11.3337L14.667 8Z\"\n fill=\"var(--critical-enabled-background-color)\"\n />\n <path\n d=\"M11.1543 2.72998H4.8457L2.51237 7.99998L4.8457 13.27H11.1543L13.4876 7.99998L11.1543 2.72998Z\"\n stroke=\"var(--critical-enabled-border-color)\"\n />\n <path\n d=\"M7.66754 10.3343V5.00098H9.00087V10.3343H7.66754Z\"\n fill=\"var(--on-critical-active-color)\"\n />\n <path\n d=\"M9.00087 11.6676H7.66754V13.001H9.00087V11.6676Z\"\n fill=\"var(--on-critical-active-color)\"\n />\n </svg>`;\n }\n return html`<svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M2 0.5H14C14.8284 0.5 15.5 1.17157 15.5 2V14C15.5 14.8284 14.8284 15.5 14 15.5H2C1.17157 15.5 0.5 14.8284 0.5 14V2C0.5 1.17157 1.17157 0.5 2 0.5Z\"\n fill=\"var(--critical-enabled-background-color)\"\n />\n <path\n d=\"M2 0.5H14C14.8284 0.5 15.5 1.17157 15.5 2V14C15.5 14.8284 14.8284 15.5 14 15.5H2C1.17157 15.5 0.5 14.8284 0.5 14V2C0.5 1.17157 1.17157 0.5 2 0.5Z\"\n stroke=\"var(--critical-enabled-border-color)\"\n />\n <path\n d=\"M14 8L10.9282 13.33H5.0718L2 8L5.0718 2.67H10.9282L14 8Z\"\n fill=\"var(--on-critical-active-color)\"\n />\n </svg>`;\n }\n\n private renderIsaDiagnosticIcon() {\n return html`<svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M7 1.33301H9V7.53301L13.2147 5.13301L14.2147 6.86634L10 9.33301L14.2147 11.7997L13.2147 13.533L9 11.133V15.667H7V11.133L2.78534 13.533L1.78534 11.7997L6 9.33301L1.78534 6.86634L2.78534 5.13301L7 7.53301V1.33301Z\"\n fill=\"var(--notification-enabled-background-color)\"\n />\n </svg>`;\n }\n\n // TODO: replace the typo 'siluette' with 'silhouette', probably in Figma as well\n private getIcon() {\n if (this.type === ObcAutomationBadgeType.Auto) {\n return html`<obi-auto class=\"icon siluette\"></obi-auto\n ><obi-auto class=\"icon\"></obi-auto>`;\n } else if (this.type === ObcAutomationBadgeType.Manual) {\n return html`<obi-manual class=\"icon siluette\"></obi-manual\n ><obi-manual class=\"icon\"></obi-manual>`;\n } else if (this.type === ObcAutomationBadgeType.ManualOnly) {\n return html`<obi-manual-only class=\"icon siluette\"></obi-manual-only\n ><obi-manual-only class=\"icon\"></obi-manual-only>`;\n } else if (this.type === ObcAutomationBadgeType.Local) {\n return html`<obi-local class=\"icon siluette\"></obi-local\n ><obi-local class=\"icon\"></obi-local>`;\n } else if (this.type === ObcAutomationBadgeType.LocalOnly) {\n return html`<obi-local-only class=\"icon siluette\"></obi-local-only\n ><obi-local-only class=\"icon\"></obi-local-only>`;\n } else if (this.type === ObcAutomationBadgeType.CommandLocked) {\n return html`<obi-command-locked-f\n class=\"icon siluette\"\n ></obi-command-locked-f\n ><obi-command-locked-f class=\"icon\"></obi-command-locked-f>`;\n } else if (this.type === ObcAutomationBadgeType.InterlockInhibit) {\n return html`<obi-standby class=\"icon siluette\"></obi-standby\n ><obi-standby class=\"icon\"></obi-standby>`;\n } else if (this.type === ObcAutomationBadgeType.Interlock) {\n return html`<obi-duty class=\"icon siluette\"></obi-duty\n ><obi-duty class=\"icon\"></obi-duty>`;\n } else if (this.type === ObcAutomationBadgeType.AlertSilenced) {\n return html`<obi-alert-off-filled\n class=\"icon siluette\"\n ></obi-alert-off-filled\n ><obi-alert-off-filled class=\"icon\"></obi-alert-off-filled>`;\n } else if (this.type === ObcAutomationBadgeType.IsaCritical) {\n return this.renderIsaCriticalIcon(\n this.effectiveMode === ObcAutomationBadgeMode.Flat\n );\n } else if (this.type === ObcAutomationBadgeType.IsaDiagnostic) {\n return this.renderIsaDiagnosticIcon();\n } else if (\n this.isAlertType(\n ObcAutomationBadgeType.Caution,\n ObcAutomationBadgeType.IsaLow\n ) &&\n this.effectiveMode === ObcAutomationBadgeMode.Flat\n ) {\n return html`<svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <mask\n id=\"path-2-outside-1_37206_122649\"\n maskUnits=\"userSpaceOnUse\"\n x=\"0.333008\"\n y=\"0.333008\"\n width=\"16\"\n height=\"16\"\n fill=\"black\"\n >\n <rect fill=\"white\" x=\"0.333008\" y=\"0.333008\" width=\"16\" height=\"16\" />\n <path\n d=\"M13.333 1.33301C14.0694 1.33301 14.667 1.93061 14.667 2.66699V13.333C14.667 14.0694 14.0694 14.667 13.333 14.667H2.66699C1.93061 14.667 1.33301 14.0694 1.33301 13.333V2.66699C1.33301 1.93061 1.93061 1.33301 2.66699 1.33301H13.333Z\"\n />\n </mask>\n <path\n d=\"M13.333 1.33301V2.33301C13.5171 2.33301 13.667 2.4829 13.667 2.66699H14.667H15.667C15.667 1.37833 14.6217 0.333008 13.333 0.333008V1.33301ZM14.667 2.66699H13.667V13.333H14.667H15.667V2.66699H14.667ZM14.667 13.333H13.667C13.667 13.5171 13.5171 13.667 13.333 13.667V14.667V15.667C14.6217 15.667 15.667 14.6217 15.667 13.333H14.667ZM13.333 14.667V13.667H2.66699V14.667V15.667H13.333V14.667ZM2.66699 14.667V13.667C2.4829 13.667 2.33301 13.5171 2.33301 13.333H1.33301H0.333008C0.333008 14.6217 1.37833 15.667 2.66699 15.667V14.667ZM1.33301 13.333H2.33301V2.66699H1.33301H0.333008V13.333H1.33301ZM1.33301 2.66699H2.33301C2.33301 2.4829 2.4829 2.33301 2.66699 2.33301V1.33301V0.333008C1.37833 0.333008 0.333008 1.37833 0.333008 2.66699H1.33301ZM2.66699 1.33301V2.33301H13.333V1.33301V0.333008H2.66699V1.33301Z\"\n fill=\"var(--border-silhouette-color)\"\n mask=\"url(#path-2-outside-1_37206_122649)\"\n />\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M2.66665 1.33301C1.93027 1.33301 1.33331 1.92996 1.33331 2.66634V13.333C1.33331 14.0694 1.93027 14.6663 2.66665 14.6663H13.3333C14.0697 14.6663 14.6666 14.0694 14.6666 13.333V2.66634C14.6666 1.92996 14.0697 1.33301 13.3333 1.33301H2.66665Z\"\n fill=\"var(--alert-caution-color)\"\n />\n <path\n d=\"M2.66632 1.83301H13.3333C13.7934 1.83301 14.1661 2.20593 14.1663 2.66602V13.333C14.1663 13.7932 13.7936 14.166 13.3333 14.166H2.66632C2.20623 14.1658 1.83331 13.7931 1.83331 13.333V2.66602C1.83348 2.2347 2.16127 1.8796 2.58136 1.83691L2.66632 1.83301Z\"\n stroke=\"var(--alert-caution-outline-color)\"\n />\n <path\n d=\"M7.33331 9.33333V4H8.66665V9.33333H7.33331Z\"\n fill=\"var(--on-caution-active-color)\"\n />\n <path\n d=\"M8.66665 10.6667H7.33331V12H8.66665V10.6667Z\"\n fill=\"var(--on-caution-active-color)\"\n />\n </svg>`;\n } else if (\n this.isAlertType(\n ObcAutomationBadgeType.Caution,\n ObcAutomationBadgeType.IsaLow\n )\n ) {\n return html`<svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M2 0.5H14C14.8284 0.5 15.5 1.17157 15.5 2V14C15.5 14.8284 14.8284 15.5 14 15.5H2C1.17157 15.5 0.5 14.8284 0.5 14V2C0.5 1.17157 1.17157 0.5 2 0.5Z\"\n fill=\"var(--alert-caution-color)\"\n />\n <path\n d=\"M2 0.5H14C14.8284 0.5 15.5 1.17157 15.5 2V14C15.5 14.8284 14.8284 15.5 14 15.5H2C1.17157 15.5 0.5 14.8284 0.5 14V2C0.5 1.17157 1.17157 0.5 2 0.5Z\"\n stroke=\"var(--alert-caution-outline-color)\"\n />\n <path\n d=\"M3.5 4.3C3.5 4.01997 3.5 3.87996 3.5545 3.773C3.60243 3.67892 3.67892 3.60243 3.773 3.5545C3.87996 3.5 4.01997 3.5 4.3 3.5H11.7C11.98 3.5 12.12 3.5 12.227 3.5545C12.3211 3.60243 12.3976 3.67892 12.4455 3.773C12.5 3.87996 12.5 4.01997 12.5 4.3V11.7C12.5 11.98 12.5 12.12 12.4455 12.227C12.3976 12.3211 12.3211 12.3976 12.227 12.4455C12.12 12.5 11.98 12.5 11.7 12.5H4.3C4.01997 12.5 3.87996 12.5 3.773 12.4455C3.67892 12.3976 3.60243 12.3211 3.5545 12.227C3.5 12.12 3.5 11.98 3.5 11.7V4.3Z\"\n fill=\"var(--on-caution-active-color)\"\n />\n </svg> `;\n } else if (\n this.isAlertType(\n ObcAutomationBadgeType.Warning,\n ObcAutomationBadgeType.IsaMedium\n ) &&\n this.effectiveMode === ObcAutomationBadgeMode.Flat\n ) {\n return html`\n <svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <mask\n id=\"path-2-outside-1_37206_122675\"\n maskUnits=\"userSpaceOnUse\"\n x=\"0.333008\"\n y=\"0.333008\"\n width=\"16\"\n height=\"16\"\n fill=\"black\"\n >\n <rect\n fill=\"white\"\n x=\"0.333008\"\n y=\"0.333008\"\n width=\"16\"\n height=\"16\"\n />\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M8 1.33301C11.6819 1.33301 14.667 4.3181 14.667 8C14.667 11.6819 11.6819 14.667 8 14.667C4.3181 14.667 1.33301 11.6819 1.33301 8C1.33301 4.3181 4.3181 1.33301 8 1.33301Z\"\n />\n </mask>\n <path\n d=\"M8 1.33301V0.333008V0.333008V1.33301ZM14.667 8H15.667V8H14.667ZM8 14.667V15.667V15.667V14.667ZM1.33301 8H0.333008V8H1.33301ZM8 1.33301V2.33301C11.1296 2.33301 13.667 4.87039 13.667 8H14.667H15.667C15.667 3.76582 12.2342 0.333008 8 0.333008V1.33301ZM14.667 8H13.667C13.667 11.1296 11.1296 13.667 8 13.667V14.667V15.667C12.2342 15.667 15.667 12.2342 15.667 8H14.667ZM8 14.667V13.667C4.87039 13.667 2.33301 11.1296 2.33301 8H1.33301H0.333008C0.333008 12.2342 3.76582 15.667 8 15.667V14.667ZM1.33301 8H2.33301C2.33301 4.87039 4.87039 2.33301 8 2.33301V1.33301V0.333008C3.76582 0.333008 0.333008 3.76582 0.333008 8H1.33301Z\"\n fill=\"var(--border-silhouette-color)\"\n mask=\"url(#path-2-outside-1_37206_122675)\"\n />\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M14.6666 7.99967C14.6666 11.6816 11.6819 14.6663 7.99998 14.6663C4.31808 14.6663 1.33331 11.6816 1.33331 7.99967C1.33331 4.31778 4.31808 1.33301 7.99998 1.33301C11.6819 1.33301 14.6666 4.31778 14.6666 7.99967Z\"\n fill=\"var(--alert-warning-color)\"\n />\n <path\n d=\"M8.00031 1.83301C11.4059 1.83318 14.1663 4.59435 14.1663 8C14.1661 11.4055 11.4058 14.1658 8.00031 14.166C4.59466 14.166 1.83349 11.4056 1.83331 8C1.83331 4.59424 4.59455 1.83301 8.00031 1.83301Z\"\n stroke=\"var(--alert-warning-outline-color)\"\n />\n <path\n d=\"M8.66665 8.66699V4.66699H7.33331V8.66699H8.66665Z\"\n fill=\"var(--on-warning-active-color)\"\n />\n <path\n d=\"M8.66665 11.3337V10.0003H7.33331V11.3337H8.66665Z\"\n fill=\"var(--on-warning-active-color)\"\n />\n </svg>\n `;\n } else if (\n this.isAlertType(\n ObcAutomationBadgeType.Warning,\n ObcAutomationBadgeType.IsaMedium\n )\n ) {\n return html`<svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M2 0.5H14C14.8284 0.5 15.5 1.17157 15.5 2V14C15.5 14.8284 14.8284 15.5 14 15.5H2C1.17157 15.5 0.5 14.8284 0.5 14V2C0.5 1.17157 1.17157 0.5 2 0.5Z\"\n fill=\"var(--alert-warning-color)\"\n />\n <path\n d=\"M2 0.5H14C14.8284 0.5 15.5 1.17157 15.5 2V14C15.5 14.8284 14.8284 15.5 14 15.5H2C1.17157 15.5 0.5 14.8284 0.5 14V2C0.5 1.17157 1.17157 0.5 2 0.5Z\"\n stroke=\"var(--alert-warning-outline-color)\"\n />\n <circle cx=\"8\" cy=\"8\" r=\"5\" fill=\"var(--on-warning-active-color)\" />\n </svg> `;\n } else if (\n this.isAlertType(\n ObcAutomationBadgeType.Alarm,\n ObcAutomationBadgeType.IsaHigh\n ) &&\n this.effectiveMode === ObcAutomationBadgeMode.Flat\n ) {\n return html`<svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0.5 0.5 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <mask\n id=\"path-2-outside-1_37206_122701\"\n maskUnits=\"userSpaceOnUse\"\n x=\"-0.998657\"\n y=\"0\"\n width=\"18\"\n height=\"17\"\n fill=\"black\"\n >\n <rect fill=\"white\" x=\"-0.998657\" width=\"18\" height=\"17\" />\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M7.74502 1.35587C7.99509 0.881431 8.67474 0.881322 8.9247 1.35587L15.5897 14.0229C15.8233 14.4669 15.5015 15.0004 14.9999 15.0004H1.66884C1.16718 15.0004 0.845307 14.4669 1.079 14.0229L7.74502 1.35587Z\"\n />\n </mask>\n <path\n d=\"M7.74502 1.35587L6.86038 0.889586L6.86007 0.89017L7.74502 1.35587ZM8.9247 1.35587L9.80967 0.890223L9.80947 0.889831L8.9247 1.35587ZM15.5897 14.0229L16.4748 13.5573L16.4747 13.5572L15.5897 14.0229ZM1.079 14.0229L1.96393 14.4886L1.96394 14.4886L1.079 14.0229ZM7.74502 1.35587L8.62965 1.82216C8.50484 2.05895 8.16519 2.0597 8.03994 1.82191L8.9247 1.35587L9.80947 0.889831C9.18429 -0.297052 7.48534 -0.296087 6.86038 0.889586L7.74502 1.35587ZM8.9247 1.35587L8.03973 1.82152L14.7048 14.4885L15.5897 14.0229L16.4747 13.5572L9.80967 0.890223L8.9247 1.35587ZM15.5897 14.0229L14.7047 14.4884C14.5885 14.2675 14.7481 14.0004 14.9999 14.0004V15.0004V16.0004C16.255 16.0004 17.0582 14.6663 16.4748 13.5573L15.5897 14.0229ZM14.9999 15.0004V14.0004H1.66884V15.0004V16.0004H14.9999V15.0004ZM1.66884 15.0004V14.0004C1.92039 14.0004 2.08037 14.2673 1.96393 14.4886L1.079 14.0229L0.194074 13.5571C-0.389754 14.6665 0.413976 16.0004 1.66884 16.0004V15.0004ZM1.079 14.0229L1.96394 14.4886L8.62996 1.82157L7.74502 1.35587L6.86007 0.89017L0.194059 13.5572L1.079 14.0229Z\"\n fill=\"var(--border-silhouette-color)\"\n mask=\"url(#path-2-outside-1_37206_122701)\"\n />\n <path\n d=\"M1.07857 14.0235L7.74479 1.35716C7.99473 0.882236 8.6746 0.882252 8.92453 1.35719L15.5899 14.0236C15.8236 14.4676 15.5017 15.001 15.0001 15.001L1.66843 15.001C1.16677 15.001 0.844878 14.4676 1.07857 14.0235Z\"\n fill=\"var(--alert-alarm-color)\"\n />\n <path\n d=\"M8.18744 1.58984C8.25002 1.47134 8.41991 1.4712 8.48236 1.58984L15.1474 14.2568C15.2057 14.3681 15.125 14.501 14.9999 14.501H1.66888C1.54379 14.501 1.46302 14.3681 1.52142 14.2568L8.18744 1.58984Z\"\n stroke=\"var(--alert-alarm-outline-color)\"\n />\n <path\n d=\"M7.66754 10.3343V5.00098H9.00087V10.3343H7.66754Z\"\n fill=\"var(--on-alarm-active-color)\"\n />\n <path\n d=\"M9.00087 11.6676H7.66754V13.001H9.00087V11.6676Z\"\n fill=\"var(--on-alarm-active-color)\"\n />\n </svg> `;\n } else if (\n this.isAlertType(\n ObcAutomationBadgeType.Alarm,\n ObcAutomationBadgeType.IsaHigh\n )\n ) {\n return html`\n <svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M2 0.5H14C14.8284 0.5 15.5 1.17157 15.5 2V14C15.5 14.8284 14.8284 15.5 14 15.5H2C1.17157 15.5 0.5 14.8284 0.5 14V2C0.5 1.17157 1.17157 0.5 2 0.5Z\"\n fill=\"var(--alert-alarm-color)\"\n />\n <path\n d=\"M2 0.5H14C14.8284 0.5 15.5 1.17157 15.5 2V14C15.5 14.8284 14.8284 15.5 14 15.5H2C1.17157 15.5 0.5 14.8284 0.5 14V2C0.5 1.17157 1.17157 0.5 2 0.5Z\"\n stroke=\"var(--alert-alarm-outline-color)\"\n />\n <path\n d=\"M7.29883 3.72622L3.05891 11.3269C2.84063 11.7182 2.73149 11.9139 2.75 12.0741C2.76615 12.2138 2.84042 12.3403 2.9546 12.4225C3.08546 12.5167 3.30949 12.5167 3.75756 12.5167H12.2348C12.6828 12.5167 12.9068 12.5167 13.0376 12.4225C13.1518 12.3403 13.2261 12.2139 13.2422 12.0741C13.2608 11.914 13.1517 11.7184 12.9336 11.3271L8.69623 3.7264C8.46805 3.31712 8.35396 3.11247 8.2037 3.04447C8.07271 2.98519 7.92254 2.98517 7.79153 3.04442C7.64125 3.11238 7.52711 3.317 7.29883 3.72622Z\"\n fill=\"var(--on-alarm-active-color)\"\n />\n </svg>\n `;\n } else {\n return html`<slot name=\"icon-silhouette\"></slot><slot></slot>`;\n }\n }\n\n override render() {\n return html`\n <div class=${classMap({wrapper: true, [this.effectiveMode]: true})}>\n <div class=\"badge\">${this.getIcon()}</div>\n </div>\n `;\n }\n\n static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'obc-automation-badge': ObcAutomationBadge;\n }\n}\n"],"names":["ObcAutomationBadgeMode","ObcAutomationBadgeType"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"automation-badge.js","sources":["../../../src/automation/automation-badge/automation-badge.ts"],"sourcesContent":["import {LitElement, html, unsafeCSS} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport compentStyle from './automation-badge.css?inline';\nimport {classMap} from 'lit/directives/class-map.js';\nimport {customElement} from '../../decorator.js';\nimport '../../icons/icon-alert-off-filled.js';\nimport '../../icons/icon-auto.js';\nimport '../../icons/icon-manual.js';\nimport '../../icons/icon-manual-only.js';\nimport '../../icons/icon-local.js';\nimport '../../icons/icon-local-only.js';\nimport '../../icons/icon-duty.js';\nimport '../../icons/icon-standby.js';\nimport '../../icons/icon-command-locked-f.js';\n\nexport enum ObcAutomationBadgeMode {\n Flat = 'flat',\n Regular = 'regular',\n Enhanced = 'enhanced',\n}\n\nexport enum ObcAutomationBadgeType {\n Auto = 'auto',\n Manual = 'manual',\n ManualOnly = 'manual-only',\n Local = 'local',\n LocalOnly = 'local-only',\n CommandLocked = 'command-locked',\n Interlock = 'interlock',\n InterlockInhibit = 'interlock-inhibit',\n AlertSilenced = 'alert-silenced',\n Caution = 'caution',\n Warning = 'warning',\n Alarm = 'alarm',\n LevelCritical = 'level-critical',\n LevelHigh = 'level-high',\n LevelMedium = 'level-medium',\n LevelLow = 'level-low',\n LevelDiagnostic = 'level-diagnostic',\n}\n\nconst ALERT_BADGE_TYPES: ObcAutomationBadgeType[] = [\n ObcAutomationBadgeType.Caution,\n ObcAutomationBadgeType.Warning,\n ObcAutomationBadgeType.Alarm,\n ObcAutomationBadgeType.LevelCritical,\n ObcAutomationBadgeType.LevelHigh,\n ObcAutomationBadgeType.LevelMedium,\n ObcAutomationBadgeType.LevelLow,\n ObcAutomationBadgeType.LevelDiagnostic,\n];\n\n@customElement('obc-automation-badge')\nexport class ObcAutomationBadge extends LitElement {\n @property({type: String}) mode: ObcAutomationBadgeMode =\n ObcAutomationBadgeMode.Flat;\n\n @property({type: String}) type?: ObcAutomationBadgeType = undefined;\n\n private get effectiveMode() {\n if (this.type && ALERT_BADGE_TYPES.includes(this.type)) {\n return ObcAutomationBadgeMode.Flat;\n } else {\n return this.mode;\n }\n }\n\n private isAlertType(...types: ObcAutomationBadgeType[]): boolean {\n return !!this.type && types.includes(this.type);\n }\n\n private renderLevelCriticalIcon(flat: boolean) {\n if (flat) {\n return html`<svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M14.667 8L11.3337 13.77H4.66634L1.33301 8L4.66634 2.23H11.3337L14.667 8Z\"\n fill=\"var(--critical-enabled-background-color)\"\n />\n <path\n d=\"M11.1543 2.72998H4.8457L2.51237 7.99998L4.8457 13.27H11.1543L13.4876 7.99998L11.1543 2.72998Z\"\n stroke=\"var(--critical-enabled-border-color)\"\n />\n <path\n d=\"M7.66754 10.3343V5.00098H9.00087V10.3343H7.66754Z\"\n fill=\"var(--on-critical-active-color)\"\n />\n <path\n d=\"M9.00087 11.6676H7.66754V13.001H9.00087V11.6676Z\"\n fill=\"var(--on-critical-active-color)\"\n />\n </svg>`;\n }\n return html`<svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M2 0.5H14C14.8284 0.5 15.5 1.17157 15.5 2V14C15.5 14.8284 14.8284 15.5 14 15.5H2C1.17157 15.5 0.5 14.8284 0.5 14V2C0.5 1.17157 1.17157 0.5 2 0.5Z\"\n fill=\"var(--critical-enabled-background-color)\"\n />\n <path\n d=\"M2 0.5H14C14.8284 0.5 15.5 1.17157 15.5 2V14C15.5 14.8284 14.8284 15.5 14 15.5H2C1.17157 15.5 0.5 14.8284 0.5 14V2C0.5 1.17157 1.17157 0.5 2 0.5Z\"\n stroke=\"var(--critical-enabled-border-color)\"\n />\n <path\n d=\"M14 8L10.9282 13.33H5.0718L2 8L5.0718 2.67H10.9282L14 8Z\"\n fill=\"var(--on-critical-active-color)\"\n />\n </svg>`;\n }\n\n private renderLevelDiagnosticIcon() {\n return html`<svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M7 1.33301H9V7.53301L13.2147 5.13301L14.2147 6.86634L10 9.33301L14.2147 11.7997L13.2147 13.533L9 11.133V15.667H7V11.133L2.78534 13.533L1.78534 11.7997L6 9.33301L1.78534 6.86634L2.78534 5.13301L7 7.53301V1.33301Z\"\n fill=\"var(--notification-enabled-background-color)\"\n />\n </svg>`;\n }\n\n // TODO: replace the typo 'siluette' with 'silhouette', probably in Figma as well\n private getIcon() {\n if (this.type === ObcAutomationBadgeType.Auto) {\n return html`<obi-auto class=\"icon siluette\"></obi-auto\n ><obi-auto class=\"icon\"></obi-auto>`;\n } else if (this.type === ObcAutomationBadgeType.Manual) {\n return html`<obi-manual class=\"icon siluette\"></obi-manual\n ><obi-manual class=\"icon\"></obi-manual>`;\n } else if (this.type === ObcAutomationBadgeType.ManualOnly) {\n return html`<obi-manual-only class=\"icon siluette\"></obi-manual-only\n ><obi-manual-only class=\"icon\"></obi-manual-only>`;\n } else if (this.type === ObcAutomationBadgeType.Local) {\n return html`<obi-local class=\"icon siluette\"></obi-local\n ><obi-local class=\"icon\"></obi-local>`;\n } else if (this.type === ObcAutomationBadgeType.LocalOnly) {\n return html`<obi-local-only class=\"icon siluette\"></obi-local-only\n ><obi-local-only class=\"icon\"></obi-local-only>`;\n } else if (this.type === ObcAutomationBadgeType.CommandLocked) {\n return html`<obi-command-locked-f\n class=\"icon siluette\"\n ></obi-command-locked-f\n ><obi-command-locked-f class=\"icon\"></obi-command-locked-f>`;\n } else if (this.type === ObcAutomationBadgeType.InterlockInhibit) {\n return html`<obi-standby class=\"icon siluette\"></obi-standby\n ><obi-standby class=\"icon\"></obi-standby>`;\n } else if (this.type === ObcAutomationBadgeType.Interlock) {\n return html`<obi-duty class=\"icon siluette\"></obi-duty\n ><obi-duty class=\"icon\"></obi-duty>`;\n } else if (this.type === ObcAutomationBadgeType.AlertSilenced) {\n return html`<obi-alert-off-filled\n class=\"icon siluette\"\n ></obi-alert-off-filled\n ><obi-alert-off-filled class=\"icon\"></obi-alert-off-filled>`;\n } else if (this.type === ObcAutomationBadgeType.LevelCritical) {\n return this.renderLevelCriticalIcon(\n this.effectiveMode === ObcAutomationBadgeMode.Flat\n );\n } else if (this.type === ObcAutomationBadgeType.LevelDiagnostic) {\n return this.renderLevelDiagnosticIcon();\n } else if (\n this.isAlertType(\n ObcAutomationBadgeType.Caution,\n ObcAutomationBadgeType.LevelLow\n ) &&\n this.effectiveMode === ObcAutomationBadgeMode.Flat\n ) {\n return html`<svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <mask\n id=\"path-2-outside-1_37206_122649\"\n maskUnits=\"userSpaceOnUse\"\n x=\"0.333008\"\n y=\"0.333008\"\n width=\"16\"\n height=\"16\"\n fill=\"black\"\n >\n <rect fill=\"white\" x=\"0.333008\" y=\"0.333008\" width=\"16\" height=\"16\" />\n <path\n d=\"M13.333 1.33301C14.0694 1.33301 14.667 1.93061 14.667 2.66699V13.333C14.667 14.0694 14.0694 14.667 13.333 14.667H2.66699C1.93061 14.667 1.33301 14.0694 1.33301 13.333V2.66699C1.33301 1.93061 1.93061 1.33301 2.66699 1.33301H13.333Z\"\n />\n </mask>\n <path\n d=\"M13.333 1.33301V2.33301C13.5171 2.33301 13.667 2.4829 13.667 2.66699H14.667H15.667C15.667 1.37833 14.6217 0.333008 13.333 0.333008V1.33301ZM14.667 2.66699H13.667V13.333H14.667H15.667V2.66699H14.667ZM14.667 13.333H13.667C13.667 13.5171 13.5171 13.667 13.333 13.667V14.667V15.667C14.6217 15.667 15.667 14.6217 15.667 13.333H14.667ZM13.333 14.667V13.667H2.66699V14.667V15.667H13.333V14.667ZM2.66699 14.667V13.667C2.4829 13.667 2.33301 13.5171 2.33301 13.333H1.33301H0.333008C0.333008 14.6217 1.37833 15.667 2.66699 15.667V14.667ZM1.33301 13.333H2.33301V2.66699H1.33301H0.333008V13.333H1.33301ZM1.33301 2.66699H2.33301C2.33301 2.4829 2.4829 2.33301 2.66699 2.33301V1.33301V0.333008C1.37833 0.333008 0.333008 1.37833 0.333008 2.66699H1.33301ZM2.66699 1.33301V2.33301H13.333V1.33301V0.333008H2.66699V1.33301Z\"\n fill=\"var(--border-silhouette-color)\"\n mask=\"url(#path-2-outside-1_37206_122649)\"\n />\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M2.66665 1.33301C1.93027 1.33301 1.33331 1.92996 1.33331 2.66634V13.333C1.33331 14.0694 1.93027 14.6663 2.66665 14.6663H13.3333C14.0697 14.6663 14.6666 14.0694 14.6666 13.333V2.66634C14.6666 1.92996 14.0697 1.33301 13.3333 1.33301H2.66665Z\"\n fill=\"var(--alert-caution-color)\"\n />\n <path\n d=\"M2.66632 1.83301H13.3333C13.7934 1.83301 14.1661 2.20593 14.1663 2.66602V13.333C14.1663 13.7932 13.7936 14.166 13.3333 14.166H2.66632C2.20623 14.1658 1.83331 13.7931 1.83331 13.333V2.66602C1.83348 2.2347 2.16127 1.8796 2.58136 1.83691L2.66632 1.83301Z\"\n stroke=\"var(--alert-caution-outline-color)\"\n />\n <path\n d=\"M7.33331 9.33333V4H8.66665V9.33333H7.33331Z\"\n fill=\"var(--on-caution-active-color)\"\n />\n <path\n d=\"M8.66665 10.6667H7.33331V12H8.66665V10.6667Z\"\n fill=\"var(--on-caution-active-color)\"\n />\n </svg>`;\n } else if (\n this.isAlertType(\n ObcAutomationBadgeType.Caution,\n ObcAutomationBadgeType.LevelLow\n )\n ) {\n return html`<svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M2 0.5H14C14.8284 0.5 15.5 1.17157 15.5 2V14C15.5 14.8284 14.8284 15.5 14 15.5H2C1.17157 15.5 0.5 14.8284 0.5 14V2C0.5 1.17157 1.17157 0.5 2 0.5Z\"\n fill=\"var(--alert-caution-color)\"\n />\n <path\n d=\"M2 0.5H14C14.8284 0.5 15.5 1.17157 15.5 2V14C15.5 14.8284 14.8284 15.5 14 15.5H2C1.17157 15.5 0.5 14.8284 0.5 14V2C0.5 1.17157 1.17157 0.5 2 0.5Z\"\n stroke=\"var(--alert-caution-outline-color)\"\n />\n <path\n d=\"M3.5 4.3C3.5 4.01997 3.5 3.87996 3.5545 3.773C3.60243 3.67892 3.67892 3.60243 3.773 3.5545C3.87996 3.5 4.01997 3.5 4.3 3.5H11.7C11.98 3.5 12.12 3.5 12.227 3.5545C12.3211 3.60243 12.3976 3.67892 12.4455 3.773C12.5 3.87996 12.5 4.01997 12.5 4.3V11.7C12.5 11.98 12.5 12.12 12.4455 12.227C12.3976 12.3211 12.3211 12.3976 12.227 12.4455C12.12 12.5 11.98 12.5 11.7 12.5H4.3C4.01997 12.5 3.87996 12.5 3.773 12.4455C3.67892 12.3976 3.60243 12.3211 3.5545 12.227C3.5 12.12 3.5 11.98 3.5 11.7V4.3Z\"\n fill=\"var(--on-caution-active-color)\"\n />\n </svg> `;\n } else if (\n this.isAlertType(\n ObcAutomationBadgeType.Warning,\n ObcAutomationBadgeType.LevelMedium\n ) &&\n this.effectiveMode === ObcAutomationBadgeMode.Flat\n ) {\n return html`\n <svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <mask\n id=\"path-2-outside-1_37206_122675\"\n maskUnits=\"userSpaceOnUse\"\n x=\"0.333008\"\n y=\"0.333008\"\n width=\"16\"\n height=\"16\"\n fill=\"black\"\n >\n <rect\n fill=\"white\"\n x=\"0.333008\"\n y=\"0.333008\"\n width=\"16\"\n height=\"16\"\n />\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M8 1.33301C11.6819 1.33301 14.667 4.3181 14.667 8C14.667 11.6819 11.6819 14.667 8 14.667C4.3181 14.667 1.33301 11.6819 1.33301 8C1.33301 4.3181 4.3181 1.33301 8 1.33301Z\"\n />\n </mask>\n <path\n d=\"M8 1.33301V0.333008V0.333008V1.33301ZM14.667 8H15.667V8H14.667ZM8 14.667V15.667V15.667V14.667ZM1.33301 8H0.333008V8H1.33301ZM8 1.33301V2.33301C11.1296 2.33301 13.667 4.87039 13.667 8H14.667H15.667C15.667 3.76582 12.2342 0.333008 8 0.333008V1.33301ZM14.667 8H13.667C13.667 11.1296 11.1296 13.667 8 13.667V14.667V15.667C12.2342 15.667 15.667 12.2342 15.667 8H14.667ZM8 14.667V13.667C4.87039 13.667 2.33301 11.1296 2.33301 8H1.33301H0.333008C0.333008 12.2342 3.76582 15.667 8 15.667V14.667ZM1.33301 8H2.33301C2.33301 4.87039 4.87039 2.33301 8 2.33301V1.33301V0.333008C3.76582 0.333008 0.333008 3.76582 0.333008 8H1.33301Z\"\n fill=\"var(--border-silhouette-color)\"\n mask=\"url(#path-2-outside-1_37206_122675)\"\n />\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M14.6666 7.99967C14.6666 11.6816 11.6819 14.6663 7.99998 14.6663C4.31808 14.6663 1.33331 11.6816 1.33331 7.99967C1.33331 4.31778 4.31808 1.33301 7.99998 1.33301C11.6819 1.33301 14.6666 4.31778 14.6666 7.99967Z\"\n fill=\"var(--alert-warning-color)\"\n />\n <path\n d=\"M8.00031 1.83301C11.4059 1.83318 14.1663 4.59435 14.1663 8C14.1661 11.4055 11.4058 14.1658 8.00031 14.166C4.59466 14.166 1.83349 11.4056 1.83331 8C1.83331 4.59424 4.59455 1.83301 8.00031 1.83301Z\"\n stroke=\"var(--alert-warning-outline-color)\"\n />\n <path\n d=\"M8.66665 8.66699V4.66699H7.33331V8.66699H8.66665Z\"\n fill=\"var(--on-warning-active-color)\"\n />\n <path\n d=\"M8.66665 11.3337V10.0003H7.33331V11.3337H8.66665Z\"\n fill=\"var(--on-warning-active-color)\"\n />\n </svg>\n `;\n } else if (\n this.isAlertType(\n ObcAutomationBadgeType.Warning,\n ObcAutomationBadgeType.LevelMedium\n )\n ) {\n return html`<svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M2 0.5H14C14.8284 0.5 15.5 1.17157 15.5 2V14C15.5 14.8284 14.8284 15.5 14 15.5H2C1.17157 15.5 0.5 14.8284 0.5 14V2C0.5 1.17157 1.17157 0.5 2 0.5Z\"\n fill=\"var(--alert-warning-color)\"\n />\n <path\n d=\"M2 0.5H14C14.8284 0.5 15.5 1.17157 15.5 2V14C15.5 14.8284 14.8284 15.5 14 15.5H2C1.17157 15.5 0.5 14.8284 0.5 14V2C0.5 1.17157 1.17157 0.5 2 0.5Z\"\n stroke=\"var(--alert-warning-outline-color)\"\n />\n <circle cx=\"8\" cy=\"8\" r=\"5\" fill=\"var(--on-warning-active-color)\" />\n </svg> `;\n } else if (\n this.isAlertType(\n ObcAutomationBadgeType.Alarm,\n ObcAutomationBadgeType.LevelHigh\n ) &&\n this.effectiveMode === ObcAutomationBadgeMode.Flat\n ) {\n return html`<svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0.5 0.5 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <mask\n id=\"path-2-outside-1_37206_122701\"\n maskUnits=\"userSpaceOnUse\"\n x=\"-0.998657\"\n y=\"0\"\n width=\"18\"\n height=\"17\"\n fill=\"black\"\n >\n <rect fill=\"white\" x=\"-0.998657\" width=\"18\" height=\"17\" />\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M7.74502 1.35587C7.99509 0.881431 8.67474 0.881322 8.9247 1.35587L15.5897 14.0229C15.8233 14.4669 15.5015 15.0004 14.9999 15.0004H1.66884C1.16718 15.0004 0.845307 14.4669 1.079 14.0229L7.74502 1.35587Z\"\n />\n </mask>\n <path\n d=\"M7.74502 1.35587L6.86038 0.889586L6.86007 0.89017L7.74502 1.35587ZM8.9247 1.35587L9.80967 0.890223L9.80947 0.889831L8.9247 1.35587ZM15.5897 14.0229L16.4748 13.5573L16.4747 13.5572L15.5897 14.0229ZM1.079 14.0229L1.96393 14.4886L1.96394 14.4886L1.079 14.0229ZM7.74502 1.35587L8.62965 1.82216C8.50484 2.05895 8.16519 2.0597 8.03994 1.82191L8.9247 1.35587L9.80947 0.889831C9.18429 -0.297052 7.48534 -0.296087 6.86038 0.889586L7.74502 1.35587ZM8.9247 1.35587L8.03973 1.82152L14.7048 14.4885L15.5897 14.0229L16.4747 13.5572L9.80967 0.890223L8.9247 1.35587ZM15.5897 14.0229L14.7047 14.4884C14.5885 14.2675 14.7481 14.0004 14.9999 14.0004V15.0004V16.0004C16.255 16.0004 17.0582 14.6663 16.4748 13.5573L15.5897 14.0229ZM14.9999 15.0004V14.0004H1.66884V15.0004V16.0004H14.9999V15.0004ZM1.66884 15.0004V14.0004C1.92039 14.0004 2.08037 14.2673 1.96393 14.4886L1.079 14.0229L0.194074 13.5571C-0.389754 14.6665 0.413976 16.0004 1.66884 16.0004V15.0004ZM1.079 14.0229L1.96394 14.4886L8.62996 1.82157L7.74502 1.35587L6.86007 0.89017L0.194059 13.5572L1.079 14.0229Z\"\n fill=\"var(--border-silhouette-color)\"\n mask=\"url(#path-2-outside-1_37206_122701)\"\n />\n <path\n d=\"M1.07857 14.0235L7.74479 1.35716C7.99473 0.882236 8.6746 0.882252 8.92453 1.35719L15.5899 14.0236C15.8236 14.4676 15.5017 15.001 15.0001 15.001L1.66843 15.001C1.16677 15.001 0.844878 14.4676 1.07857 14.0235Z\"\n fill=\"var(--alert-alarm-color)\"\n />\n <path\n d=\"M8.18744 1.58984C8.25002 1.47134 8.41991 1.4712 8.48236 1.58984L15.1474 14.2568C15.2057 14.3681 15.125 14.501 14.9999 14.501H1.66888C1.54379 14.501 1.46302 14.3681 1.52142 14.2568L8.18744 1.58984Z\"\n stroke=\"var(--alert-alarm-outline-color)\"\n />\n <path\n d=\"M7.66754 10.3343V5.00098H9.00087V10.3343H7.66754Z\"\n fill=\"var(--on-alarm-active-color)\"\n />\n <path\n d=\"M9.00087 11.6676H7.66754V13.001H9.00087V11.6676Z\"\n fill=\"var(--on-alarm-active-color)\"\n />\n </svg> `;\n } else if (\n this.isAlertType(\n ObcAutomationBadgeType.Alarm,\n ObcAutomationBadgeType.LevelHigh\n )\n ) {\n return html`\n <svg\n width=\"16\"\n height=\"16\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M2 0.5H14C14.8284 0.5 15.5 1.17157 15.5 2V14C15.5 14.8284 14.8284 15.5 14 15.5H2C1.17157 15.5 0.5 14.8284 0.5 14V2C0.5 1.17157 1.17157 0.5 2 0.5Z\"\n fill=\"var(--alert-alarm-color)\"\n />\n <path\n d=\"M2 0.5H14C14.8284 0.5 15.5 1.17157 15.5 2V14C15.5 14.8284 14.8284 15.5 14 15.5H2C1.17157 15.5 0.5 14.8284 0.5 14V2C0.5 1.17157 1.17157 0.5 2 0.5Z\"\n stroke=\"var(--alert-alarm-outline-color)\"\n />\n <path\n d=\"M7.29883 3.72622L3.05891 11.3269C2.84063 11.7182 2.73149 11.9139 2.75 12.0741C2.76615 12.2138 2.84042 12.3403 2.9546 12.4225C3.08546 12.5167 3.30949 12.5167 3.75756 12.5167H12.2348C12.6828 12.5167 12.9068 12.5167 13.0376 12.4225C13.1518 12.3403 13.2261 12.2139 13.2422 12.0741C13.2608 11.914 13.1517 11.7184 12.9336 11.3271L8.69623 3.7264C8.46805 3.31712 8.35396 3.11247 8.2037 3.04447C8.07271 2.98519 7.92254 2.98517 7.79153 3.04442C7.64125 3.11238 7.52711 3.317 7.29883 3.72622Z\"\n fill=\"var(--on-alarm-active-color)\"\n />\n </svg>\n `;\n } else {\n return html`<slot name=\"icon-silhouette\"></slot><slot></slot>`;\n }\n }\n\n override render() {\n return html`\n <div class=${classMap({wrapper: true, [this.effectiveMode]: true})}>\n <div class=\"badge\">${this.getIcon()}</div>\n </div>\n `;\n }\n\n static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'obc-automation-badge': ObcAutomationBadge;\n }\n}\n"],"names":["ObcAutomationBadgeMode","ObcAutomationBadgeType"],"mappings":"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"}
|
|
@@ -12,11 +12,11 @@ export declare enum AutomationButtonBadgeAlert {
|
|
|
12
12
|
Caution = "caution",
|
|
13
13
|
Warning = "warning",
|
|
14
14
|
Alarm = "alarm",
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
15
|
+
LevelCritical = "level-critical",
|
|
16
|
+
LevelHigh = "level-high",
|
|
17
|
+
LevelMedium = "level-medium",
|
|
18
|
+
LevelLow = "level-low",
|
|
19
|
+
LevelDiagnostic = "level-diagnostic"
|
|
20
20
|
}
|
|
21
21
|
export declare enum AutomationButtonBadgeInterlock {
|
|
22
22
|
None = "none",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"abstract-automation-button.d.ts","sourceRoot":"","sources":["../../../src/automation/automation-button/abstract-automation-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAE,cAAc,EAAgB,MAAM,KAAK,CAAC;AAE9D,OAAO,2CAA2C,CAAC;AACnD,OAAO,EACL,yBAAyB,EACzB,2BAA2B,EAC3B,+BAA+B,EAE/B,uBAAuB,EACxB,MAAM,2CAA2C,CAAC;AACnD,OAAO,EACL,4BAA4B,EAC5B,gCAAgC,EACjC,MAAM,qFAAqF,CAAC;AAC7F,OAAO,EACL,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,EAClB,MAAM,6CAA6C,CAAC;AACrD,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AACzC,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAC,oBAAoB,EAAC,MAAM,8DAA8D,CAAC;AAElG,oBAAY,0BAA0B;IACpC,IAAI,SAAS;IACb,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,
|
|
1
|
+
{"version":3,"file":"abstract-automation-button.d.ts","sourceRoot":"","sources":["../../../src/automation/automation-button/abstract-automation-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAE,cAAc,EAAgB,MAAM,KAAK,CAAC;AAE9D,OAAO,2CAA2C,CAAC;AACnD,OAAO,EACL,yBAAyB,EACzB,2BAA2B,EAC3B,+BAA+B,EAE/B,uBAAuB,EACxB,MAAM,2CAA2C,CAAC;AACnD,OAAO,EACL,4BAA4B,EAC5B,gCAAgC,EACjC,MAAM,qFAAqF,CAAC;AAC7F,OAAO,EACL,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,EAClB,MAAM,6CAA6C,CAAC;AACrD,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AACzC,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAC,oBAAoB,EAAC,MAAM,8DAA8D,CAAC;AAElG,oBAAY,0BAA0B;IACpC,IAAI,SAAS;IACb,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,aAAa,mBAAmB;IAChC,SAAS,eAAe;IACxB,WAAW,iBAAiB;IAC5B,QAAQ,cAAc;IACtB,eAAe,qBAAqB;CACrC;AAED,oBAAY,8BAA8B;IACxC,IAAI,SAAS;IACb,SAAS,cAAc;IACvB,gBAAgB,sBAAsB;CACvC;AAED,oBAAY,4BAA4B;IACtC,IAAI,SAAS;IACb,KAAK,UAAU;IACf,SAAS,eAAe;IACxB,MAAM,WAAW;IACjB,UAAU,gBAAgB;IAC1B,IAAI,SAAS;CACd;AAED,oBAAY,kCAAkC;IAC5C,IAAI,SAAS;IACb,aAAa,mBAAmB;CACjC;AAED,qBAAa,2BAA4B,SAAQ,UAAU;IACZ,gBAAgB,EAAE,OAAO,CAAQ;IACpD,eAAe,EAAE,+BAA+B,CACjC;IACf,WAAW,EAAE,gCAAgC,CAC5B;IACjB,WAAW,EAAE,2BAA2B,CAC9B;IACT,KAAK,EAAE,OAAO,CAAS;IACxB,cAAc,EAAE,iBAAiB,CACzB;IACR,mBAAmB,EAAE,sBAAsB,CACtC;IACL,gBAAgB,EAAE,SAAS,CAAmB;IAC9C,cAAc,EAAE,iBAAiB,CAC3B;IACa,qBAAqB,EAAE,OAAO,CACpE;IACoB,aAAa,EAAE,OAAO,CAAS;IAC/B,QAAQ,EAAE,OAAO,CAAS;IAC3B,YAAY,EAAE,oBAAoB,CACvB;IACX,aAAa,EAAE,MAAM,CAAK;IAC1B,GAAG,EAAE,MAAM,GAAG,IAAI,CAAQ;IAC1B,SAAS,EAAE,yBAAyB,CAC1B;IACV,YAAY,EAAE,4BAA4B,CAChC;IAEpC,kBAAkB,EAAE,kCAAkC,CACZ;IAChB,cAAc,EAAE,8BAA8B,CAClC;IACZ,UAAU,EAAE,0BAA0B,CAC9B;IAElC,IAAI,IAAI,IAAI,cAAc,CAEzB;IAED,IAAI,GAAG,IAAI,OAAO,CAEjB;IAED,IAAI,QAAQ,IAAI,uBAAuB,CAGtC;IAED,IAAI,aAAa,IAAI,4BAA4B,EAAE,CAElD;IAGD,aAAa,EAAG,WAAW,EAAE,CAAC;IAE9B,YAAY,EAAG,WAAW,EAAE,CAAC;IAE7B,eAAe,EAAG,WAAW,EAAE,CAAC;IAEhC,gBAAgB,EAAG,WAAW,EAAE,CAAC;IAEjC,OAAO,CAAC,cAAc;IA4BtB,OAAO,CAAC,qBAAqB;IAI7B,OAAO,CAAC,iBAAiB;IAuBzB,OAAO,CAAC,mBAAmB;IAe3B,OAAO,CAAC,qBAAqB;IAW7B,OAAO,CAAC,yBAAyB;IAUxB,MAAM;CA8EhB"}
|
|
@@ -21,11 +21,11 @@ var AutomationButtonBadgeAlert = /* @__PURE__ */ ((AutomationButtonBadgeAlert2)
|
|
|
21
21
|
AutomationButtonBadgeAlert2["Caution"] = "caution";
|
|
22
22
|
AutomationButtonBadgeAlert2["Warning"] = "warning";
|
|
23
23
|
AutomationButtonBadgeAlert2["Alarm"] = "alarm";
|
|
24
|
-
AutomationButtonBadgeAlert2["
|
|
25
|
-
AutomationButtonBadgeAlert2["
|
|
26
|
-
AutomationButtonBadgeAlert2["
|
|
27
|
-
AutomationButtonBadgeAlert2["
|
|
28
|
-
AutomationButtonBadgeAlert2["
|
|
24
|
+
AutomationButtonBadgeAlert2["LevelCritical"] = "level-critical";
|
|
25
|
+
AutomationButtonBadgeAlert2["LevelHigh"] = "level-high";
|
|
26
|
+
AutomationButtonBadgeAlert2["LevelMedium"] = "level-medium";
|
|
27
|
+
AutomationButtonBadgeAlert2["LevelLow"] = "level-low";
|
|
28
|
+
AutomationButtonBadgeAlert2["LevelDiagnostic"] = "level-diagnostic";
|
|
29
29
|
return AutomationButtonBadgeAlert2;
|
|
30
30
|
})(AutomationButtonBadgeAlert || {});
|
|
31
31
|
var AutomationButtonBadgeInterlock = /* @__PURE__ */ ((AutomationButtonBadgeInterlock2) => {
|
|
@@ -115,16 +115,16 @@ class ObcAbstractAutomationButton extends LitElement {
|
|
|
115
115
|
return ObcAutomationBadgeType.Warning;
|
|
116
116
|
} else if (this.badgeAlert === "alarm") {
|
|
117
117
|
return ObcAutomationBadgeType.Alarm;
|
|
118
|
-
} else if (this.badgeAlert === "
|
|
119
|
-
return ObcAutomationBadgeType.
|
|
120
|
-
} else if (this.badgeAlert === "
|
|
121
|
-
return ObcAutomationBadgeType.
|
|
122
|
-
} else if (this.badgeAlert === "
|
|
123
|
-
return ObcAutomationBadgeType.
|
|
124
|
-
} else if (this.badgeAlert === "
|
|
125
|
-
return ObcAutomationBadgeType.
|
|
126
|
-
} else if (this.badgeAlert === "
|
|
127
|
-
return ObcAutomationBadgeType.
|
|
118
|
+
} else if (this.badgeAlert === "level-critical") {
|
|
119
|
+
return ObcAutomationBadgeType.LevelCritical;
|
|
120
|
+
} else if (this.badgeAlert === "level-high") {
|
|
121
|
+
return ObcAutomationBadgeType.LevelHigh;
|
|
122
|
+
} else if (this.badgeAlert === "level-medium") {
|
|
123
|
+
return ObcAutomationBadgeType.LevelMedium;
|
|
124
|
+
} else if (this.badgeAlert === "level-low") {
|
|
125
|
+
return ObcAutomationBadgeType.LevelLow;
|
|
126
|
+
} else if (this.badgeAlert === "level-diagnostic") {
|
|
127
|
+
return ObcAutomationBadgeType.LevelDiagnostic;
|
|
128
128
|
}
|
|
129
129
|
return null;
|
|
130
130
|
}
|