npm - @oicl/openbridge-webcomponents - Versions diffs - 2.0.0-next.96 → 2.0.0-next.98 - Mend

@oicl/openbridge-webcomponents 2.0.0-next.96 → 2.0.0-next.98

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.

Files changed (123) hide show

package/dist/automation/automation-badge/automation-badge.d.ts.map CHANGED Viewed

	@@ -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,aAAa,mBAAmB;IAChC,SAAS,eAAe;IACxB,WAAW,iBAAiB;IAC5B,QAAQ,cAAc;IACtB,eAAe,qBAAqB;CACrC;AAaD~~;;GAEG~~;AACH,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"}
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;;;;GAIG;AACH,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"}

package/dist/automation/automation-badge/automation-badge.js.map CHANGED Viewed

	@@ -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 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/*\n @stable\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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"}
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/*\n @slot icon-silhouette - Custom silhouette/outline icon, rendered behind the default slot content when no built-in badge type matches.\n * @slot - Default slot for custom badge content, rendered when no built-in badge type matches.\n * @stable\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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"}

package/dist/automation/automation-button/automation-button.d.ts CHANGED Viewed

@@ -75,6 +75,15 @@ export declare enum AutomationButtonPositioning {
     button = "button"
 }
 /**
+ * @slot badge-top-right - Content projected into the top-right badge position of the button.
+ * @slot badge-top-left - Content projected into the top-left badge position of the button.
+ * @slot badge-bottom-left - Content projected into the bottom-left badge position of the button.
+ * @slot badge-bottom-right - Content projected into the bottom-right badge position of the button.
+ * @slot icon - Primary icon shown inside the button (regular, double, flat and square variants).
+ * @slot icon-silhouette - Silhouette/outline icon shown behind the primary icon (flat variant only).
+ * @slot alert-icon - Custom icon for the alert frame, shown when alert==true and positioning=="point".
+ * @slot alert-label - Label for the alert frame, shown when alert==true and positioning=="point".
+ * @slot alert-timer - Timer for the alert frame, shown when alert==true and positioning=="point".
  * @stable
  */
 export declare class ObcAutomationButton extends LitElement {

package/dist/automation/automation-button/automation-button.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"automation-button.d.ts","sourceRoot":"","sources":["../../../src/automation/automation-button/automation-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,kBAAkB,EAAE,UAAU,EAA2B,MAAM,KAAK,CAAC;AAI7E,OAAO,6BAA6B,CAAC;AACrC,OAAO,kCAAkC,CAAC;AAC1C,OAAO,qCAAqC,CAAC;AAC7C,OAAO,8BAA8B,CAAC;AACtC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,sCAAsC,CAAC;AAC9C,OAAO,6BAA6B,CAAC;AACrC,OAAO,qCAAqC,CAAC;AAC7C,OAAO,uCAAuC,CAAC;AAC/C,OAAO,uCAAuC,CAAC;AAC/C,OAAO,wCAAwC,CAAC;AAChD,OAAO,6CAA6C,CAAC;AACrD,OAAO,EACL,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,EAElB,MAAM,6CAA6C,CAAC;AACrD,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAEzC,OAAO,EACL,4BAA4B,EAC5B,gCAAgC,EAEjC,MAAM,qFAAqF,CAAC;AAC7F,OAAO,qFAAqF,CAAC;AAC7F,OAAO,8DAA8D,CAAC;AACtE,OAAO,EAAC,oBAAoB,EAAC,MAAM,8DAA8D,CAAC;AAElG,OAAO,EAAC,oBAAoB,EAAC,CAAC;AAE9B,oBAAY,uBAAuB;IACjC,OAAO,YAAY;IACnB,MAAM,WAAW;IACjB,OAAO,YAAY;IACnB,MAAM,WAAW;IACjB,IAAI,SAAS;IACb,WAAW,iBAAiB;CAC7B;AAED,oBAAY,qBAAqB;IAC/B,MAAM,WAAW;IACjB,IAAI,SAAS;CACd;AAED,oBAAY,+BAA+B;IACzC,GAAG,QAAQ;IACX,MAAM,WAAW;IACjB,IAAI,SAAS;IACb,KAAK,UAAU;CAChB;AAED,oBAAY,yBAAyB;IACnC,OAAO,YAAY;IACnB,WAAW,iBAAiB;IAC5B,cAAc,oBAAoB;IAClC,QAAQ,aAAa;IACrB,YAAY,kBAAkB;IAC9B,eAAe,qBAAqB;IACpC,OAAO,YAAY;CACpB;AAED,oBAAY,8BAA8B;IACxC,EAAE,OAAO;IACT,IAAI,SAAS;IACb,IAAI,SAAS;IACb,KAAK,UAAU;IACf,IAAI,SAAS;CACd;AAED;;;;;GAKG;AACH,oBAAY,2BAA2B;IACrC,UAAU,eAAe;IACzB,aAAa,kBAAkB;IAC/B,YAAY,iBAAiB;CAC9B;AAED;;;;;GAKG;AACH,oBAAY,2BAA2B;IACrC,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,MAAM,WAAW;CAClB;AAED~~;;GAEG~~;AACH,qBACa,mBAAoB,SAAQ,UAAU;IACvB,OAAO,EAAE,uBAAuB,CACxB;IACR,KAAK,EAAE,qBAAqB,CACzB;IACF,MAAM,EAAE,OAAO,CAAS;IACnD,sGAAsG;IAC3E,SAAS,EAAE,OAAO,CAAS;IACT,gBAAgB,EAAE,OAAO,CAAQ;IAC9E,4CAA4C;IAE5C,QAAQ,EAAE,4BAA4B,EAAE,CAAM;IAC9C,4CAA4C;IAE5C,GAAG,EAAE,MAAM,GAAG,IAAI,CAAQ;IAC1B,4CAA4C;IAClB,eAAe,EAAE,+BAA+B,CACjC;IACzC,4CAA4C;IAClB,WAAW,EAAE,gCAAgC,CAC5B;IAChB,KAAK,EAAE,OAAO,CAAS;IAClD,iCAAiC;IACP,cAAc,EAAE,iBAAiB,CACzB;IAClC,iCAAiC;IACP,mBAAmB,EAAE,sBAAsB,CACtC;IAC/B,iCAAiC;IACP,gBAAgB,EAAE,SAAS,CAAmB;IACxE,iCAAiC;IACP,cAAc,EAAE,iBAAiB,CAC3B;IAChC,2FAA2F;IAC9C,qBAAqB,EAAE,OAAO,CACpE;IACP,iCAAiC;IACN,aAAa,EAAE,OAAO,CAAS;IAC/B,QAAQ,EAAE,OAAO,CAAS;IACrD,oCAAoC;IACV,YAAY,EAAE,oBAAoB,CACvB;IACrC,gGAAgG;IACtE,aAAa,EAAE,MAAM,CAAK;IACpD,+DAA+D;IACrC,SAAS,EAAE,yBAAyB,CAC1B;IACV,WAAW,EAAE,2BAA2B,CAC9B;IACV,WAAW,EAAE,2BAA2B,CACzB;IACzC,2FAA2F;IAChE,cAAc,EAAE,OAAO,CAAS;IAElD,MAAM;IAmEf,OAAO,CAAC,WAAW;IA8BnB,OAAgB,MAAM,0BAA2B;IAEjD,OAAO,KAAK,gBAAgB,GAK3B;IAED,OAAO,CAAC,gBAAgB;IA2CxB,OAAO,CAAC,eAAe;IAYvB,OAAO,CAAC,gBAAgB;IAkHxB,OAAO,CAAC,mBAAmB;CAM5B;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,uBAAuB,EAAE,mBAAmB,CAAC;KAC9C;CACF"}
1	+ {"version":3,"file":"automation-button.d.ts","sourceRoot":"","sources":["../../../src/automation/automation-button/automation-button.ts"],"names":[],"mappings":"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"}

package/dist/automation/automation-button/automation-button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"automation-button.js","sources":["../../../src/automation/automation-button/automation-button.ts"],"sourcesContent":["import {HTMLTemplateResult, LitElement, html, nothing, unsafeCSS} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport compentStyle from './automation-button.css?inline';\nimport {classMap} from 'lit/directives/class-map.js';\nimport '../../icons/icon-forward.js';\nimport '../../icons/icon-forward-fast.js';\nimport '../../icons/icon-forward-stopped.js';\nimport '../../icons/icon-backward.js';\nimport '../../icons/icon-backward-fast.js';\nimport '../../icons/icon-backward-stopped.js';\nimport '../../icons/icon-standby.js';\nimport '../../icons/icon-arrow-up-google.js';\nimport '../../icons/icon-arrow-down-google.js';\nimport '../../icons/icon-arrow-left-google.js';\nimport '../../icons/icon-arrow-right-google.js';\nimport '../../components/alert-frame/alert-frame.js';\nimport {\n ObcAlertFrameThickness,\n ObcAlertFrameType,\n ObcAlertFrameMode,\n wrapWithAlertFrame,\n} from '../../components/alert-frame/alert-frame.js';\nimport {AlertType} from '../../types.js';\nimport {customElement} from '../../decorator.js';\nimport {\n AutomationButtonReadoutStack,\n AutomationButtonReadoutStackSize,\n IdTagOrientation,\n} from '../../components/automation-button-readout-stack/automation-button-readout-stack.js';\nimport '../../components/automation-button-readout-stack/automation-button-readout-stack.js';\nimport '../../building-blocks/circular-progress/circular-progress.js';\nimport {CircularProgressMode} from '../../building-blocks/circular-progress/circular-progress.js';\n\nexport {CircularProgressMode};\n\nexport enum AutomationButtonVariant {\n regular = 'regular',\n double = 'double',\n forward = 'forward',\n square = 'square',\n flat = 'flat',\n flatForward = 'flat-forward',\n}\n\nexport enum AutomationButtonState {\n closed = 'closed',\n open = 'open',\n}\n\nexport enum AutomationButtonReadoutPosition {\n top = 'top',\n bottom = 'bottom',\n left = 'left',\n right = 'right',\n}\n\nexport enum AutomationButtonDirection {\n forward = 'forward',\n forwardFast = 'forward-fast',\n forwardStopped = 'forward-stopped',\n backward = 'backward',\n backwardFast = 'backward-fast',\n backwardStopped = 'backward-stopped',\n standby = 'standby',\n}\n\nexport enum AutomationButtonLabelDirection {\n up = 'up',\n down = 'down',\n left = 'left',\n right = 'right',\n none = 'none',\n}\n\n/*\n The orientation of the inner icon/symbol.\n * - `horizontal`: The icon is shown in its default horizontal orientation.\n * - `verticalRight`: The icon is rotated 90° clockwise.\n * - `verticalLeft`: The icon is rotated 90° counter-clockwise.\n /\nexport enum AutomationButtonOrientation {\n horizontal = 'horizontal',\n verticalRight = 'verticalRight',\n verticalLeft = 'verticalLeft',\n}\n\n/\n The positioning of the automation button.\n * - `point`: The button is wrapped in a 0x0 px div, where the center of the symbol is the center of the div.\n * - `symbol`: The button is wrapped in a div containing the symbol but not the readout stack\n * - `button`: The button not wrapped, in is positioned based on the full size of the button.\n /\nexport enum AutomationButtonPositioning {\n point = 'point',\n symbol = 'symbol',\n button = 'button',\n}\n\n/\n @stable\n /\n@customElement('obc-automation-button')\nexport class ObcAutomationButton extends LitElement {\n @property({type: String}) variant: AutomationButtonVariant =\n AutomationButtonVariant.regular;\n @property({type: String}) state: AutomationButtonState =\n AutomationButtonState.open;\n @property({type: Boolean}) static: boolean = false;\n /* Enables the activated background color, used to indicate that the button is activated/selected. /\n @property({type: Boolean}) activated: boolean = false;\n @property({type: Boolean, attribute: false}) showReadoutStack: boolean = true;\n /* @availableWhen showReadoutStack==true /\n @property({type: Array, attribute: false})\n readouts: AutomationButtonReadoutStack[] = [];\n /* @availableWhen showReadoutStack==true /\n @property({type: String})\n tag: string \| null = null;\n /* @availableWhen showReadoutStack==true /\n @property({type: String}) readoutPosition: AutomationButtonReadoutPosition =\n AutomationButtonReadoutPosition.bottom;\n /* @availableWhen showReadoutStack==true /\n @property({type: String}) readoutSize: AutomationButtonReadoutStackSize =\n AutomationButtonReadoutStackSize.regular;\n @property({type: Boolean}) alert: boolean = false;\n /* @availableWhen alert==true /\n @property({type: String}) alertFrameType: ObcAlertFrameType =\n ObcAlertFrameType.SmallSideFlip;\n /* @availableWhen alert==true /\n @property({type: String}) alertFrameThickness: ObcAlertFrameThickness =\n ObcAlertFrameThickness.Small;\n /* @availableWhen alert==true /\n @property({type: String}) alertFrameStatus: AlertType = AlertType.Alarm;\n /* @availableWhen alert==true /\n @property({type: String}) alertFrameMode: ObcAlertFrameMode =\n ObcAlertFrameMode.ackedActive;\n /* @availableWhen alert==true && alertFrameType in [LargeSideFlip, BottomFlip, TopFlip] /\n @property({type: Boolean, attribute: false}) showAlertCategoryIcon: boolean =\n true;\n /* @availableWhen alert==true /\n @property({type: Boolean}) showAlertIcon: boolean = false;\n @property({type: Boolean}) progress: boolean = false;\n /* @availableWhen progress==true /\n @property({type: String}) progressMode: CircularProgressMode =\n CircularProgressMode.indeterminate;\n /* @availableWhen progress==true && progressMode in [determinate, progressive-indeterminate] /\n @property({type: Number}) progressValue: number = 0;\n /* @availableWhen variant in [double, forward, flatForward] /\n @property({type: String}) direction: AutomationButtonDirection =\n AutomationButtonDirection.forward;\n @property({type: String}) positioning: AutomationButtonPositioning =\n AutomationButtonPositioning.point;\n @property({type: String}) orientation: AutomationButtonOrientation =\n AutomationButtonOrientation.horizontal;\n /* Badge spacer should be set to true if there is a badge on the same side as the label */\n @property({type: Boolean}) hasBadgeSpacer: boolean = false;\n\n override render() {\n const effectiveVariant = this.effectiveVariant;\n\n const hasLabelContent =\n this.showReadoutStack && (this.readouts.length > 0 \|\| this.tag !== null);\n\n return this.wrapContent(html`\n <button\n class=${classMap({\n wrapper: true,\n ['positioning-' + this.positioning]: true,\n ['variant-' + effectiveVariant]: true,\n ['state-' + this.state]: true,\n 'label-empty': !hasLabelContent,\n ['label-' + this.readoutPosition]: true,\n 'has-badge-spacer': this.hasBadgeSpacer,\n alert: this.alert,\n progress: this.progress,\n static: this.static,\n activated: this.activated,\n })}\n >\n <div class=\"icon-touch-target\">\n ${this.renderIconHolder()}\n <div class=\"badge-top-right\">\n <slot name=\"badge-top-right\"></slot>\n </div>\n <div class=\"badge-top-left\">\n <slot name=\"badge-top-left\"></slot>\n </div>\n <div class=\"badge-bottom-left\">\n <slot name=\"badge-bottom-left\"></slot>\n </div>\n <div class=\"badge-bottom-right\">\n <slot name=\"badge-bottom-right\"></slot>\n </div>\n </div>\n ${this.showReadoutStack\n ? html`\n <div class=\"badge-spacer\"></div>\n <obc-automation-button-readout-stack\n .readouts=${this.readouts}\n .tag=${this.tag}\n .size=${this.readoutSize}\n .idTagOrientation=${this.getIdTagOrientation()}\n ></obc-automation-button-readout-stack>\n `\n : nothing}\n ${this.alert && this.positioning === AutomationButtonPositioning.point\n ? html` <obc-alert-frame\n class=\"alert-frame\"\n .type=${this.alertFrameType}\n .thickness=${this.alertFrameThickness}\n .status=${this.alertFrameStatus}\n .mode=${this.alertFrameMode}\n .showAlertCategoryIcon=${this.showAlertCategoryIcon}\n .showIcon=${this.showAlertIcon}\n >\n <span slot=\"icon\"><slot name=\"alert-icon\"></slot></span>\n <span slot=\"label\"><slot name=\"alert-label\"></slot></span>\n <span slot=\"timer\"><slot name=\"alert-timer\"></slot></span>\n </obc-alert-frame>`\n : nothing}\n </button>\n `);\n }\n\n private wrapContent(content: HTMLTemplateResult): HTMLTemplateResult {\n if (this.positioning === AutomationButtonPositioning.point) {\n return html`<div class=\"point-wrapper\">${content}</div>`;\n }\n const innerContent = wrapWithAlertFrame(\n this.alert\n ? {\n type: this.alertFrameType,\n thickness: this.alertFrameThickness,\n status: this.alertFrameStatus,\n mode: this.alertFrameMode,\n showIcon: this.showAlertIcon,\n showAlertCategoryIcon: this.showAlertCategoryIcon,\n }\n : false,\n content\n );\n if (this.positioning === AutomationButtonPositioning.symbol) {\n return html`<div\n class=${classMap({\n 'symbol-wrapper': true,\n ['label-' + this.readoutPosition]: true,\n })}\n >\n ${innerContent}\n </div> `;\n }\n return innerContent;\n }\n\n static override styles = unsafeCSS(compentStyle);\n\n private get effectiveVariant(): AutomationButtonVariant {\n if (this.progress) {\n return AutomationButtonVariant.regular;\n }\n return this.variant;\n }\n\n private renderIconHolder(): HTMLTemplateResult {\n const effectiveVariant = this.effectiveVariant;\n const progressRing = this.getProgressRing();\n const iconHolderClasses = classMap({\n 'icon-holder': true,\n ['orientation-' + this.orientation]: true,\n });\n if (this.variant === AutomationButtonVariant.flatForward) {\n return html`<div class=${iconHolderClasses}>\n ${this.getDirectionIcon(effectiveVariant, 'icon-primary')}\n ${this.getDirectionIcon(effectiveVariant, 'icon-silhouette')}\n ${progressRing}\n </div>`;\n } else if (this.variant === AutomationButtonVariant.forward) {\n return html`<div class=${iconHolderClasses}>\n ${this.getDirectionIcon(effectiveVariant, 'icon-primary')}\n ${progressRing}\n </div>`;\n }\n\n const direction = this.getDirectionIcon(effectiveVariant);\n const showIcon = [\n AutomationButtonVariant.regular,\n AutomationButtonVariant.double,\n AutomationButtonVariant.flat,\n AutomationButtonVariant.square,\n ].includes(effectiveVariant);\n return html`<div class=${iconHolderClasses}>\n ${direction}\n ${showIcon\n ? html`<div class=\"icon-primary\">\n <slot name=\"icon\"></slot>\n </div>\n ${effectiveVariant === AutomationButtonVariant.flat\n ? html` <div class=\"icon-silhouette\">\n <slot name=\"icon-silhouette\"></slot>\n </div>`\n : nothing} `\n : nothing}\n ${progressRing}\n </div>`;\n }\n\n private getProgressRing(): null \| HTMLTemplateResult {\n if (!this.progress) {\n return null;\n }\n\n return html`<obc-circular-progress\n class=\"progress-ring\"\n .mode=${this.progressMode}\n .value=${this.progressValue}\n ></obc-circular-progress>`;\n }\n\n private getDirectionIcon(\n variant: AutomationButtonVariant,\n className: string = 'icon-direction'\n ): typeof nothing \| HTMLTemplateResult {\n if (\n ![\n AutomationButtonVariant.double,\n AutomationButtonVariant.forward,\n AutomationButtonVariant.flatForward,\n ].includes(variant)\n ) {\n return nothing;\n } else if (this.direction === AutomationButtonDirection.forward) {\n return html`<svg\n class=\"${className}\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M8 5 v 14 L 20 12Z\"\n stroke=\"var(--automation-device-tertiary-color)\"\n fill=\"var(--automation-device-primary-color)\"\n vector-effect=\"non-scaling-stroke\"\n />\n </svg> `;\n } else if (this.direction === AutomationButtonDirection.forwardFast) {\n return html`<svg\n class=\"${className}\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M3.5 5 v 14 l 8.5 -7 Z M14.5 5 v 14 l 8.5 -7 Z\"\n stroke=\"var(--automation-device-tertiary-color)\"\n fill=\"var(--automation-device-primary-color)\"\n vector-effect=\"non-scaling-stroke\"\n />\n </svg> `;\n } else if (this.direction === AutomationButtonDirection.forwardStopped) {\n return html`<svg\n class=\"${className}\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M8 5 v 14 L 20 12Z\"\n fill=\"var(--automation-device-tertiary-color)\"\n stroke=\"var(--automation-device-tertiary-inverted-color)\"\n vector-effect=\"non-scaling-stroke\"\n />\n </svg> `;\n } else if (this.direction === AutomationButtonDirection.backward) {\n return html`<svg\n class=\"${className}\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M16 5 v 14 L 4 12Z\"\n stroke=\"var(--automation-device-tertiary-color)\"\n fill=\"var(--automation-device-primary-color)\"\n vector-effect=\"non-scaling-stroke\"\n />\n </svg>`;\n } else if (this.direction === AutomationButtonDirection.backwardFast) {\n return html`<svg\n class=\"${className}\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M20.5 5 v 14 l -8.5 -7 Z M9.5 5 v 14 l -8.5 -7 Z\"\n stroke=\"var(--automation-device-tertiary-color)\"\n fill=\"var(--automation-device-primary-color)\"\n vector-effect=\"non-scaling-stroke\"\n />\n </svg>`;\n } else if (this.direction === AutomationButtonDirection.backwardStopped) {\n return html`<svg\n class=\"${className}\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M16 5 v 14 L 4 12Z\"\n fill=\"var(--automation-device-tertiary-color)\"\n stroke=\"var(--automation-device-tertiary-inverted-color)\"\n vector-effect=\"non-scaling-stroke\"\n />\n </svg> `;\n } else if (this.direction === AutomationButtonDirection.standby) {\n return html`<obi-standby class=\"${className}\" usecsscolor></obi-standby>`;\n }\n throw new Error('Invalid direction');\n }\n\n private getIdTagOrientation(): IdTagOrientation {\n if (this.readoutPosition === AutomationButtonReadoutPosition.top) {\n return IdTagOrientation.top;\n }\n return IdTagOrientation.bottom;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'obc-automation-button': ObcAutomationButton;\n }\n}\n"],"names":["AutomationButtonVariant","AutomationButtonState","AutomationButtonReadoutPosition","AutomationButtonDirection","AutomationButtonLabelDirection","AutomationButtonOrientation","AutomationButtonPositioning"],"mappings":"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"}
1	+ {"version":3,"file":"automation-button.js","sources":["../../../src/automation/automation-button/automation-button.ts"],"sourcesContent":["import {HTMLTemplateResult, LitElement, html, nothing, unsafeCSS} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport compentStyle from './automation-button.css?inline';\nimport {classMap} from 'lit/directives/class-map.js';\nimport '../../icons/icon-forward.js';\nimport '../../icons/icon-forward-fast.js';\nimport '../../icons/icon-forward-stopped.js';\nimport '../../icons/icon-backward.js';\nimport '../../icons/icon-backward-fast.js';\nimport '../../icons/icon-backward-stopped.js';\nimport '../../icons/icon-standby.js';\nimport '../../icons/icon-arrow-up-google.js';\nimport '../../icons/icon-arrow-down-google.js';\nimport '../../icons/icon-arrow-left-google.js';\nimport '../../icons/icon-arrow-right-google.js';\nimport '../../components/alert-frame/alert-frame.js';\nimport {\n ObcAlertFrameThickness,\n ObcAlertFrameType,\n ObcAlertFrameMode,\n wrapWithAlertFrame,\n} from '../../components/alert-frame/alert-frame.js';\nimport {AlertType} from '../../types.js';\nimport {customElement} from '../../decorator.js';\nimport {\n AutomationButtonReadoutStack,\n AutomationButtonReadoutStackSize,\n IdTagOrientation,\n} from '../../components/automation-button-readout-stack/automation-button-readout-stack.js';\nimport '../../components/automation-button-readout-stack/automation-button-readout-stack.js';\nimport '../../building-blocks/circular-progress/circular-progress.js';\nimport {CircularProgressMode} from '../../building-blocks/circular-progress/circular-progress.js';\n\nexport {CircularProgressMode};\n\nexport enum AutomationButtonVariant {\n regular = 'regular',\n double = 'double',\n forward = 'forward',\n square = 'square',\n flat = 'flat',\n flatForward = 'flat-forward',\n}\n\nexport enum AutomationButtonState {\n closed = 'closed',\n open = 'open',\n}\n\nexport enum AutomationButtonReadoutPosition {\n top = 'top',\n bottom = 'bottom',\n left = 'left',\n right = 'right',\n}\n\nexport enum AutomationButtonDirection {\n forward = 'forward',\n forwardFast = 'forward-fast',\n forwardStopped = 'forward-stopped',\n backward = 'backward',\n backwardFast = 'backward-fast',\n backwardStopped = 'backward-stopped',\n standby = 'standby',\n}\n\nexport enum AutomationButtonLabelDirection {\n up = 'up',\n down = 'down',\n left = 'left',\n right = 'right',\n none = 'none',\n}\n\n/*\n The orientation of the inner icon/symbol.\n * - `horizontal`: The icon is shown in its default horizontal orientation.\n * - `verticalRight`: The icon is rotated 90° clockwise.\n * - `verticalLeft`: The icon is rotated 90° counter-clockwise.\n /\nexport enum AutomationButtonOrientation {\n horizontal = 'horizontal',\n verticalRight = 'verticalRight',\n verticalLeft = 'verticalLeft',\n}\n\n/\n The positioning of the automation button.\n * - `point`: The button is wrapped in a 0x0 px div, where the center of the symbol is the center of the div.\n * - `symbol`: The button is wrapped in a div containing the symbol but not the readout stack\n * - `button`: The button not wrapped, in is positioned based on the full size of the button.\n /\nexport enum AutomationButtonPositioning {\n point = 'point',\n symbol = 'symbol',\n button = 'button',\n}\n\n/\n @slot badge-top-right - Content projected into the top-right badge position of the button.\n * @slot badge-top-left - Content projected into the top-left badge position of the button.\n * @slot badge-bottom-left - Content projected into the bottom-left badge position of the button.\n * @slot badge-bottom-right - Content projected into the bottom-right badge position of the button.\n * @slot icon - Primary icon shown inside the button (regular, double, flat and square variants).\n * @slot icon-silhouette - Silhouette/outline icon shown behind the primary icon (flat variant only).\n * @slot alert-icon - Custom icon for the alert frame, shown when alert==true and positioning==\"point\".\n * @slot alert-label - Label for the alert frame, shown when alert==true and positioning==\"point\".\n * @slot alert-timer - Timer for the alert frame, shown when alert==true and positioning==\"point\".\n * @stable\n /\n@customElement('obc-automation-button')\nexport class ObcAutomationButton extends LitElement {\n @property({type: String}) variant: AutomationButtonVariant =\n AutomationButtonVariant.regular;\n @property({type: String}) state: AutomationButtonState =\n AutomationButtonState.open;\n @property({type: Boolean}) static: boolean = false;\n /* Enables the activated background color, used to indicate that the button is activated/selected. /\n @property({type: Boolean}) activated: boolean = false;\n @property({type: Boolean, attribute: false}) showReadoutStack: boolean = true;\n /* @availableWhen showReadoutStack==true /\n @property({type: Array, attribute: false})\n readouts: AutomationButtonReadoutStack[] = [];\n /* @availableWhen showReadoutStack==true /\n @property({type: String})\n tag: string \| null = null;\n /* @availableWhen showReadoutStack==true /\n @property({type: String}) readoutPosition: AutomationButtonReadoutPosition =\n AutomationButtonReadoutPosition.bottom;\n /* @availableWhen showReadoutStack==true /\n @property({type: String}) readoutSize: AutomationButtonReadoutStackSize =\n AutomationButtonReadoutStackSize.regular;\n @property({type: Boolean}) alert: boolean = false;\n /* @availableWhen alert==true /\n @property({type: String}) alertFrameType: ObcAlertFrameType =\n ObcAlertFrameType.SmallSideFlip;\n /* @availableWhen alert==true /\n @property({type: String}) alertFrameThickness: ObcAlertFrameThickness =\n ObcAlertFrameThickness.Small;\n /* @availableWhen alert==true /\n @property({type: String}) alertFrameStatus: AlertType = AlertType.Alarm;\n /* @availableWhen alert==true /\n @property({type: String}) alertFrameMode: ObcAlertFrameMode =\n ObcAlertFrameMode.ackedActive;\n /* @availableWhen alert==true && alertFrameType in [LargeSideFlip, BottomFlip, TopFlip] /\n @property({type: Boolean, attribute: false}) showAlertCategoryIcon: boolean =\n true;\n /* @availableWhen alert==true /\n @property({type: Boolean}) showAlertIcon: boolean = false;\n @property({type: Boolean}) progress: boolean = false;\n /* @availableWhen progress==true /\n @property({type: String}) progressMode: CircularProgressMode =\n CircularProgressMode.indeterminate;\n /* @availableWhen progress==true && progressMode in [determinate, progressive-indeterminate] /\n @property({type: Number}) progressValue: number = 0;\n /* @availableWhen variant in [double, forward, flatForward] /\n @property({type: String}) direction: AutomationButtonDirection =\n AutomationButtonDirection.forward;\n @property({type: String}) positioning: AutomationButtonPositioning =\n AutomationButtonPositioning.point;\n @property({type: String}) orientation: AutomationButtonOrientation =\n AutomationButtonOrientation.horizontal;\n /* Badge spacer should be set to true if there is a badge on the same side as the label */\n @property({type: Boolean}) hasBadgeSpacer: boolean = false;\n\n override render() {\n const effectiveVariant = this.effectiveVariant;\n\n const hasLabelContent =\n this.showReadoutStack && (this.readouts.length > 0 \|\| this.tag !== null);\n\n return this.wrapContent(html`\n <button\n class=${classMap({\n wrapper: true,\n ['positioning-' + this.positioning]: true,\n ['variant-' + effectiveVariant]: true,\n ['state-' + this.state]: true,\n 'label-empty': !hasLabelContent,\n ['label-' + this.readoutPosition]: true,\n 'has-badge-spacer': this.hasBadgeSpacer,\n alert: this.alert,\n progress: this.progress,\n static: this.static,\n activated: this.activated,\n })}\n >\n <div class=\"icon-touch-target\">\n ${this.renderIconHolder()}\n <div class=\"badge-top-right\">\n <slot name=\"badge-top-right\"></slot>\n </div>\n <div class=\"badge-top-left\">\n <slot name=\"badge-top-left\"></slot>\n </div>\n <div class=\"badge-bottom-left\">\n <slot name=\"badge-bottom-left\"></slot>\n </div>\n <div class=\"badge-bottom-right\">\n <slot name=\"badge-bottom-right\"></slot>\n </div>\n </div>\n ${this.showReadoutStack\n ? html`\n <div class=\"badge-spacer\"></div>\n <obc-automation-button-readout-stack\n .readouts=${this.readouts}\n .tag=${this.tag}\n .size=${this.readoutSize}\n .idTagOrientation=${this.getIdTagOrientation()}\n ></obc-automation-button-readout-stack>\n `\n : nothing}\n ${this.alert && this.positioning === AutomationButtonPositioning.point\n ? html` <obc-alert-frame\n class=\"alert-frame\"\n .type=${this.alertFrameType}\n .thickness=${this.alertFrameThickness}\n .status=${this.alertFrameStatus}\n .mode=${this.alertFrameMode}\n .showAlertCategoryIcon=${this.showAlertCategoryIcon}\n .showIcon=${this.showAlertIcon}\n >\n <span slot=\"icon\"><slot name=\"alert-icon\"></slot></span>\n <span slot=\"label\"><slot name=\"alert-label\"></slot></span>\n <span slot=\"timer\"><slot name=\"alert-timer\"></slot></span>\n </obc-alert-frame>`\n : nothing}\n </button>\n `);\n }\n\n private wrapContent(content: HTMLTemplateResult): HTMLTemplateResult {\n if (this.positioning === AutomationButtonPositioning.point) {\n return html`<div class=\"point-wrapper\">${content}</div>`;\n }\n const innerContent = wrapWithAlertFrame(\n this.alert\n ? {\n type: this.alertFrameType,\n thickness: this.alertFrameThickness,\n status: this.alertFrameStatus,\n mode: this.alertFrameMode,\n showIcon: this.showAlertIcon,\n showAlertCategoryIcon: this.showAlertCategoryIcon,\n }\n : false,\n content\n );\n if (this.positioning === AutomationButtonPositioning.symbol) {\n return html`<div\n class=${classMap({\n 'symbol-wrapper': true,\n ['label-' + this.readoutPosition]: true,\n })}\n >\n ${innerContent}\n </div> `;\n }\n return innerContent;\n }\n\n static override styles = unsafeCSS(compentStyle);\n\n private get effectiveVariant(): AutomationButtonVariant {\n if (this.progress) {\n return AutomationButtonVariant.regular;\n }\n return this.variant;\n }\n\n private renderIconHolder(): HTMLTemplateResult {\n const effectiveVariant = this.effectiveVariant;\n const progressRing = this.getProgressRing();\n const iconHolderClasses = classMap({\n 'icon-holder': true,\n ['orientation-' + this.orientation]: true,\n });\n if (this.variant === AutomationButtonVariant.flatForward) {\n return html`<div class=${iconHolderClasses}>\n ${this.getDirectionIcon(effectiveVariant, 'icon-primary')}\n ${this.getDirectionIcon(effectiveVariant, 'icon-silhouette')}\n ${progressRing}\n </div>`;\n } else if (this.variant === AutomationButtonVariant.forward) {\n return html`<div class=${iconHolderClasses}>\n ${this.getDirectionIcon(effectiveVariant, 'icon-primary')}\n ${progressRing}\n </div>`;\n }\n\n const direction = this.getDirectionIcon(effectiveVariant);\n const showIcon = [\n AutomationButtonVariant.regular,\n AutomationButtonVariant.double,\n AutomationButtonVariant.flat,\n AutomationButtonVariant.square,\n ].includes(effectiveVariant);\n return html`<div class=${iconHolderClasses}>\n ${direction}\n ${showIcon\n ? html`<div class=\"icon-primary\">\n <slot name=\"icon\"></slot>\n </div>\n ${effectiveVariant === AutomationButtonVariant.flat\n ? html` <div class=\"icon-silhouette\">\n <slot name=\"icon-silhouette\"></slot>\n </div>`\n : nothing} `\n : nothing}\n ${progressRing}\n </div>`;\n }\n\n private getProgressRing(): null \| HTMLTemplateResult {\n if (!this.progress) {\n return null;\n }\n\n return html`<obc-circular-progress\n class=\"progress-ring\"\n .mode=${this.progressMode}\n .value=${this.progressValue}\n ></obc-circular-progress>`;\n }\n\n private getDirectionIcon(\n variant: AutomationButtonVariant,\n className: string = 'icon-direction'\n ): typeof nothing \| HTMLTemplateResult {\n if (\n ![\n AutomationButtonVariant.double,\n AutomationButtonVariant.forward,\n AutomationButtonVariant.flatForward,\n ].includes(variant)\n ) {\n return nothing;\n } else if (this.direction === AutomationButtonDirection.forward) {\n return html`<svg\n class=\"${className}\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M8 5 v 14 L 20 12Z\"\n stroke=\"var(--automation-device-tertiary-color)\"\n fill=\"var(--automation-device-primary-color)\"\n vector-effect=\"non-scaling-stroke\"\n />\n </svg> `;\n } else if (this.direction === AutomationButtonDirection.forwardFast) {\n return html`<svg\n class=\"${className}\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M3.5 5 v 14 l 8.5 -7 Z M14.5 5 v 14 l 8.5 -7 Z\"\n stroke=\"var(--automation-device-tertiary-color)\"\n fill=\"var(--automation-device-primary-color)\"\n vector-effect=\"non-scaling-stroke\"\n />\n </svg> `;\n } else if (this.direction === AutomationButtonDirection.forwardStopped) {\n return html`<svg\n class=\"${className}\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M8 5 v 14 L 20 12Z\"\n fill=\"var(--automation-device-tertiary-color)\"\n stroke=\"var(--automation-device-tertiary-inverted-color)\"\n vector-effect=\"non-scaling-stroke\"\n />\n </svg> `;\n } else if (this.direction === AutomationButtonDirection.backward) {\n return html`<svg\n class=\"${className}\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M16 5 v 14 L 4 12Z\"\n stroke=\"var(--automation-device-tertiary-color)\"\n fill=\"var(--automation-device-primary-color)\"\n vector-effect=\"non-scaling-stroke\"\n />\n </svg>`;\n } else if (this.direction === AutomationButtonDirection.backwardFast) {\n return html`<svg\n class=\"${className}\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M20.5 5 v 14 l -8.5 -7 Z M9.5 5 v 14 l -8.5 -7 Z\"\n stroke=\"var(--automation-device-tertiary-color)\"\n fill=\"var(--automation-device-primary-color)\"\n vector-effect=\"non-scaling-stroke\"\n />\n </svg>`;\n } else if (this.direction === AutomationButtonDirection.backwardStopped) {\n return html`<svg\n class=\"${className}\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M16 5 v 14 L 4 12Z\"\n fill=\"var(--automation-device-tertiary-color)\"\n stroke=\"var(--automation-device-tertiary-inverted-color)\"\n vector-effect=\"non-scaling-stroke\"\n />\n </svg> `;\n } else if (this.direction === AutomationButtonDirection.standby) {\n return html`<obi-standby class=\"${className}\" usecsscolor></obi-standby>`;\n }\n throw new Error('Invalid direction');\n }\n\n private getIdTagOrientation(): IdTagOrientation {\n if (this.readoutPosition === AutomationButtonReadoutPosition.top) {\n return IdTagOrientation.top;\n }\n return IdTagOrientation.bottom;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'obc-automation-button': ObcAutomationButton;\n }\n}\n"],"names":["AutomationButtonVariant","AutomationButtonState","AutomationButtonReadoutPosition","AutomationButtonDirection","AutomationButtonLabelDirection","AutomationButtonOrientation","AutomationButtonPositioning"],"mappings":"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"}

package/dist/automation/automation-input-modal/automation-input-modal.d.ts CHANGED Viewed

@@ -1,5 +1,9 @@
 import { LitElement } from 'lit';
 /**
+ * @slot header - Header content shown at the top of the modal.
+ * @slot preview - Preview content shown in the body of the modal.
+ * @slot action-primary - Primary action control shown in the actions row.
+ * @slot action-secondary - Secondary action control shown in the actions row.
  * @experimental
  */
 export declare class ObcAutomationInputModal extends LitElement {

package/dist/automation/automation-input-modal/automation-input-modal.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"automation-input-modal.d.ts","sourceRoot":"","sources":["../../../src/automation/automation-input-modal/automation-input-modal.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,UAAU,EAAkB,MAAM,KAAK,CAAC;AAGhD~~;;GAEG~~;AACH,qBACa,uBAAwB,SAAQ,UAAU;IAC5C,MAAM;IAiBf,OAAgB,MAAM,0BAA2B;CAClD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,4BAA4B,EAAE,uBAAuB,CAAC;KACvD;CACF"}
1	+ {"version":3,"file":"automation-input-modal.d.ts","sourceRoot":"","sources":["../../../src/automation/automation-input-modal/automation-input-modal.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,UAAU,EAAkB,MAAM,KAAK,CAAC;AAGhD;;;;;;GAMG;AACH,qBACa,uBAAwB,SAAQ,UAAU;IAC5C,MAAM;IAiBf,OAAgB,MAAM,0BAA2B;CAClD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,4BAA4B,EAAE,uBAAuB,CAAC;KACvD;CACF"}

package/dist/automation/automation-input-modal/automation-input-modal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"automation-input-modal.js","sources":["../../../src/automation/automation-input-modal/automation-input-modal.ts"],"sourcesContent":["import {customElement} from '../../decorator.js';\nimport {LitElement, html, unsafeCSS} from 'lit';\nimport compentStyle from './automation-input-modal.css?inline';\n\n/*\n @experimental\n */\n@customElement('obc-automation-input-modal')\nexport class ObcAutomationInputModal extends LitElement {\n override render() {\n return html`\n <div class=\"wrapper\">\n <div class=\"header\">\n <slot name=\"header\"></slot>\n </div>\n <div class=\"preview\">\n <slot name=\"preview\"></slot>\n </div>\n <div class=\"actions\">\n <slot name=\"action-primary\"></slot>\n <slot name=\"action-secondary\"></slot>\n </div>\n </div>\n `;\n }\n\n static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'obc-automation-input-modal': ObcAutomationInputModal;\n }\n}\n"],"names":[],"mappings":";;;;;;;;;;;~~AAQO~~,IAAM,0BAAN,cAAsC,WAAW;AAAA,EAC7C,SAAS;AAChB,WAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAcT;AAGF;AAnBa,wBAkBK,SAAS,UAAU,YAAY;AAlBpC,0BAAN,gBAAA;AAAA,EADN,cAAc,4BAA4B;AAAA,GAC9B,uBAAA;"}
1	+ {"version":3,"file":"automation-input-modal.js","sources":["../../../src/automation/automation-input-modal/automation-input-modal.ts"],"sourcesContent":["import {customElement} from '../../decorator.js';\nimport {LitElement, html, unsafeCSS} from 'lit';\nimport compentStyle from './automation-input-modal.css?inline';\n\n/*\n @slot header - Header content shown at the top of the modal.\n * @slot preview - Preview content shown in the body of the modal.\n * @slot action-primary - Primary action control shown in the actions row.\n * @slot action-secondary - Secondary action control shown in the actions row.\n * @experimental\n */\n@customElement('obc-automation-input-modal')\nexport class ObcAutomationInputModal extends LitElement {\n override render() {\n return html`\n <div class=\"wrapper\">\n <div class=\"header\">\n <slot name=\"header\"></slot>\n </div>\n <div class=\"preview\">\n <slot name=\"preview\"></slot>\n </div>\n <div class=\"actions\">\n <slot name=\"action-primary\"></slot>\n <slot name=\"action-secondary\"></slot>\n </div>\n </div>\n `;\n }\n\n static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'obc-automation-input-modal': ObcAutomationInputModal;\n }\n}\n"],"names":[],"mappings":";;;;;;;;;;;AAYO,IAAM,0BAAN,cAAsC,WAAW;AAAA,EAC7C,SAAS;AAChB,WAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAcT;AAGF;AAnBa,wBAkBK,SAAS,UAAU,YAAY;AAlBpC,0BAAN,gBAAA;AAAA,EADN,cAAc,4BAA4B;AAAA,GAC9B,uBAAA;"}

package/dist/automation/automation-tank/automation-tank.css.js CHANGED Viewed

@@ -669,94 +669,15 @@ const compentStyle = css`* {
   margin-top: 8px;
 }
-.rich {
-  display: grid;
-  /* label takes remaining space; value (right-aligned) and suffix
-   * (left-aligned) form fixed content columns so digit right edges and
-   * suffix left edges align vertically across all rows. */
-  grid-template-columns: 1fr auto auto;
-  align-items: baseline;
-  row-gap: 4px;
-  padding-top: 8px;
-  white-space: nowrap;
-  font-family: var(--global-typography-font-family);
-  font-size: var(--global-typography-instrument-unit-font-size);
-  line-height: var(--global-typography-instrument-unit-line-height);
-  font-feature-settings:
-    "liga" off,
-    "clig" off,
-    "ss04" on;
-}
-.rich-row {
-  display: grid;
-  grid-template-columns: subgrid;
-  grid-column: 1 / -1;
-  align-items: baseline;
-  padding-left: var(
-    --instrument-components-readout-new-list-item-regular-container-padding-horizontal
-  );
-  padding-right: var(
-    --instrument-components-readout-new-list-item-regular-container-padding-horizontal
-  );
-}
-.rich-label {
-  font-family: var(--global-typography-font-family);
-  font-size: var(--global-typography-instrument-label-font-size);
-  line-height: var(--global-typography-instrument-label-line-height);
-  font-feature-settings:
-    "liga" off,
-    "clig" off,
-    "ss04" on;
-  color: var(--element-inactive-color);
-  padding-right: 8px;
-  text-align: left;
-}
-.rich-value {
-  font-family: var(--global-typography-font-family);
-  font-size: var(--global-typography-instrument-value-regular-font-size);
-  line-height: var(--global-typography-instrument-value-regular-line-height);
-  font-feature-settings:
-    "liga" off,
-    "clig" off,
-    "ss04" on;
-  color: var(--element-neutral-color);
-  font-variant-numeric: tabular-nums;
-  text-align: right;
-}
-.rich-suffix {
-  display: inline-flex;
-  align-items: baseline;
-  /* Default 2px gap between value and unit when there is no degree/percent
-   * glyph. When a glyph is present it sits flush against the value and the
-   * unit follows flush after the glyph (see \`.rich-glyph + .rich-unit\`). */
-  padding-left: 2px;
-}
-.rich-suffix:has(.rich-glyph) {
-  padding-left: 0;
-}
+/* Rich detail rows are consumer-slotted into \`slot="rich"\` — canonical usage is
+ * an \`<obc-readout-list>\` of \`<obc-readout-list-item>\` rows, which owns its own
+ * cap-height (textbox) typography and cross-row column alignment. The tank only
+ * spaces the slotted content below the divider; the divider itself is shown only
+ * when the slot is filled (\`?hidden\` bound to \`_hasRichSlot\`). */
-.rich-glyph {
-  font-family: var(--global-typography-font-family);
-  font-size: var(--global-typography-instrument-value-regular-font-size);
-  line-height: var(--global-typography-instrument-value-regular-line-height);
-  font-feature-settings:
-    "liga" off,
-    "clig" off,
-    "ss04" on;
-  color: var(--element-neutral-color);
-}
-.rich-unit {
-  color: var(--element-inactive-color);
-}
-.rich-glyph + .rich-unit {
-  padding-left: 0;
+::slotted(obc-readout-list) {
+  display: block;
+  margin-top: 8px;
 }
 /* The chart cell is a plain sizing/clipping box. Both child renderers —

package/dist/automation/automation-tank/automation-tank.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"automation-tank.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"automation-tank.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/automation/automation-tank/automation-tank.d.ts CHANGED Viewed

@@ -62,24 +62,6 @@ export declare enum TankChartMode {
     /** Embedded `obc-gauge-trend` line/area chart with a side bar. */
     graphAndBar = "graph-and-bar"
 }
-/**
- * A single detail row rendered in the tank's `readout` rich list (below the
- * main percent / value block, separated by a divider). Each row is rendered
- * as `<label>` on the left and `<value><degree?><percent?><unit>` on the
- * right, all on a single line.
- */
-export interface TankReadoutItem {
-    /** Left-aligned label text (e.g. `Temperature`). */
-    label: string;
-    /** Numeric value, formatted with the tank's `percentFractionDigits`. */
-    value: number;
-    /** Append a `°` glyph directly after the value with no gap. */
-    hasDegree?: boolean;
-    /** Append a `%` glyph directly after the value with no gap. */
-    hasPercentage?: boolean;
-    /** Unit text (e.g. `C`, `Pa`, `m/s`). Rendered after the value/glyph. */
-    unit: string;
-}
 /**
  *
  *
@@ -89,7 +71,11 @@ export interface TankReadoutItem {
  * @slot max-value - Content for the capacity value.
  * @slot unit - Content for the unit of measurement.
  * @slot current-value - Content for the current level value.
- * @slot rich - Content for additional detail rows.
+ * @slot rich - Detail rows below the main readout, shown in the regular
+ *   (non-compact, non-static) layout. Slot an `<obc-readout-list>` of
+ *   `<obc-readout-list-item>` rows — it owns the row typography and cross-row
+ *   column alignment; the tank renders a divider above it automatically when
+ *   the slot is filled.
  * @slot alert-icon - Custom icon for the alert frame.
  * @slot alert-label - Label for the alert frame.
  * @slot alert-timer - Timer for the alert frame.
@@ -197,20 +183,6 @@ export declare class ObcAutomationTank extends LitElement {
      * precision is needed (see the `WithFractionDigits` story).
      */
     percentFractionDigits: number;
-    /**
-     * Rich detail rows shown below the main percent/value block in the regular
-     * (non-compact, non-static) layout, separated by a divider. When empty (the
-     * default), nothing is rendered — neither the divider nor the list. In
-     * vertical orientation the chart cell shrinks to make room; in horizontal
-     * orientation the readout column already has reserved whitespace so the
-     * chart is unaffected.
-     *
-     * Values are formatted using `percentFractionDigits`. Consumers that need
-     * full control over the markup can replace the entire fallback by slotting
-     * arbitrary content into `slot="rich"` (note: this is a different name from
-     * the existing `slot="readout"` which replaces the whole readout block).
-     */
-    readout: TankReadoutItem[];
     /**
      * Enum-driven badges rendered inside the `badges` cell. Mirrors the API
      * introduced for `ObcAbstractAutomationButton` in PR #839 (#829). When set
@@ -238,6 +210,13 @@ export declare class ObcAutomationTank extends LitElement {
      */
     private _hasBadges;
     private _hasTagSlot;
+    /**
+     * Tracks whether the `rich` slot has assigned content, so the regular
+     * (non-compact) layout only draws the rich divider when a consumer has
+     * slotted detail rows (canonically an `<obc-readout-list>`). Mirrors
+     * `_hasBadges` / `_hasTagSlot`.
+     */
+    private _hasRichSlot;
     private _chartResizeObserver?;
     private _observedCell?;
     private get isCompact();
@@ -248,6 +227,7 @@ export declare class ObcAutomationTank extends LitElement {
     private get _usesGaugeTrend();
     private _onBadgesSlotChange;
     private _onTagSlotChange;
+    private _onRichSlotChange;
     disconnectedCallback(): void;
     protected updated(changed: Map<string | number | symbol, unknown>): void;
     private _syncChartResizeObserver;

package/dist/automation/automation-tank/automation-tank.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"automation-tank.d.ts","sourceRoot":"","sources":["../../../src/automation/automation-tank/automation-tank.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,UAAU,EAEV,OAAO,EAGR,MAAM,KAAK,CAAC;AAGb,OAAO,EAAC,UAAU,EAAC,MAAM,aAAa,CAAC;AACvC,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EACL,0BAA0B,EAC1B,kCAAkC,EAClC,4BAA4B,EAC5B,8BAA8B,EAC/B,MAAM,oDAAoD,CAAC;AAE5D,OAAO,8CAA8C,CAAC;AACtD,OAAO,uCAAuC,CAAC;AAC/C,OAAO,gDAAgD,CAAC;AACxD,OAAO,yCAAyC,CAAC;AACjD,OAAO,yBAAyB,CAAC;AACjC,OAAO,0BAA0B,CAAC;AAClC,OAAO,oCAAoC,CAAC;AAC5C,OAAO,yDAAyD,CAAC;AACjE,OAAO,oDAAoD,CAAC;AAC5D,OAAO,6CAA6C,CAAC;AACrD,OAAO,EAAC,QAAQ,EAAC,MAAM,uCAAuC,CAAC;AAC/D,OAAO,EACL,sBAAsB,EACtB,iBAAiB,EAClB,MAAM,6CAA6C,CAAC;AACrD,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AACzC,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,qDAAqD,CAAC;AAC3F,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,mDAAmD,CAAC;AASpF,oBAAY,SAAS;IACnB,UAAU,gBAAgB;IAC1B,MAAM,WAAW;IACjB,MAAM,WAAW;IACjB,OAAO,YAAY;IACnB,WAAW,iBAAiB;IAC5B,MAAM,WAAW;CAClB;AAED,oBAAY,QAAQ;IAClB,OAAO,YAAY;IACnB,WAAW,gBAAgB;IAC3B,WAAW,gBAAgB;IAC3B,OAAO,YAAY;CACpB;AAED,oBAAY,eAAe;IACzB,QAAQ,aAAa;IACrB,UAAU,eAAe;CAC1B;AAED;;;;;;;;;;;;;;GAcG;AACH,oBAAY,eAAe;IACzB,KAAK,UAAU;IACf,MAAM,WAAW;CAClB;AAED,oBAAY,aAAa;IACvB,gFAAgF;IAChF,GAAG,QAAQ;IACX,+DAA+D;IAC/D,KAAK,UAAU;IACf,kEAAkE;IAClE,WAAW,kBAAkB;CAC9B;AAED~~;;;;;GAKG~~;AACH,MAAM,WAAW,eAAe;IAC9B,oDAAoD;IACpD,KAAK,EAAE,MAAM,CAAC;IACd,wEAAwE;IACxE,KAAK,EAAE,MAAM,CAAC;IACd,+DAA+D;IAC/D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,+DAA+D;IAC/D,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,yEAAyE;IACzE,IAAI,EAAE,MAAM,CAAC;CACd;AAED;;;;;;;;;;;;;;GAcG;AACH,qBACa,iBAAkB,SAAQ,UAAU;IACrB,MAAM,EAAE,UAAU,CAAoB;IACtC,KAAK,EAAE,MAAM,CAAK;IAClB,GAAG,EAAE,MAAM,CAAO;IAClB,KAAK,EAAE,SAAS,CAAoB;IACrB,IAAI,EAAE,QAAQ,CAAoB;IAClC,WAAW,EAAE,eAAe,CAC1C;IACe,OAAO,EAAE,OAAO,CAAS;IACnE;;;;;OAKG;IACsC,WAAW,EAAE,eAAe,CAC5C;IACzB;;;;;;;;;;;OAWG;IACuC,MAAM,EAAE,OAAO,CAAS;IAClE,oGAAoG;IACzE,SAAS,EAAE,OAAO,CAAS;IAC5B,GAAG,EAAE,MAAM,CAAM;IAE3C;;;;;OAKG;IAEH,SAAS,EAAE,aAAa,CAAqB;IAE7C,+EAA+E;IAE/E,SAAS,EAAE,iBAAiB,EAAE,CAAM;IAEpC,oEAAoE;IAC1C,QAAQ,EAAE,QAAQ,CAAoB;IAEhE;;;;OAIG;IAEH,MAAM,EAAE,YAAY,EAAE,CAAM;IAE5B,gEAAgE;IACrC,SAAS,UAAS;IAE7C;;;;;;;;;;;;;;;OAeG;IAC0C,YAAY,UAAS;IAElE;;;;;;OAMG;IACwB,KAAK,EAAE,OAAO,CAAS;IACxB,cAAc,EAAE,iBAAiB,CACzB;IACR,mBAAmB,EAAE,sBAAsB,CACtC;IACL,gBAAgB,EAAE,SAAS,CAAmB;IAC3B,qBAAqB,EAAE,OAAO,CACpE;IACoB,aAAa,EAAE,OAAO,CAAS;IAE1D;;;;;;;;;;OAUG;IAC0C,eAAe,EAAE,OAAO,CAAQ;IAE7E;;;;;;;;OAQG;IACuB,qBAAqB,EAAE,MAAM,CAAK;IAE5D~~;;;;;;;;;;;;OAYG;IACwC,OAAO,EAAE,eAAe,EAAE,CAAM;IAE3E~~;;;;;;;;;;;OAWG;IACuB,YAAY,EAAE,4BAA4B,CAChC;IACV,UAAU,EAAE,0BAA0B,CAC9B;IACR,cAAc,EAAE,8BAA8B,CAClC;IAEtC,kBAAkB,EAAE,kCAAkC,CACZ;IAEjC,OAAO,CAAC,UAAU,CAAK;IACvB,OAAO,CAAC,WAAW,CAAK;IACjC;;;;;;OAMG;IACM,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,WAAW,CAAS;IACrC,OAAO,CAAC,oBAAoB,CAAC,CAAiB;IAC9C,OAAO,CAAC,aAAa,CAAC,CAAU;IAEhC,OAAO,KAAK,SAAS,GAEpB;IAED,OAAO,CAAC,eAAe;IAyBvB,OAAO,CAAC,iBAAiB;IAiBzB,OAAO,CAAC,mBAAmB;IAW3B,OAAO,CAAC,uBAAuB;IAU/B,OAAO,KAAK,eAAe,GAK1B;IAED,OAAO,CAAC,mBAAmB;IAW3B,OAAO,CAAC,gBAAgB;~~IAWf~~,oBAAoB,IAAI,IAAI;cAOlB,OAAO,CACxB,OAAO,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC,GAC9C,IAAI;IAaP,OAAO,CAAC,wBAAwB;IA8BhC,SAAS,IAAI,kBAAkB,GAAG,OAAO,OAAO;IAyBhD;;;;;;;;;;;;;OAaG;IACH,OAAO,CAAC,oBAAoB;IAmJ5B,OAAO,CAAC,SAAS;IAaR,MAAM;~~IAgYf~~,OAAgB,MAAM,0BAA2B;CAClD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,qBAAqB,EAAE,iBAAiB,CAAC;KAC1C;CACF"}
1	+ {"version":3,"file":"automation-tank.d.ts","sourceRoot":"","sources":["../../../src/automation/automation-tank/automation-tank.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,UAAU,EAEV,OAAO,EAGR,MAAM,KAAK,CAAC;AAGb,OAAO,EAAC,UAAU,EAAC,MAAM,aAAa,CAAC;AACvC,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EACL,0BAA0B,EAC1B,kCAAkC,EAClC,4BAA4B,EAC5B,8BAA8B,EAC/B,MAAM,oDAAoD,CAAC;AAE5D,OAAO,8CAA8C,CAAC;AACtD,OAAO,uCAAuC,CAAC;AAC/C,OAAO,gDAAgD,CAAC;AACxD,OAAO,yCAAyC,CAAC;AACjD,OAAO,yBAAyB,CAAC;AACjC,OAAO,0BAA0B,CAAC;AAClC,OAAO,oCAAoC,CAAC;AAC5C,OAAO,yDAAyD,CAAC;AACjE,OAAO,oDAAoD,CAAC;AAC5D,OAAO,6CAA6C,CAAC;AACrD,OAAO,EAAC,QAAQ,EAAC,MAAM,uCAAuC,CAAC;AAC/D,OAAO,EACL,sBAAsB,EACtB,iBAAiB,EAClB,MAAM,6CAA6C,CAAC;AACrD,OAAO,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AACzC,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,qDAAqD,CAAC;AAC3F,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,mDAAmD,CAAC;AASpF,oBAAY,SAAS;IACnB,UAAU,gBAAgB;IAC1B,MAAM,WAAW;IACjB,MAAM,WAAW;IACjB,OAAO,YAAY;IACnB,WAAW,iBAAiB;IAC5B,MAAM,WAAW;CAClB;AAED,oBAAY,QAAQ;IAClB,OAAO,YAAY;IACnB,WAAW,gBAAgB;IAC3B,WAAW,gBAAgB;IAC3B,OAAO,YAAY;CACpB;AAED,oBAAY,eAAe;IACzB,QAAQ,aAAa;IACrB,UAAU,eAAe;CAC1B;AAED;;;;;;;;;;;;;;GAcG;AACH,oBAAY,eAAe;IACzB,KAAK,UAAU;IACf,MAAM,WAAW;CAClB;AAED,oBAAY,aAAa;IACvB,gFAAgF;IAChF,GAAG,QAAQ;IACX,+DAA+D;IAC/D,KAAK,UAAU;IACf,kEAAkE;IAClE,WAAW,kBAAkB;CAC9B;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,qBACa,iBAAkB,SAAQ,UAAU;IACrB,MAAM,EAAE,UAAU,CAAoB;IACtC,KAAK,EAAE,MAAM,CAAK;IAClB,GAAG,EAAE,MAAM,CAAO;IAClB,KAAK,EAAE,SAAS,CAAoB;IACrB,IAAI,EAAE,QAAQ,CAAoB;IAClC,WAAW,EAAE,eAAe,CAC1C;IACe,OAAO,EAAE,OAAO,CAAS;IACnE;;;;;OAKG;IACsC,WAAW,EAAE,eAAe,CAC5C;IACzB;;;;;;;;;;;OAWG;IACuC,MAAM,EAAE,OAAO,CAAS;IAClE,oGAAoG;IACzE,SAAS,EAAE,OAAO,CAAS;IAC5B,GAAG,EAAE,MAAM,CAAM;IAE3C;;;;;OAKG;IAEH,SAAS,EAAE,aAAa,CAAqB;IAE7C,+EAA+E;IAE/E,SAAS,EAAE,iBAAiB,EAAE,CAAM;IAEpC,oEAAoE;IAC1C,QAAQ,EAAE,QAAQ,CAAoB;IAEhE;;;;OAIG;IAEH,MAAM,EAAE,YAAY,EAAE,CAAM;IAE5B,gEAAgE;IACrC,SAAS,UAAS;IAE7C;;;;;;;;;;;;;;;OAeG;IAC0C,YAAY,UAAS;IAElE;;;;;;OAMG;IACwB,KAAK,EAAE,OAAO,CAAS;IACxB,cAAc,EAAE,iBAAiB,CACzB;IACR,mBAAmB,EAAE,sBAAsB,CACtC;IACL,gBAAgB,EAAE,SAAS,CAAmB;IAC3B,qBAAqB,EAAE,OAAO,CACpE;IACoB,aAAa,EAAE,OAAO,CAAS;IAE1D;;;;;;;;;;OAUG;IAC0C,eAAe,EAAE,OAAO,CAAQ;IAE7E;;;;;;;;OAQG;IACuB,qBAAqB,EAAE,MAAM,CAAK;IAE5D;;;;;;;;;;;OAWG;IACuB,YAAY,EAAE,4BAA4B,CAChC;IACV,UAAU,EAAE,0BAA0B,CAC9B;IACR,cAAc,EAAE,8BAA8B,CAClC;IAEtC,kBAAkB,EAAE,kCAAkC,CACZ;IAEjC,OAAO,CAAC,UAAU,CAAK;IACvB,OAAO,CAAC,WAAW,CAAK;IACjC;;;;;;OAMG;IACM,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,WAAW,CAAS;IACrC;;;;;OAKG;IACM,OAAO,CAAC,YAAY,CAAS;IACtC,OAAO,CAAC,oBAAoB,CAAC,CAAiB;IAC9C,OAAO,CAAC,aAAa,CAAC,CAAU;IAEhC,OAAO,KAAK,SAAS,GAEpB;IAED,OAAO,CAAC,eAAe;IAyBvB,OAAO,CAAC,iBAAiB;IAiBzB,OAAO,CAAC,mBAAmB;IAW3B,OAAO,CAAC,uBAAuB;IAU/B,OAAO,KAAK,eAAe,GAK1B;IAED,OAAO,CAAC,mBAAmB;IAW3B,OAAO,CAAC,gBAAgB;IAWxB,OAAO,CAAC,iBAAiB;IAWhB,oBAAoB,IAAI,IAAI;cAOlB,OAAO,CACxB,OAAO,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC,GAC9C,IAAI;IAaP,OAAO,CAAC,wBAAwB;IA8BhC,SAAS,IAAI,kBAAkB,GAAG,OAAO,OAAO;IAyBhD;;;;;;;;;;;;;OAaG;IACH,OAAO,CAAC,oBAAoB;IAmJ5B,OAAO,CAAC,SAAS;IAaR,MAAM;IAoWf,OAAgB,MAAM,0BAA2B;CAClD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,qBAAqB,EAAE,iBAAiB,CAAC;KAC1C;CACF"}

package/dist/automation/automation-tank/automation-tank.js CHANGED Viewed

@@ -89,7 +89,6 @@ let ObcAutomationTank = class extends LitElement {
     this.showAlertIcon = false;
     this.showTrendSymbol = true;
     this.percentFractionDigits = 0;
-    this.readout = [];
     this.badgeControl = AutomationButtonBadgeControl.None;
     this.badgeAlert = AutomationButtonBadgeAlert.None;
     this.badgeInterlock = AutomationButtonBadgeInterlock.None;
@@ -98,6 +97,7 @@ let ObcAutomationTank = class extends LitElement {
     this._cellHeight = 0;
     this._hasBadges = false;
     this._hasTagSlot = false;
+    this._hasRichSlot = false;
   }
   get isCompact() {
     return this.compact || this.static;
@@ -173,6 +173,12 @@ let ObcAutomationTank = class extends LitElement {
       (n) => n.nodeType === Node.ELEMENT_NODE || n.nodeType === Node.TEXT_NODE && !!n.textContent?.trim()
     );
   }
+  _onRichSlotChange(e) {
+    const slot = e.target;
+    this._hasRichSlot = slot.assignedNodes({ flatten: true }).some(
+      (n) => n.nodeType === Node.ELEMENT_NODE || n.nodeType === Node.TEXT_NODE && !!n.textContent?.trim()
+    );
+  }
   disconnectedCallback() {
     super.disconnectedCallback();
     this._chartResizeObserver?.disconnect();
@@ -448,30 +454,8 @@ let ObcAutomationTank = class extends LitElement {
                     <slot class="unit" name="unit">m<sup>3</sup></slot>
                   </div>
                 </div>
-                <slot name="rich">
-                  ${this.readout.length > 0 ? html`
-                        <div class="rich-divider"></div>
-                        <div class="rich">
-                          ${this.readout.map(
-      (row) => html`
-                              <div class="rich-row">
-                                <span class="rich-label">${row.label}</span>
-                                <span class="rich-value"
-                                  >${row.value.toFixed(
-        this.percentFractionDigits
-      )}</span
-                                >
-                                <span class="rich-suffix"
-                                  >${row.hasDegree ? html`<span class="rich-glyph">°</span>` : nothing}${row.hasPercentage ? html`<span class="rich-glyph">%</span>` : nothing}<span class="rich-unit"
-                                    >${row.unit}</span
-                                  ></span
-                                >
-                              </div>
-                            `
-    )}
-                        </div>
-                      ` : nothing}
-                </slot>
+                <div class="rich-divider" ?hidden=${!this._hasRichSlot}></div>
+                <slot name="rich" @slotchange=${this._onRichSlotChange}></slot>
               </slot>
             </div>
           `;
@@ -698,9 +682,6 @@ __decorateClass([
 __decorateClass([
   property({ type: Number })
 ], ObcAutomationTank.prototype, "percentFractionDigits", 2);
-__decorateClass([
-  property({ type: Array, attribute: false })
-], ObcAutomationTank.prototype, "readout", 2);
 __decorateClass([
   property({ type: String })
 ], ObcAutomationTank.prototype, "badgeControl", 2);
@@ -725,6 +706,9 @@ __decorateClass([
 __decorateClass([
   state()
 ], ObcAutomationTank.prototype, "_hasTagSlot", 2);
+__decorateClass([
+  state()
+], ObcAutomationTank.prototype, "_hasRichSlot", 2);
 ObcAutomationTank = __decorateClass([
   customElement("obc-automation-tank")
 ], ObcAutomationTank);