@oicl/openbridge-webcomponents 2.0.0-next.96 → 2.0.0-next.97
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundle/openbridge-webcomponents.bundle.js +19 -9
- package/bundle/openbridge-webcomponents.bundle.js.map +1 -1
- package/custom-elements.json +314 -132
- package/dist/ar/poi/poi.d.ts +4 -2
- package/dist/ar/poi/poi.d.ts.map +1 -1
- package/dist/ar/poi/poi.js.map +1 -1
- package/dist/ar/poi-layer/poi-layer.d.ts +1 -0
- package/dist/ar/poi-layer/poi-layer.d.ts.map +1 -1
- package/dist/ar/poi-layer/poi-layer.js.map +1 -1
- package/dist/ar/poi-object/poi-object-aton.d.ts +1 -0
- package/dist/ar/poi-object/poi-object-aton.d.ts.map +1 -1
- package/dist/ar/poi-object/poi-object-aton.js.map +1 -1
- package/dist/automation/automation-badge/automation-badge.d.ts +2 -0
- package/dist/automation/automation-badge/automation-badge.d.ts.map +1 -1
- package/dist/automation/automation-badge/automation-badge.js.map +1 -1
- package/dist/automation/automation-button/automation-button.d.ts +9 -0
- package/dist/automation/automation-button/automation-button.d.ts.map +1 -1
- package/dist/automation/automation-button/automation-button.js.map +1 -1
- package/dist/automation/automation-input-modal/automation-input-modal.d.ts +4 -0
- package/dist/automation/automation-input-modal/automation-input-modal.d.ts.map +1 -1
- package/dist/automation/automation-input-modal/automation-input-modal.js.map +1 -1
- package/dist/building-blocks/alert-list/alert-list.d.ts +4 -0
- package/dist/building-blocks/alert-list/alert-list.d.ts.map +1 -1
- package/dist/building-blocks/alert-list/alert-list.js.map +1 -1
- package/dist/building-blocks/bar-horizontal/bar-horizontal.d.ts +2 -0
- package/dist/building-blocks/bar-horizontal/bar-horizontal.d.ts.map +1 -1
- package/dist/building-blocks/bar-horizontal/bar-horizontal.js.map +1 -1
- package/dist/building-blocks/bar-vertical/bar-vertical.d.ts +2 -0
- package/dist/building-blocks/bar-vertical/bar-vertical.d.ts.map +1 -1
- package/dist/building-blocks/bar-vertical/bar-vertical.js.map +1 -1
- package/dist/components/advice-floating-item/advice-floating-item.d.ts +2 -4
- package/dist/components/advice-floating-item/advice-floating-item.d.ts.map +1 -1
- package/dist/components/advice-floating-item/advice-floating-item.js.map +1 -1
- package/dist/components/advice-message-item/advice-message-item.d.ts +6 -19
- package/dist/components/advice-message-item/advice-message-item.d.ts.map +1 -1
- package/dist/components/advice-message-item/advice-message-item.js.map +1 -1
- package/dist/components/alert-floating-item/alert-floating-item.d.ts +12 -0
- package/dist/components/alert-floating-item/alert-floating-item.d.ts.map +1 -1
- package/dist/components/alert-floating-item/alert-floating-item.js.map +1 -1
- package/dist/components/alert-menu/alert-menu.d.ts +6 -20
- package/dist/components/alert-menu/alert-menu.d.ts.map +1 -1
- package/dist/components/alert-menu/alert-menu.js.map +1 -1
- package/dist/components/alert-menu-item/alert-menu-item.d.ts +4 -0
- package/dist/components/alert-menu-item/alert-menu-item.d.ts.map +1 -1
- package/dist/components/alert-menu-item/alert-menu-item.js.map +1 -1
- package/dist/components/chat-message/chat-message.d.ts +3 -0
- package/dist/components/chat-message/chat-message.d.ts.map +1 -1
- package/dist/components/chat-message/chat-message.js.map +1 -1
- package/dist/components/elevated-card-radio/elevated-card-radio.d.ts +2 -6
- package/dist/components/elevated-card-radio/elevated-card-radio.d.ts.map +1 -1
- package/dist/components/elevated-card-radio/elevated-card-radio.js.map +1 -1
- package/dist/components/keyboard-numeric/keyboard-numeric.d.ts +6 -0
- package/dist/components/keyboard-numeric/keyboard-numeric.d.ts.map +1 -1
- package/dist/components/keyboard-numeric/keyboard-numeric.js.map +1 -1
- package/dist/components/notification-floating-item/notification-floating-item.d.ts +2 -4
- package/dist/components/notification-floating-item/notification-floating-item.d.ts.map +1 -1
- package/dist/components/notification-floating-item/notification-floating-item.js.map +1 -1
- package/dist/components/sequence-card/sequence-card.d.ts +9 -0
- package/dist/components/sequence-card/sequence-card.d.ts.map +1 -1
- package/dist/components/sequence-card/sequence-card.js.map +1 -1
- package/dist/components/sequence-item/sequence-item.d.ts +5 -0
- package/dist/components/sequence-item/sequence-item.d.ts.map +1 -1
- package/dist/components/sequence-item/sequence-item.js.map +1 -1
- package/dist/components/sequence-modal/sequence-modal.d.ts +4 -0
- package/dist/components/sequence-modal/sequence-modal.d.ts.map +1 -1
- package/dist/components/sequence-modal/sequence-modal.js.map +1 -1
- package/dist/components/sequence-step/sequence-step.d.ts.map +1 -1
- package/dist/components/sequence-step/sequence-step.js.map +1 -1
- package/dist/components/slider-double/slider-double.d.ts +4 -8
- package/dist/components/slider-double/slider-double.d.ts.map +1 -1
- package/dist/components/slider-double/slider-double.js.map +1 -1
- package/dist/components/status-indicator/status-indicator.d.ts +1 -0
- package/dist/components/status-indicator/status-indicator.d.ts.map +1 -1
- package/dist/components/status-indicator/status-indicator.js.map +1 -1
- package/dist/components/system-menu/system-menu.d.ts +2 -0
- package/dist/components/system-menu/system-menu.d.ts.map +1 -1
- package/dist/components/system-menu/system-menu.js.map +1 -1
- package/dist/components/table-header-item/table-header-item.d.ts +2 -0
- package/dist/components/table-header-item/table-header-item.d.ts.map +1 -1
- package/dist/components/table-header-item/table-header-item.js.map +1 -1
- package/dist/components/tag/tag.d.ts +1 -0
- package/dist/components/tag/tag.d.ts.map +1 -1
- package/dist/components/tag/tag.js.map +1 -1
- package/dist/components/toggletip/toggletip.d.ts +4 -4
- package/dist/components/toggletip/toggletip.js.map +1 -1
- package/dist/components/user-menu/user-menu.d.ts +1 -0
- package/dist/components/user-menu/user-menu.d.ts.map +1 -1
- package/dist/components/user-menu/user-menu.js.map +1 -1
- package/dist/integration-systems/integration-app-bar/integration-app-bar.d.ts +1 -0
- package/dist/integration-systems/integration-app-bar/integration-app-bar.d.ts.map +1 -1
- package/dist/integration-systems/integration-app-bar/integration-app-bar.js.map +1 -1
- package/dist/integration-systems/integration-bar/integration-bar.d.ts +0 -1
- package/dist/integration-systems/integration-bar/integration-bar.d.ts.map +1 -1
- package/dist/integration-systems/integration-bar/integration-bar.js.map +1 -1
- package/dist/integration-systems/integration-bar-dropdown/integration-bar-dropdown.d.ts +9 -9
- package/dist/integration-systems/integration-bar-dropdown/integration-bar-dropdown.js.map +1 -1
- package/dist/integration-systems/integration-fleet-button/integration-fleet-button.d.ts +1 -0
- package/dist/integration-systems/integration-fleet-button/integration-fleet-button.d.ts.map +1 -1
- package/dist/integration-systems/integration-fleet-button/integration-fleet-button.js.map +1 -1
- package/dist/integration-systems/integration-tabs/integration-tabs.d.ts +1 -0
- package/dist/integration-systems/integration-tabs/integration-tabs.d.ts.map +1 -1
- package/dist/integration-systems/integration-tabs/integration-tabs.js.map +1 -1
- package/dist/navigation-instruments/compass-sector/compass-sector.d.ts +0 -1
- package/dist/navigation-instruments/compass-sector/compass-sector.d.ts.map +1 -1
- package/dist/navigation-instruments/compass-sector/compass-sector.js.map +1 -1
- package/dist/navigation-instruments/watch/tickmark.d.ts.map +1 -1
- package/dist/navigation-instruments/watch/tickmark.js +17 -7
- package/dist/navigation-instruments/watch/tickmark.js.map +1 -1
- package/dist/navigation-instruments/watch/watch.d.ts.map +1 -1
- package/dist/navigation-instruments/watch/watch.js +2 -2
- package/dist/navigation-instruments/watch/watch.js.map +1 -1
- package/dist/navigation-instruments/wind-propulsion/wind-propulsion.d.ts +0 -1
- package/dist/navigation-instruments/wind-propulsion/wind-propulsion.d.ts.map +1 -1
- package/dist/navigation-instruments/wind-propulsion/wind-propulsion.js.map +1 -1
- package/dist/pages/alert-detail-page/alert-detail-page.d.ts.map +1 -1
- package/dist/pages/alert-detail-page/alert-detail-page.js.map +1 -1
- package/package.json +3 -2
|
@@ -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
|
|
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"}
|
|
@@ -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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"}
|
|
@@ -75,6 +75,15 @@ export declare enum AutomationButtonPositioning {
|
|
|
75
75
|
button = "button"
|
|
76
76
|
}
|
|
77
77
|
/**
|
|
78
|
+
* @slot badge-top-right - Content projected into the top-right badge position of the button.
|
|
79
|
+
* @slot badge-top-left - Content projected into the top-left badge position of the button.
|
|
80
|
+
* @slot badge-bottom-left - Content projected into the bottom-left badge position of the button.
|
|
81
|
+
* @slot badge-bottom-right - Content projected into the bottom-right badge position of the button.
|
|
82
|
+
* @slot icon - Primary icon shown inside the button (regular, double, flat and square variants).
|
|
83
|
+
* @slot icon-silhouette - Silhouette/outline icon shown behind the primary icon (flat variant only).
|
|
84
|
+
* @slot alert-icon - Custom icon for the alert frame, shown when alert==true and positioning=="point".
|
|
85
|
+
* @slot alert-label - Label for the alert frame, shown when alert==true and positioning=="point".
|
|
86
|
+
* @slot alert-timer - Timer for the alert frame, shown when alert==true and positioning=="point".
|
|
78
87
|
* @stable
|
|
79
88
|
*/
|
|
80
89
|
export declare class ObcAutomationButton extends LitElement {
|
|
@@ -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
|
|
1
|
+
{"version":3,"file":"automation-button.d.ts","sourceRoot":"","sources":["../../../src/automation/automation-button/automation-button.ts"],"names":[],"mappings":"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"}
|
|
@@ -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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmCO,IAAK,4CAAAA,6BAAL;AACLA,2BAAA,SAAA,IAAU;AACVA,2BAAA,QAAA,IAAS;AACTA,2BAAA,SAAA,IAAU;AACVA,2BAAA,QAAA,IAAS;AACTA,2BAAA,MAAA,IAAO;AACPA,2BAAA,aAAA,IAAc;AANJ,SAAAA;AAAA,GAAA,2BAAA,CAAA,CAAA;AASL,IAAK,0CAAAC,2BAAL;AACLA,yBAAA,QAAA,IAAS;AACTA,yBAAA,MAAA,IAAO;AAFG,SAAAA;AAAA,GAAA,yBAAA,CAAA,CAAA;AAKL,IAAK,oDAAAC,qCAAL;AACLA,mCAAA,KAAA,IAAM;AACNA,mCAAA,QAAA,IAAS;AACTA,mCAAA,MAAA,IAAO;AACPA,mCAAA,OAAA,IAAQ;AAJE,SAAAA;AAAA,GAAA,mCAAA,CAAA,CAAA;AAOL,IAAK,8CAAAC,+BAAL;AACLA,6BAAA,SAAA,IAAU;AACVA,6BAAA,aAAA,IAAc;AACdA,6BAAA,gBAAA,IAAiB;AACjBA,6BAAA,UAAA,IAAW;AACXA,6BAAA,cAAA,IAAe;AACfA,6BAAA,iBAAA,IAAkB;AAClBA,6BAAA,SAAA,IAAU;AAPA,SAAAA;AAAA,GAAA,6BAAA,CAAA,CAAA;AAUL,IAAK,mDAAAC,oCAAL;AACLA,kCAAA,IAAA,IAAK;AACLA,kCAAA,MAAA,IAAO;AACPA,kCAAA,MAAA,IAAO;AACPA,kCAAA,OAAA,IAAQ;AACRA,kCAAA,MAAA,IAAO;AALG,SAAAA;AAAA,GAAA,kCAAA,CAAA,CAAA;AAcL,IAAK,gDAAAC,iCAAL;AACLA,+BAAA,YAAA,IAAa;AACbA,+BAAA,eAAA,IAAgB;AAChBA,+BAAA,cAAA,IAAe;AAHL,SAAAA;AAAA,GAAA,+BAAA,CAAA,CAAA;AAYL,IAAK,gDAAAC,iCAAL;AACLA,+BAAA,OAAA,IAAQ;AACRA,+BAAA,QAAA,IAAS;AACTA,+BAAA,QAAA,IAAS;AAHC,SAAAA;AAAA,GAAA,+BAAA,CAAA,CAAA;AAUL,IAAM,sBAAN,cAAkC,WAAW;AAAA,EAA7C,cAAA;AAAA,UAAA,GAAA,SAAA;AACqB,SAAA,UACxB;AACwB,SAAA,QACxB;AACyB,SAAA,SAAkB;AAElB,SAAA,YAAqB;AACH,SAAA,mBAA4B;AAGzE,SAAA,WAA2C,CAAA;AAG3C,SAAA,MAAqB;AAEK,SAAA,kBACxB;AAEwB,SAAA,cACxB,iCAAiC;AACR,SAAA,QAAiB;AAElB,SAAA,iBACxB,kBAAkB;AAEM,SAAA,sBACxB,uBAAuB;AAEC,SAAA,mBAA8B,UAAU;AAExC,SAAA,iBACxB,kBAAkB;AAEyB,SAAA,wBAC3C;AAEyB,SAAA,gBAAyB;AACzB,SAAA,WAAoB;AAErB,SAAA,eACxB,qBAAqB;AAEG,SAAA,gBAAwB;AAExB,SAAA,YACxB;AACwB,SAAA,cACxB;AACwB,SAAA,cACxB;AAEyB,SAAA,iBAA0B;AAAA,EAAA;AAAA,EAE5C,SAAS;AAChB,UAAM,mBAAmB,KAAK;AAE9B,UAAM,kBACJ,KAAK,qBAAqB,KAAK,SAAS,SAAS,KAAK,KAAK,QAAQ;AAErE,WAAO,KAAK,YAAY;AAAA;AAAA,gBAEZ,SAAS;AAAA,MACf,SAAS;AAAA,MACT,CAAC,iBAAiB,KAAK,WAAW,GAAG;AAAA,MACrC,CAAC,aAAa,gBAAgB,GAAG;AAAA,MACjC,CAAC,WAAW,KAAK,KAAK,GAAG;AAAA,MACzB,eAAe,CAAC;AAAA,MAChB,CAAC,WAAW,KAAK,eAAe,GAAG;AAAA,MACnC,oBAAoB,KAAK;AAAA,MACzB,OAAO,KAAK;AAAA,MACZ,UAAU,KAAK;AAAA,MACf,QAAQ,KAAK;AAAA,MACb,WAAW,KAAK;AAAA,IAAA,CACjB,CAAC;AAAA;AAAA;AAAA,YAGE,KAAK,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAczB,KAAK,mBACH;AAAA;AAAA;AAAA,4BAGgB,KAAK,QAAQ;AAAA,uBAClB,KAAK,GAAG;AAAA,wBACP,KAAK,WAAW;AAAA,oCACJ,KAAK,qBAAqB;AAAA;AAAA,gBAGlD,OAAO;AAAA,UACT,KAAK,SAAS,KAAK,gBAAgB,UACjC;AAAA;AAAA,sBAEU,KAAK,cAAc;AAAA,2BACd,KAAK,mBAAmB;AAAA,wBAC3B,KAAK,gBAAgB;AAAA,sBACvB,KAAK,cAAc;AAAA,uCACF,KAAK,qBAAqB;AAAA,0BACvC,KAAK,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA,kCAMhC,OAAO;AAAA;AAAA,KAEd;AAAA,EACH;AAAA,EAEQ,YAAY,SAAiD;AACnE,QAAI,KAAK,gBAAgB,SAAmC;AAC1D,aAAO,kCAAkC,OAAO;AAAA,IAClD;AACA,UAAM,eAAe;AAAA,MACnB,KAAK,QACD;AAAA,QACE,MAAM,KAAK;AAAA,QACX,WAAW,KAAK;AAAA,QAChB,QAAQ,KAAK;AAAA,QACb,MAAM,KAAK;AAAA,QACX,UAAU,KAAK;AAAA,QACf,uBAAuB,KAAK;AAAA,MAAA,IAE9B;AAAA,MACJ;AAAA,IAAA;AAEF,QAAI,KAAK,gBAAgB,UAAoC;AAC3D,aAAO;AAAA,gBACG,SAAS;AAAA,QACf,kBAAkB;AAAA,QAClB,CAAC,WAAW,KAAK,eAAe,GAAG;AAAA,MAAA,CACpC,CAAC;AAAA;AAAA,UAEA,YAAY;AAAA;AAAA,IAElB;AACA,WAAO;AAAA,EACT;AAAA,EAIA,IAAY,mBAA4C;AACtD,QAAI,KAAK,UAAU;AACjB,aAAO;AAAA,IACT;AACA,WAAO,KAAK;AAAA,EACd;AAAA,EAEQ,mBAAuC;AAC7C,UAAM,mBAAmB,KAAK;AAC9B,UAAM,eAAe,KAAK,gBAAA;AAC1B,UAAM,oBAAoB,SAAS;AAAA,MACjC,eAAe;AAAA,MACf,CAAC,iBAAiB,KAAK,WAAW,GAAG;AAAA,IAAA,CACtC;AACD,QAAI,KAAK,YAAY,gBAAqC;AACxD,aAAO,kBAAkB,iBAAiB;AAAA,UACtC,KAAK,iBAAiB,kBAAkB,cAAc,CAAC;AAAA,UACvD,KAAK,iBAAiB,kBAAkB,iBAAiB,CAAC;AAAA,UAC1D,YAAY;AAAA;AAAA,IAElB,WAAW,KAAK,YAAY,WAAiC;AAC3D,aAAO,kBAAkB,iBAAiB;AAAA,UACtC,KAAK,iBAAiB,kBAAkB,cAAc,CAAC;AAAA,UACvD,YAAY;AAAA;AAAA,IAElB;AAEA,UAAM,YAAY,KAAK,iBAAiB,gBAAgB;AACxD,UAAM,WAAW;AAAA,MACf;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAAA,EACA,SAAS,gBAAgB;AAC3B,WAAO,kBAAkB,iBAAiB;AAAA,QACtC,SAAS;AAAA,QACT,WACE;AAAA;AAAA;AAAA,cAGI,qBAAqB,SACnB;AAAA;AAAA,0BAGA,OAAO,MACb,OAAO;AAAA,QACT,YAAY;AAAA;AAAA,EAElB;AAAA,EAEQ,kBAA6C;AACnD,QAAI,CAAC,KAAK,UAAU;AAClB,aAAO;AAAA,IACT;AAEA,WAAO;AAAA;AAAA,cAEG,KAAK,YAAY;AAAA,eAChB,KAAK,aAAa;AAAA;AAAA,EAE/B;AAAA,EAEQ,iBACN,SACA,YAAoB,kBACiB;AACrC,QACE,CAAC;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAAA,EACA,SAAS,OAAO,GAClB;AACA,aAAO;AAAA,IACT,WAAW,KAAK,cAAc,WAAmC;AAC/D,aAAO;AAAA,iBACI,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IActB,WAAW,KAAK,cAAc,gBAAuC;AACnE,aAAO;AAAA,iBACI,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IActB,WAAW,KAAK,cAAc,mBAA0C;AACtE,aAAO;AAAA,iBACI,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IActB,WAAW,KAAK,cAAc,YAAoC;AAChE,aAAO;AAAA,iBACI,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IActB,WAAW,KAAK,cAAc,iBAAwC;AACpE,aAAO;AAAA,iBACI,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IActB,WAAW,KAAK,cAAc,oBAA2C;AACvE,aAAO;AAAA,iBACI,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IActB,WAAW,KAAK,cAAc,WAAmC;AAC/D,aAAO,2BAA2B,SAAS;AAAA,IAC7C;AACA,UAAM,IAAI,MAAM,mBAAmB;AAAA,EACrC;AAAA,EAEQ,sBAAwC;AAC9C,QAAI,KAAK,oBAAoB,OAAqC;AAChE,aAAO,iBAAiB;AAAA,IAC1B;AACA,WAAO,iBAAiB;AAAA,EAC1B;AACF;AA/Ua,oBAuJK,SAAS,UAAU,YAAY;AAtJrB,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GADb,oBACe,WAAA,WAAA,CAAA;AAEA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GAHb,oBAGe,WAAA,SAAA,CAAA;AAEC,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAA,CAAQ;AAAA,GALd,oBAKgB,WAAA,UAAA,CAAA;AAEA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAA,CAAQ;AAAA,GAPd,oBAOgB,WAAA,aAAA,CAAA;AACkB,gBAAA;AAAA,EAA5C,SAAS,EAAC,MAAM,SAAS,WAAW,OAAM;AAAA,GARhC,oBAQkC,WAAA,oBAAA,CAAA;AAG7C,gBAAA;AAAA,EADC,SAAS,EAAC,MAAM,OAAO,WAAW,OAAM;AAAA,GAV9B,oBAWX,WAAA,YAAA,CAAA;AAGA,gBAAA;AAAA,EADC,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GAbb,oBAcX,WAAA,OAAA,CAAA;AAE0B,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GAhBb,oBAgBe,WAAA,mBAAA,CAAA;AAGA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GAnBb,oBAmBe,WAAA,eAAA,CAAA;AAEC,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAA,CAAQ;AAAA,GArBd,oBAqBgB,WAAA,SAAA,CAAA;AAED,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GAvBb,oBAuBe,WAAA,kBAAA,CAAA;AAGA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GA1Bb,oBA0Be,WAAA,uBAAA,CAAA;AAGA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GA7Bb,oBA6Be,WAAA,oBAAA,CAAA;AAEA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GA/Bb,oBA+Be,WAAA,kBAAA,CAAA;AAGmB,gBAAA;AAAA,EAA5C,SAAS,EAAC,MAAM,SAAS,WAAW,OAAM;AAAA,GAlChC,oBAkCkC,WAAA,yBAAA,CAAA;AAGlB,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAA,CAAQ;AAAA,GArCd,oBAqCgB,WAAA,iBAAA,CAAA;AACA,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAA,CAAQ;AAAA,GAtCd,oBAsCgB,WAAA,YAAA,CAAA;AAED,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GAxCb,oBAwCe,WAAA,gBAAA,CAAA;AAGA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GA3Cb,oBA2Ce,WAAA,iBAAA,CAAA;AAEA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GA7Cb,oBA6Ce,WAAA,aAAA,CAAA;AAEA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GA/Cb,oBA+Ce,WAAA,eAAA,CAAA;AAEA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GAjDb,oBAiDe,WAAA,eAAA,CAAA;AAGC,gBAAA;AAAA,EAA1B,SAAS,EAAC,MAAM,QAAA,CAAQ;AAAA,GApDd,oBAoDgB,WAAA,kBAAA,CAAA;AApDhB,sBAAN,gBAAA;AAAA,EADN,cAAc,uBAAuB;AAAA,GACzB,mBAAA;"}
|
|
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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"}
|
|
@@ -1,5 +1,9 @@
|
|
|
1
1
|
import { LitElement } from 'lit';
|
|
2
2
|
/**
|
|
3
|
+
* @slot header - Header content shown at the top of the modal.
|
|
4
|
+
* @slot preview - Preview content shown in the body of the modal.
|
|
5
|
+
* @slot action-primary - Primary action control shown in the actions row.
|
|
6
|
+
* @slot action-secondary - Secondary action control shown in the actions row.
|
|
3
7
|
* @experimental
|
|
4
8
|
*/
|
|
5
9
|
export declare class ObcAutomationInputModal extends LitElement {
|
|
@@ -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
|
|
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"}
|
|
@@ -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":";;;;;;;;;;;
|
|
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;"}
|
|
@@ -1,6 +1,10 @@
|
|
|
1
1
|
import { LitElement, PropertyValues } from 'lit';
|
|
2
2
|
import '../../components/scrollbar/scrollbar.js';
|
|
3
3
|
/**
|
|
4
|
+
* @slot - Default slot for the alert list items.
|
|
5
|
+
* @slot empty-icon - Icon shown when the list is empty.
|
|
6
|
+
* @slot empty-title - Title shown when the list is empty.
|
|
7
|
+
* @slot empty-description - Description shown when the list is empty.
|
|
4
8
|
* @stable
|
|
5
9
|
*/
|
|
6
10
|
export declare class ObcAlertList extends LitElement {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"alert-list.d.ts","sourceRoot":"","sources":["../../../src/building-blocks/alert-list/alert-list.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAE,cAAc,EAA2B,MAAM,KAAK,CAAC;AAIzE,OAAO,yCAAyC,CAAC;AAIjD
|
|
1
|
+
{"version":3,"file":"alert-list.d.ts","sourceRoot":"","sources":["../../../src/building-blocks/alert-list/alert-list.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAE,cAAc,EAA2B,MAAM,KAAK,CAAC;AAIzE,OAAO,yCAAyC,CAAC;AAIjD;;;;;;GAMG;AACH,qBACa,YAAa,SAAQ,UAAU;IACZ,MAAM,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,OAAO,CAC7D;IAEP,OAAO,CAAC,aAAa,CAAuC;IAC5D,OAAO,CAAC,gBAAgB,CAAiC;IACzD,OAAO,CAAC,oBAAoB,CAAqC;IACjE,OAAO,CAAC,gBAAgB,CAAS;IACxB,MAAM,UAAS;IAGxB,OAAO,CAAC,UAAU,CAAiB;IAGnC,OAAO,CAAC,SAAS,CAAgB;IAExB,YAAY;IAKZ,iBAAiB;IAcjB,oBAAoB;cAWV,UAAU,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;IAOvE,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,aAAa;IAIrB,OAAO,CAAC,mBAAmB;IAuB3B,OAAO,CAAC,qBAAqB;IAoB7B,OAAO,CAAC,gBAAgB;IAKxB,OAAO,CAAC,oBAAoB;IAiDrB,kBAAkB,IAAI;QAAC,OAAO,EAAE,WAAW,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAC,EAAE;IA4B3D,MAAM;IAmBf,OAAgB,MAAM,0BAA2B;CAClD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,YAAY,CAAC;KAChC;CACF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"alert-list.js","sources":["../../../src/building-blocks/alert-list/alert-list.ts"],"sourcesContent":["import {LitElement, PropertyValues, html, nothing, unsafeCSS} from 'lit';\nimport {queryAssignedElements, query, property, state} from 'lit/decorators.js';\nimport {customElement} from '../../decorator.js';\nimport compentStyle from './alert-list.css?inline';\nimport '../../components/scrollbar/scrollbar.js';\nimport {ObcScrollbar} from '../../components/scrollbar/scrollbar.js';\nimport {ObcAlertMenuItem} from '../../components/alert-menu-item/alert-menu-item.js';\n\n/**\n * @stable\n */\n@customElement('obc-alert-list')\nexport class ObcAlertList extends LitElement {\n @property({attribute: false}) filter: (item: HTMLElement) => boolean = () =>\n true;\n\n private oldElementTop: Map<HTMLElement, number> = new Map();\n private mutationObserver: MutationObserver | null = null;\n private intersectionObserver: IntersectionObserver | null = null;\n private hasRenderedPanel = false;\n @state() _empty = false;\n\n @queryAssignedElements({flatten: true})\n private alertItems!: HTMLElement[];\n\n @query('#scrollbar', true)\n private scrollbar!: ObcScrollbar;\n\n override firstUpdated() {\n this.updateEmpty();\n this.setupMutationObserver();\n }\n\n override connectedCallback() {\n super.connectedCallback();\n const intersectionObserver = new IntersectionObserver((entries) => {\n // If intersectionRatio is 0, the target is out of view\n if (entries[0].intersectionRatio === 0) {\n this.hasRenderedPanel = false;\n }\n });\n intersectionObserver.observe(this);\n this.intersectionObserver = intersectionObserver;\n\n this.setupMutationObserver();\n }\n\n override disconnectedCallback() {\n if (this.mutationObserver) {\n this.mutationObserver.disconnect();\n this.mutationObserver = null;\n }\n if (this.intersectionObserver) {\n this.intersectionObserver.disconnect();\n this.intersectionObserver = null;\n }\n }\n\n protected override willUpdate(_changedProperties: PropertyValues): void {\n if (_changedProperties.has('filter')) {\n this.updateEmpty();\n this.updateOldElementTop();\n }\n }\n\n private updateEmpty() {\n this._empty = this.getAlertItems().length === 0;\n }\n\n private getAlertItems() {\n return this.alertItems.filter(this.filter);\n }\n\n private updateOldElementTop() {\n const elements = this.getAlertItems();\n if (elements.length === 0) {\n return;\n }\n\n // Get the top of the element,\n // the element may be in an animation\n // we therefor sum the height of each element\n const firstElement = elements[0];\n const firstElementRect = firstElement.getBoundingClientRect();\n let top = firstElementRect.top;\n this.oldElementTop.clear();\n elements.forEach((element) => {\n const elementRect = element.getBoundingClientRect();\n if (elementRect.height === 0) {\n return;\n }\n this.oldElementTop.set(element, top);\n top += elementRect.height;\n });\n }\n\n private setupMutationObserver() {\n if (this.mutationObserver) {\n // Make a new observer to avoid memory leaks\n this.mutationObserver.disconnect();\n this.mutationObserver = null;\n }\n this.mutationObserver = new MutationObserver(() => {\n this.handleElementsChange();\n });\n\n const slotElements = this.alertItems;\n slotElements.forEach((element) => {\n // Earlier observed elements are just updated, and not registered twice.\n this.mutationObserver?.observe(element, {\n attributes: true,\n attributeFilter: ['status', 'shelved'],\n });\n });\n }\n\n private handleSlotChange() {\n this.handleElementsChange();\n this.setupMutationObserver();\n }\n\n private handleElementsChange() {\n // Take records to ensure the observer is not triggered again\n this.mutationObserver?.takeRecords();\n if (!this.checkVisibility()) {\n return;\n }\n\n this.updateEmpty();\n const elements = this.getAlertItems();\n // Animate the elements to their new positions\n const oldElementTop: Map<HTMLElement, number> = new Map(this.oldElementTop);\n\n requestAnimationFrame(() => {\n this.updateOldElementTop();\n let hasNewElements = false;\n elements.forEach((element) => {\n const elementRect = element.getBoundingClientRect();\n const oldTop = oldElementTop.get(element);\n if (oldTop === undefined) {\n // New element\n (element as ObcAlertMenuItem).animateIntro = this.hasRenderedPanel;\n hasNewElements = true;\n setTimeout(() => {\n (element as ObcAlertMenuItem).animateIntro = false;\n }, 101);\n return;\n }\n const diff = oldTop - elementRect.top;\n if (diff === 0) return;\n element.style.transform = `translateY(${diff}px)`;\n element.style.transition = 'none';\n\n // Force a reflow to ensure the animation is applied\n // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n element.offsetHeight;\n\n // Remove the transition after the animation is complete\n element.style.transition = 'transform 100ms ease-in-out';\n element.style.transform = 'translateY(0px)';\n });\n this.hasRenderedPanel = true;\n if (hasNewElements) {\n setTimeout(() => {\n this.updateOldElementTop();\n }, 101);\n }\n });\n }\n\n public getVisibleElements(): {element: HTMLElement; index: number}[] {\n // Get all slotted elements in the visible tab's scrollbar\n\n const scrollbarRect = this.scrollbar.getBoundingClientRect();\n const slottedElements = this.getAlertItems();\n\n // Filter for only visible elements that are within the scrollbar viewport\n return slottedElements\n .map((element, index) => ({element, index}))\n .filter(({element}) => {\n const style = window.getComputedStyle(element);\n if (style.display === 'none' || style.visibility === 'hidden') {\n return false;\n }\n\n // Check if the element is within the scrollbar's viewport\n const elementRect = element.getBoundingClientRect();\n\n // Check if element overlaps with scrollbar viewport\n const isVisible = !(\n elementRect.top < scrollbarRect.top ||\n elementRect.bottom > scrollbarRect.bottom\n );\n\n return isVisible;\n });\n }\n\n override render() {\n return html` <obc-scrollbar class=\"alert-list\" id=\"scrollbar\">\n <slot @slotchange=${this.handleSlotChange}></slot>\n ${this._empty\n ? html` <div class=\"empty-list\">\n <div class=\"icon\">\n <slot name=\"empty-icon\"></slot>\n </div>\n <div class=\"empty-title\">\n <slot name=\"empty-title\"></slot>\n </div>\n <div class=\"empty-description\">\n <slot name=\"empty-description\"></slot>\n </div>\n </div>`\n : nothing}\n </obc-scrollbar>`;\n }\n\n static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'obc-alert-list': ObcAlertList;\n }\n}\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"alert-list.js","sources":["../../../src/building-blocks/alert-list/alert-list.ts"],"sourcesContent":["import {LitElement, PropertyValues, html, nothing, unsafeCSS} from 'lit';\nimport {queryAssignedElements, query, property, state} from 'lit/decorators.js';\nimport {customElement} from '../../decorator.js';\nimport compentStyle from './alert-list.css?inline';\nimport '../../components/scrollbar/scrollbar.js';\nimport {ObcScrollbar} from '../../components/scrollbar/scrollbar.js';\nimport {ObcAlertMenuItem} from '../../components/alert-menu-item/alert-menu-item.js';\n\n/**\n * @slot - Default slot for the alert list items.\n * @slot empty-icon - Icon shown when the list is empty.\n * @slot empty-title - Title shown when the list is empty.\n * @slot empty-description - Description shown when the list is empty.\n * @stable\n */\n@customElement('obc-alert-list')\nexport class ObcAlertList extends LitElement {\n @property({attribute: false}) filter: (item: HTMLElement) => boolean = () =>\n true;\n\n private oldElementTop: Map<HTMLElement, number> = new Map();\n private mutationObserver: MutationObserver | null = null;\n private intersectionObserver: IntersectionObserver | null = null;\n private hasRenderedPanel = false;\n @state() _empty = false;\n\n @queryAssignedElements({flatten: true})\n private alertItems!: HTMLElement[];\n\n @query('#scrollbar', true)\n private scrollbar!: ObcScrollbar;\n\n override firstUpdated() {\n this.updateEmpty();\n this.setupMutationObserver();\n }\n\n override connectedCallback() {\n super.connectedCallback();\n const intersectionObserver = new IntersectionObserver((entries) => {\n // If intersectionRatio is 0, the target is out of view\n if (entries[0].intersectionRatio === 0) {\n this.hasRenderedPanel = false;\n }\n });\n intersectionObserver.observe(this);\n this.intersectionObserver = intersectionObserver;\n\n this.setupMutationObserver();\n }\n\n override disconnectedCallback() {\n if (this.mutationObserver) {\n this.mutationObserver.disconnect();\n this.mutationObserver = null;\n }\n if (this.intersectionObserver) {\n this.intersectionObserver.disconnect();\n this.intersectionObserver = null;\n }\n }\n\n protected override willUpdate(_changedProperties: PropertyValues): void {\n if (_changedProperties.has('filter')) {\n this.updateEmpty();\n this.updateOldElementTop();\n }\n }\n\n private updateEmpty() {\n this._empty = this.getAlertItems().length === 0;\n }\n\n private getAlertItems() {\n return this.alertItems.filter(this.filter);\n }\n\n private updateOldElementTop() {\n const elements = this.getAlertItems();\n if (elements.length === 0) {\n return;\n }\n\n // Get the top of the element,\n // the element may be in an animation\n // we therefor sum the height of each element\n const firstElement = elements[0];\n const firstElementRect = firstElement.getBoundingClientRect();\n let top = firstElementRect.top;\n this.oldElementTop.clear();\n elements.forEach((element) => {\n const elementRect = element.getBoundingClientRect();\n if (elementRect.height === 0) {\n return;\n }\n this.oldElementTop.set(element, top);\n top += elementRect.height;\n });\n }\n\n private setupMutationObserver() {\n if (this.mutationObserver) {\n // Make a new observer to avoid memory leaks\n this.mutationObserver.disconnect();\n this.mutationObserver = null;\n }\n this.mutationObserver = new MutationObserver(() => {\n this.handleElementsChange();\n });\n\n const slotElements = this.alertItems;\n slotElements.forEach((element) => {\n // Earlier observed elements are just updated, and not registered twice.\n this.mutationObserver?.observe(element, {\n attributes: true,\n attributeFilter: ['status', 'shelved'],\n });\n });\n }\n\n private handleSlotChange() {\n this.handleElementsChange();\n this.setupMutationObserver();\n }\n\n private handleElementsChange() {\n // Take records to ensure the observer is not triggered again\n this.mutationObserver?.takeRecords();\n if (!this.checkVisibility()) {\n return;\n }\n\n this.updateEmpty();\n const elements = this.getAlertItems();\n // Animate the elements to their new positions\n const oldElementTop: Map<HTMLElement, number> = new Map(this.oldElementTop);\n\n requestAnimationFrame(() => {\n this.updateOldElementTop();\n let hasNewElements = false;\n elements.forEach((element) => {\n const elementRect = element.getBoundingClientRect();\n const oldTop = oldElementTop.get(element);\n if (oldTop === undefined) {\n // New element\n (element as ObcAlertMenuItem).animateIntro = this.hasRenderedPanel;\n hasNewElements = true;\n setTimeout(() => {\n (element as ObcAlertMenuItem).animateIntro = false;\n }, 101);\n return;\n }\n const diff = oldTop - elementRect.top;\n if (diff === 0) return;\n element.style.transform = `translateY(${diff}px)`;\n element.style.transition = 'none';\n\n // Force a reflow to ensure the animation is applied\n // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n element.offsetHeight;\n\n // Remove the transition after the animation is complete\n element.style.transition = 'transform 100ms ease-in-out';\n element.style.transform = 'translateY(0px)';\n });\n this.hasRenderedPanel = true;\n if (hasNewElements) {\n setTimeout(() => {\n this.updateOldElementTop();\n }, 101);\n }\n });\n }\n\n public getVisibleElements(): {element: HTMLElement; index: number}[] {\n // Get all slotted elements in the visible tab's scrollbar\n\n const scrollbarRect = this.scrollbar.getBoundingClientRect();\n const slottedElements = this.getAlertItems();\n\n // Filter for only visible elements that are within the scrollbar viewport\n return slottedElements\n .map((element, index) => ({element, index}))\n .filter(({element}) => {\n const style = window.getComputedStyle(element);\n if (style.display === 'none' || style.visibility === 'hidden') {\n return false;\n }\n\n // Check if the element is within the scrollbar's viewport\n const elementRect = element.getBoundingClientRect();\n\n // Check if element overlaps with scrollbar viewport\n const isVisible = !(\n elementRect.top < scrollbarRect.top ||\n elementRect.bottom > scrollbarRect.bottom\n );\n\n return isVisible;\n });\n }\n\n override render() {\n return html` <obc-scrollbar class=\"alert-list\" id=\"scrollbar\">\n <slot @slotchange=${this.handleSlotChange}></slot>\n ${this._empty\n ? html` <div class=\"empty-list\">\n <div class=\"icon\">\n <slot name=\"empty-icon\"></slot>\n </div>\n <div class=\"empty-title\">\n <slot name=\"empty-title\"></slot>\n </div>\n <div class=\"empty-description\">\n <slot name=\"empty-description\"></slot>\n </div>\n </div>`\n : nothing}\n </obc-scrollbar>`;\n }\n\n static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'obc-alert-list': ObcAlertList;\n }\n}\n"],"names":[],"mappings":"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"}
|
|
@@ -20,6 +20,8 @@ declare const ObcBarHorizontal_base: (new (...args: any[]) => import('../../svgh
|
|
|
20
20
|
* Set `priority` to `Priority.enhanced` to use the blue/enhanced color palette
|
|
21
21
|
* for bar fill and setpoint instead of the default gray/regular palette
|
|
22
22
|
* (default: `Priority.regular`).
|
|
23
|
+
*
|
|
24
|
+
* @fires scale-dimensions-changed {CustomEvent} Fired when the scale's computed layout thickness changes; a parent chart listens for this to reserve space for the scale. Bubbles and is composed.
|
|
23
25
|
* @beta
|
|
24
26
|
*/
|
|
25
27
|
export declare class ObcBarHorizontal extends ObcBarHorizontal_base {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bar-horizontal.d.ts","sourceRoot":"","sources":["../../../src/building-blocks/bar-horizontal/bar-horizontal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAO,MAAM,KAAK,CAAC;AAErC,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,KAAK,CAAC;AAIxC,OAAO,EACL,eAAe,EACf,UAAU,EACV,oBAAoB,EACpB,QAAQ,EACT,MAAM,uCAAuC,CAAC;AAC/C,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,gCAAgC,CAAC;AAKjE,OAAO,EAUL,SAAS,EACT,QAAQ,EACR,cAAc,EACd,iBAAiB,EAEjB,iBAAiB,EAClB,MAAM,qCAAqC,CAAC;AAI7C,OAAO,EACL,SAAS,EACT,QAAQ,EACR,cAAc,EACd,UAAU,EACV,oBAAoB,EACpB,eAAe,EACf,QAAQ,EACR,iBAAiB,EACjB,iBAAiB,GAClB,CAAC;;AAEF
|
|
1
|
+
{"version":3,"file":"bar-horizontal.d.ts","sourceRoot":"","sources":["../../../src/building-blocks/bar-horizontal/bar-horizontal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAO,MAAM,KAAK,CAAC;AAErC,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,KAAK,CAAC;AAIxC,OAAO,EACL,eAAe,EACf,UAAU,EACV,oBAAoB,EACpB,QAAQ,EACT,MAAM,uCAAuC,CAAC;AAC/C,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,gCAAgC,CAAC;AAKjE,OAAO,EAUL,SAAS,EACT,QAAQ,EACR,cAAc,EACd,iBAAiB,EAEjB,iBAAiB,EAClB,MAAM,qCAAqC,CAAC;AAI7C,OAAO,EACL,SAAS,EACT,QAAQ,EACR,cAAc,EACd,UAAU,EACV,oBAAoB,EACpB,eAAe,EACf,QAAQ,EACR,iBAAiB,EACjB,iBAAiB,GAClB,CAAC;;AAEF;;;;;;;;;;;;;;;;;;;GAmBG;AACH,qBACa,gBAAiB,SAAQ,qBAEpC;IACA,wCAAwC;IACd,QAAQ,SAAK;IACvC,wCAAwC;IACd,QAAQ,SAAO;IAEzC;;;OAGG;IACuB,KAAK,SAAO;IAEtC,uCAAuC;IACb,WAAW,EAAE,MAAM,CACX;IAElC,wCAAwC;IACd,YAAY,EAAE,MAAM,CACZ;IAElC,qCAAqC;IACX,IAAI,EAAE,iBAAiB,CAA4B;IAE7E;;;;OAIG;IAEH,gBAAgB,UAAS;IAEzB;;;;;;OAMG;IAEH,kBAAkB,SAAO;IAGzB,OAAO,CAAC,MAAM,CAAK;IAInB,OAAO,CAAC,iBAAiB,CA4BtB;IAGH,2BAA2B;IACkB,QAAQ,UAAQ;IAChB,UAAU,UAAQ;IAC/D,eAAe;IACY,MAAM,UAAS;IAC1C,kDAAkD;IAElD,eAAe,UAAS;IACxB;;;;;OAKG;IAEH,iBAAiB,CAAC,EAAE,iBAAiB,CAAa;IAClD;;;OAGG;IACuB,YAAY,SAAM;IAC5C;;;OAGG;IACuB,aAAa,SAAM;IAC7C;;;OAGG;IACuB,cAAc,SAAM;IAG9C;;;;OAIG;IACwC,aAAa,CAAC,EAAE,MAAM,EAAE,CAAM;IACzE;;;;OAIG;IACuB,uBAAuB,CAAC,EAAE,MAAM,CAAa;IACvE;;;;OAIG;IACuB,yBAAyB,CAAC,EAAE,MAAM,CAAa;IACzE;;;;OAIG;IACuB,wBAAwB,CAAC,EAAE,MAAM,CAAa;IACxE,+DAA+D;IACrC,SAAS,EAAE,SAAS,CAAqB;IACnE;;;OAGG;IACuB,UAAU,EAAE,UAAU,CAAsB;IACtE;;;OAGG;IAEH,oBAAoB,CAAC,EAAE,oBAAoB,CAAa;IAExD;;;;;OAKG;IAEH,cAAc,UAAS;IAEvB;;;;;OAKG;IAEH,YAAY,CAAC,EAAE,MAAM,CAAa;IAGlC,OAAO,CAAC,qBAAqB,CAAC,CAAS;IAEvC,OAAO,CAAC,qBAAqB,CAAC,CAAmB;IAGjD,OAAO,CAAC,6BAA6B,CAOlC;IAGH,qFAAqF;IAC3D,QAAQ,EAAE,QAAQ,CAAoB;IAChE;;;OAGG;IACuB,QAAQ,EAAE,QAAQ,CAAiB;IAC7D;;;OAGG;IACuB,OAAO,CAAC,EAAE,MAAM,CAAa;IACvD;;;OAGG;IACuB,OAAO,CAAC,EAAE,MAAM,CAAa;IACvD,qCAAqC;IACX,KAAK,CAAC,EAAE,MAAM,CAAa;IAErD,iEAAiE;IACvC,KAAK,EAAE,eAAe,CAA0B;IAG1E;;;OAGG;IACuB,cAAc,EAAE,cAAc,CACjC;IACvB;;;OAGG;IACwC,OAAO,CAAC,EAAE,YAAY,EAAE,CAAM;IAEzE;;;;;OAKG;IACwB,qBAAqB,UAAS;IAEhD,MAAM;IAqGN,OAAO,CAAC,OAAO,EAAE,cAAc;IAgDxC;;;;;OAKG;IACH,OAAO,CAAC,gBAAgB;cAgEL,gBAAgB;IAI1B,iBAAiB,IAAI,IAAI;IAezB,oBAAoB,IAAI,IAAI;IAMrC,OAAO,CAAC,0BAA0B;IASlC;;;;OAIG;IACH,OAAO,CAAC,4BAA4B;IAMpC;;OAEG;IACH,OAAO,CAAC,6BAA6B;IAMrC;;;OAGG;IACH,OAAO,CAAC,2BAA2B;IAiBnC,OAAO,CAAC,8BAA8B;IA0BtC;;;;OAIG;IACH,OAAO,CAAC,yBAAyB;CAelC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,gBAAgB,CAAC;KACxC;CACF"}
|