@oicl/openbridge-webcomponents 2.0.0-next.62 → 2.0.0-next.64

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (54) hide show
  1. package/bundle/openbridge-webcomponents.bundle.js +327 -324
  2. package/bundle/openbridge-webcomponents.bundle.js.map +1 -1
  3. package/custom-elements.json +14 -14
  4. package/dist/alert-severity.d.ts.map +1 -1
  5. package/dist/alert-severity.js +37 -35
  6. package/dist/alert-severity.js.map +1 -1
  7. package/dist/ar/building-blocks/poi-header/poi-header.css.js +15 -15
  8. package/dist/ar/building-blocks/poi-header/poi-header.d.ts +6 -6
  9. package/dist/ar/building-blocks/poi-header/poi-header.d.ts.map +1 -1
  10. package/dist/ar/building-blocks/poi-header/poi-header.js +5 -5
  11. package/dist/ar/building-blocks/poi-header/poi-header.js.map +1 -1
  12. package/dist/ar/poi-button/poi-button.css.js +31 -30
  13. package/dist/ar/poi-button/poi-button.css.js.map +1 -1
  14. package/dist/ar/poi-button/poi-button.d.ts +6 -6
  15. package/dist/ar/poi-button/poi-button.d.ts.map +1 -1
  16. package/dist/ar/poi-button/poi-button.js +15 -15
  17. package/dist/ar/poi-button/poi-button.js.map +1 -1
  18. package/dist/ar/types.d.ts +5 -5
  19. package/dist/ar/types.d.ts.map +1 -1
  20. package/dist/ar/types.js +5 -5
  21. package/dist/ar/types.js.map +1 -1
  22. package/dist/automation/automation-badge/automation-badge.d.ts +7 -7
  23. package/dist/automation/automation-badge/automation-badge.d.ts.map +1 -1
  24. package/dist/automation/automation-badge/automation-badge.js +29 -29
  25. package/dist/automation/automation-badge/automation-badge.js.map +1 -1
  26. package/dist/automation/automation-button/abstract-automation-button.d.ts +5 -5
  27. package/dist/automation/automation-button/abstract-automation-button.d.ts.map +1 -1
  28. package/dist/automation/automation-button/abstract-automation-button.js +15 -15
  29. package/dist/automation/automation-button/abstract-automation-button.js.map +1 -1
  30. package/dist/automation/automation-tank/automation-tank.d.ts +3 -7
  31. package/dist/automation/automation-tank/automation-tank.d.ts.map +1 -1
  32. package/dist/automation/automation-tank/automation-tank.js +11 -11
  33. package/dist/automation/automation-tank/automation-tank.js.map +1 -1
  34. package/dist/components/accordion-card/accordion-card.css.js +5 -5
  35. package/dist/components/alert-button/alert-button.css.js +128 -128
  36. package/dist/components/alert-frame/alert-frame.css.js +6 -6
  37. package/dist/components/alert-frame/alert-frame.d.ts +4 -4
  38. package/dist/components/alert-frame/alert-frame.js.map +1 -1
  39. package/dist/components/alert-icon/alert-icon.js +4 -4
  40. package/dist/components/alert-icon/alert-icon.js.map +1 -1
  41. package/dist/components/badge/badge.css.js +10 -10
  42. package/dist/components/badge/badge.d.ts +13 -13
  43. package/dist/components/badge/badge.d.ts.map +1 -1
  44. package/dist/components/badge/badge.js +10 -10
  45. package/dist/components/badge/badge.js.map +1 -1
  46. package/dist/manual-icon/icon-alerts-critical-twotone.d.ts +1 -1
  47. package/dist/manual-icon/icon-alerts-critical-twotone.js.map +1 -1
  48. package/dist/manual-icon/icon-alerts-diagnostic-twotone.d.ts +1 -1
  49. package/dist/manual-icon/icon-alerts-diagnostic-twotone.js.map +1 -1
  50. package/dist/types.d.ts +5 -5
  51. package/dist/types.d.ts.map +1 -1
  52. package/dist/types.js +11 -11
  53. package/dist/types.js.map +1 -1
  54. package/package.json +1 -1
package/dist/ar/poi-button/poi-button.css.js CHANGED
@@ -122,31 +122,31 @@ const compentStyle = css`
122
122
  display: none;
123
123
  }
124
124
 
125
- :is(.wrapper.alert-alarm,.wrapper.alert-isa-high) .alert-ring {
125
+ :is(.wrapper.alert-alarm,.wrapper.alert-level-high) .alert-ring {
126
126
  background: var(--alert-alarm-color);
127
127
  border-color: var(--alert-alarm-outline-color);
128
128
  outline-color: var(--alert-alarm-outline-color);
129
129
  }
130
130
 
131
- .wrapper.alert-isa-critical .alert-ring {
131
+ .wrapper.alert-level-critical .alert-ring {
132
132
  background: var(--critical-enabled-background-color);
133
133
  border-color: var(--critical-enabled-border-color);
134
134
  outline-color: var(--critical-enabled-border-color);
135
135
  }
136
136
 
137
- :is(.wrapper.alert-warning,.wrapper.alert-isa-medium) .alert-ring {
137
+ :is(.wrapper.alert-warning,.wrapper.alert-level-medium) .alert-ring {
138
138
  background: var(--alert-warning-color);
139
139
  border-color: var(--alert-warning-outline-color);
140
140
  outline-color: var(--alert-warning-outline-color);
141
141
  }
142
142
 
143
- :is(.wrapper.alert-caution,.wrapper.alert-isa-low) .alert-ring {
143
+ :is(.wrapper.alert-caution,.wrapper.alert-level-low) .alert-ring {
144
144
  background: var(--alert-caution-color);
145
145
  border-color: var(--alert-caution-outline-color);
146
146
  outline-color: var(--alert-caution-outline-color);
147
147
  }
148
148
 
149
- .wrapper.alert-isa-diagnostic .alert-ring {
149
+ .wrapper.alert-level-diagnostic .alert-ring {
150
150
  background: var(--notification-enabled-background-color);
151
151
  border-color: var(--notification-enabled-border-color);
152
152
  outline-color: var(--notification-enabled-border-color);
@@ -386,58 +386,58 @@ const compentStyle = css`
386
386
 
387
387
  /* Overlap alert color styles */
388
388
 
389
- .wrapper.value-overlapped.alert-alarm,.wrapper.value-overlapped.alert-isa-high {
389
+ .wrapper.value-overlapped.alert-alarm,.wrapper.value-overlapped.alert-level-high {
390
390
  --overlay-container-background-color: var(--alert-alarm-color, #e30019);
391
391
  --overlay-border-outline-color: var(--alert-alarm-outline-color);
392
392
  }
393
393
 
394
- .wrapper.value-overlapped.alert-alarm .poi-object,.wrapper.value-overlapped.alert-isa-high .poi-object {
394
+ .wrapper.value-overlapped.alert-alarm .poi-object,.wrapper.value-overlapped.alert-level-high .poi-object {
395
395
  --overlay-container-background-color: var(--alert-alarm-color, #e30019);
396
396
  --overlay-border-outline-color: var(--alert-alarm-outline-color);
397
397
  }
398
398
 
399
- .wrapper.value-overlapped.alert-isa-critical {
399
+ .wrapper.value-overlapped.alert-level-critical {
400
400
  --overlay-container-background-color: var(
401
401
  --critical-enabled-background-color
402
402
  );
403
403
  --overlay-border-outline-color: var(--critical-enabled-border-color);
404
404
  }
405
405
 
406
- .wrapper.value-overlapped.alert-isa-critical .poi-object {
406
+ .wrapper.value-overlapped.alert-level-critical .poi-object {
407
407
  --overlay-container-background-color: var(
408
408
  --critical-enabled-background-color
409
409
  );
410
410
  --overlay-border-outline-color: var(--critical-enabled-border-color);
411
411
  }
412
412
 
413
- .wrapper.value-overlapped.alert-warning,.wrapper.value-overlapped.alert-isa-medium {
413
+ .wrapper.value-overlapped.alert-warning,.wrapper.value-overlapped.alert-level-medium {
414
414
  --overlay-container-background-color: var(--alert-warning-color, #fe9413);
415
415
  --overlay-border-outline-color: var(--alert-warning-outline-color);
416
416
  }
417
417
 
418
- .wrapper.value-overlapped.alert-warning .poi-object,.wrapper.value-overlapped.alert-isa-medium .poi-object {
418
+ .wrapper.value-overlapped.alert-warning .poi-object,.wrapper.value-overlapped.alert-level-medium .poi-object {
419
419
  --overlay-container-background-color: var(--alert-warning-color, #fe9413);
420
420
  --overlay-border-outline-color: var(--alert-warning-outline-color);
421
421
  }
422
422
 
423
- .wrapper.value-overlapped.alert-caution,.wrapper.value-overlapped.alert-isa-low {
423
+ .wrapper.value-overlapped.alert-caution,.wrapper.value-overlapped.alert-level-low {
424
424
  --overlay-container-background-color: var(--alert-caution-color, #ffdb42);
425
425
  --overlay-border-outline-color: var(--alert-caution-outline-color);
426
426
  }
427
427
 
428
- .wrapper.value-overlapped.alert-caution .poi-object,.wrapper.value-overlapped.alert-isa-low .poi-object {
428
+ .wrapper.value-overlapped.alert-caution .poi-object,.wrapper.value-overlapped.alert-level-low .poi-object {
429
429
  --overlay-container-background-color: var(--alert-caution-color, #ffdb42);
430
430
  --overlay-border-outline-color: var(--alert-caution-outline-color);
431
431
  }
432
432
 
433
- .wrapper.value-overlapped.alert-isa-diagnostic {
433
+ .wrapper.value-overlapped.alert-level-diagnostic {
434
434
  --overlay-container-background-color: var(
435
435
  --notification-enabled-background-color
436
436
  );
437
437
  --overlay-border-outline-color: var(--notification-enabled-border-color);
438
438
  }
439
439
 
440
- .wrapper.value-overlapped.alert-isa-diagnostic .poi-object {
440
+ .wrapper.value-overlapped.alert-level-diagnostic .poi-object {
441
441
  --overlay-container-background-color: var(
442
442
  --notification-enabled-background-color
443
443
  );
@@ -445,30 +445,31 @@ const compentStyle = css`
445
445
  }
446
446
 
447
447
  .wrapper.value-overlapped.alert-caution .poi-object::part(background-frame),
448
- .wrapper.value-overlapped.alert-isa-low .poi-object::part(background-frame) {
448
+ .wrapper.value-overlapped.alert-level-low .poi-object::part(background-frame) {
449
449
  background-color: var(--alert-caution-color, #ffdb42);
450
450
  border-color: var(--alert-caution-outline-color);
451
451
  }
452
452
 
453
453
  .wrapper.value-overlapped.alert-warning .poi-object::part(background-frame),
454
- .wrapper.value-overlapped.alert-isa-medium .poi-object::part(background-frame) {
454
+ .wrapper.value-overlapped.alert-level-medium
455
+ .poi-object::part(background-frame) {
455
456
  background-color: var(--alert-warning-color, #fe9413);
456
457
  border-color: var(--alert-warning-outline-color);
457
458
  }
458
459
 
459
460
  .wrapper.value-overlapped.alert-alarm .poi-object::part(background-frame),
460
- .wrapper.value-overlapped.alert-isa-high .poi-object::part(background-frame) {
461
+ .wrapper.value-overlapped.alert-level-high .poi-object::part(background-frame) {
461
462
  background-color: var(--alert-alarm-color, #e30019);
462
463
  border-color: var(--alert-alarm-outline-color);
463
464
  }
464
465
 
465
- .wrapper.value-overlapped.alert-isa-critical
466
+ .wrapper.value-overlapped.alert-level-critical
466
467
  .poi-object::part(background-frame) {
467
468
  background-color: var(--critical-enabled-background-color);
468
469
  border-color: var(--critical-enabled-border-color);
469
470
  }
470
471
 
471
- .wrapper.value-overlapped.alert-isa-diagnostic
472
+ .wrapper.value-overlapped.alert-level-diagnostic
472
473
  .poi-object::part(background-frame) {
473
474
  background-color: var(--notification-enabled-background-color);
474
475
  border-color: var(--notification-enabled-border-color);
@@ -502,27 +503,27 @@ const compentStyle = css`
502
503
  display: none;
503
504
  }
504
505
 
505
- .alert-caution :is(.wrapper.has-data .alert-ring),.alert-isa-low :is(.wrapper.has-data .alert-ring) {
506
+ .alert-caution :is(.wrapper.has-data .alert-ring),.alert-level-low :is(.wrapper.has-data .alert-ring) {
506
507
  border-color: var(--alert-caution-outline-color);
507
508
  outline-color: var(--alert-caution-color);
508
509
  }
509
510
 
510
- .alert-warning :is(.wrapper.has-data .alert-ring),.alert-isa-medium :is(.wrapper.has-data .alert-ring) {
511
+ .alert-warning :is(.wrapper.has-data .alert-ring),.alert-level-medium :is(.wrapper.has-data .alert-ring) {
511
512
  border-color: var(--alert-warning-outline-color);
512
513
  outline-color: var(--alert-warning-color);
513
514
  }
514
515
 
515
- .alert-alarm :is(.wrapper.has-data .alert-ring),.alert-isa-high :is(.wrapper.has-data .alert-ring) {
516
+ .alert-alarm :is(.wrapper.has-data .alert-ring),.alert-level-high :is(.wrapper.has-data .alert-ring) {
516
517
  border-color: var(--alert-alarm-outline-color);
517
518
  outline-color: var(--alert-alarm-color);
518
519
  }
519
520
 
520
- .alert-isa-critical :is(.wrapper.has-data .alert-ring) {
521
+ .alert-level-critical :is(.wrapper.has-data .alert-ring) {
521
522
  border-color: var(--critical-enabled-border-color);
522
523
  outline-color: var(--critical-enabled-background-color);
523
524
  }
524
525
 
525
- .alert-isa-diagnostic :is(.wrapper.has-data .alert-ring) {
526
+ .alert-level-diagnostic :is(.wrapper.has-data .alert-ring) {
526
527
  border-color: var(--notification-enabled-border-color);
527
528
  outline-color: var(--notification-enabled-background-color);
528
529
  }
@@ -597,29 +598,29 @@ const compentStyle = css`
597
598
  }
598
599
 
599
600
  .wrapper.value-overlapped.has-data.alert-caution,
600
- .wrapper.value-overlapped.has-data.alert-isa-low {
601
+ .wrapper.value-overlapped.has-data.alert-level-low {
601
602
  background: var(--alert-caution-color, #ffdb42);
602
603
  border-color: var(--alert-caution-outline-color);
603
604
  }
604
605
 
605
606
  .wrapper.value-overlapped.has-data.alert-warning,
606
- .wrapper.value-overlapped.has-data.alert-isa-medium {
607
+ .wrapper.value-overlapped.has-data.alert-level-medium {
607
608
  background: var(--alert-warning-color, #fe9413);
608
609
  border-color: var(--alert-warning-outline-color);
609
610
  }
610
611
 
611
612
  .wrapper.value-overlapped.has-data.alert-alarm,
612
- .wrapper.value-overlapped.has-data.alert-isa-high {
613
+ .wrapper.value-overlapped.has-data.alert-level-high {
613
614
  background: var(--alert-alarm-color, #e30019);
614
615
  border-color: var(--alert-alarm-outline-color);
615
616
  }
616
617
 
617
- .wrapper.value-overlapped.has-data.alert-isa-critical {
618
+ .wrapper.value-overlapped.has-data.alert-level-critical {
618
619
  background: var(--critical-enabled-background-color);
619
620
  border-color: var(--critical-enabled-border-color);
620
621
  }
621
622
 
622
- .wrapper.value-overlapped.has-data.alert-isa-diagnostic {
623
+ .wrapper.value-overlapped.has-data.alert-level-diagnostic {
623
624
  background: var(--notification-enabled-background-color);
624
625
  border-color: var(--notification-enabled-border-color);
625
626
  }
package/dist/ar/poi-button/poi-button.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"poi-button.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"poi-button.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/dist/ar/poi-button/poi-button.d.ts CHANGED
@@ -16,11 +16,11 @@ export declare enum ObcPoiButtonState {
16
16
  Caution = "caution",
17
17
  Warning = "warning",
18
18
  Alarm = "alarm",
19
- IsaCritical = "isa-critical",
20
- IsaHigh = "isa-high",
21
- IsaMedium = "isa-medium",
22
- IsaLow = "isa-low",
23
- IsaDiagnostic = "isa-diagnostic"
19
+ LevelCritical = "level-critical",
20
+ LevelHigh = "level-high",
21
+ LevelMedium = "level-medium",
22
+ LevelLow = "level-low",
23
+ LevelDiagnostic = "level-diagnostic"
24
24
  }
25
25
  export declare enum PoiButtonVisualState {
26
26
  Unchecked = "unchecked",
@@ -46,7 +46,7 @@ export interface ObcPoiButtonDataItem {
46
46
  * - `layout` (default `anchored`): `anchored` or `inline`.
47
47
  * - `value` (default `unchecked`): `unchecked`, `checked`, `activated`, `overlapped`.
48
48
  * - `overlapOpaque` (default `false`): controls overlapped opacity mode (`false` = translucent, `true` = opaque).
49
- * - `state` (default `enabled`): `enabled`, `caution`, `warning`, `alarm`, `isa-critical`, `isa-high`, `isa-medium`, `isa-low`, `isa-diagnostic`.
49
+ * - `state` (default `enabled`): `enabled`, `caution`, `warning`, `alarm`, `level-critical`, `level-high`, `level-medium`, `level-low`, `level-diagnostic`.
50
50
  * - `selected` (default `false`): shows selection frame in anchored layout.
51
51
  * - `relativeDirection` (default `0`): rotates default-slot icon content in degrees.
52
52
  * - `data` (default `[]`): when non-empty, renders value/label/unit rows.
package/dist/ar/poi-button/poi-button.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"poi-button.d.ts","sourceRoot":"","sources":["../../../src/ar/poi-button/poi-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAQ,OAAO,EAAY,MAAM,KAAK,CAAC;AAKzD,OAAO,6CAA6C,CAAC;AAKrD,OAAO,EACL,iBAAiB,EAEjB,gBAAgB,EACjB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EACL,yBAAyB,EACzB,wBAAwB,EACzB,MAAM,+DAA+D,CAAC;AACvE,OAAO,+DAA+D,CAAC;AAEvE,oBAAY,gBAAgB;IAC1B,MAAM,WAAW;IACjB,QAAQ,aAAa;CACtB;AAED,oBAAY,kBAAkB;IAC5B,QAAQ,aAAa;IACrB,MAAM,WAAW;CAClB;AAED,oBAAY,iBAAiB;IAC3B,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,WAAW,iBAAiB;IAC5B,OAAO,aAAa;IACpB,SAAS,eAAe;IACxB,MAAM,YAAY;IAClB,aAAa,mBAAmB;CACjC;AAED,oBAAY,oBAAoB;IAC9B,SAAS,cAAc;IACvB,OAAO,YAAY;IACnB,SAAS,cAAc;IACvB,UAAU,eAAe;CAC1B;AASD,wBAAgB,+BAA+B,CAC7C,UAAU,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EACrC,WAAW,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EACtC,uBAAuB,GAAE,MAA+C,GACvE,gBAAgB,CAgBlB;AAED,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmDG;AACH,qBACa,YAAa,SAAQ,UAAU;IAChB,iBAAiB,SAAK;IACrB,QAAQ,UAAS;IAClB,MAAM,EAAE,kBAAkB,CACtB;IAE9B,SAAS,UAAS;IAElB,KAAK,EAAE,iBAAiB,CAA6B;IAErD,KAAK,EAAE,oBAAoB,CAAkC;IAE7D,aAAa,UAAS;IACI,IAAI,mBAA2B;IAC9B,eAAe,UAAS;IACR,IAAI,EAAE,oBAAoB,EAAE,CAAM;IAClD,WAAW,UAAS;IACQ,aAAa,SAAM;IAC1E,OAAO,CAAC,qBAAqB,CAAC,CAAmB;IAExC,iBAAiB;IAKjB,oBAAoB;IAM7B,OAAO,CAAC,0BAA0B;IA0BlC,IAAI,OAAO,IAAI,OAAO,CAErB;IAED,OAAO,KAAK,gBAAgB,GAK3B;IAED,OAAO,KAAK,mBAAmB,GAsB9B;IAED,OAAO,KAAK,gBAAgB,GAE3B;IAED,OAAO,KAAK,yBAAyB,GAEpC;IAED,OAAO,CAAC,sBAAsB;IA2B9B,OAAO,CAAC,sBAAsB,CAE5B;cAEiB,OAAO,CAAC,kBAAkB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAInE,SAAS,CAAC,YAAY;IAwBtB,SAAS,KAAK,aAAa,IAAI,gBAAgB,CAI9C;IAED,SAAS,KAAK,cAAc,IAAI,iBAAiB,CAuBhD;IAEQ,MAAM;IAOf,SAAS,CAAC,eAAe;IAmBzB,SAAS,CAAC,YAAY;IAwBtB,SAAS,CAAC,cAAc;IA4CxB,SAAS,KAAK,kBAAkB,IAAI,wBAAwB,CAI3D;IAED,SAAS,KAAK,mBAAmB,IAAI,yBAAyB,CAI7D;IAED,SAAS,CAAC,oBAAoB;IAc9B,OAAgB,MAAM,0BAA2B;CAClD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,YAAY,CAAC;KAChC;CACF"}
1
+ {"version":3,"file":"poi-button.d.ts","sourceRoot":"","sources":["../../../src/ar/poi-button/poi-button.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAQ,OAAO,EAAY,MAAM,KAAK,CAAC;AAKzD,OAAO,6CAA6C,CAAC;AAKrD,OAAO,EACL,iBAAiB,EAEjB,gBAAgB,EACjB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EACL,yBAAyB,EACzB,wBAAwB,EACzB,MAAM,+DAA+D,CAAC;AACvE,OAAO,+DAA+D,CAAC;AAEvE,oBAAY,gBAAgB;IAC1B,MAAM,WAAW;IACjB,QAAQ,aAAa;CACtB;AAED,oBAAY,kBAAkB;IAC5B,QAAQ,aAAa;IACrB,MAAM,WAAW;CAClB;AAED,oBAAY,iBAAiB;IAC3B,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,aAAa,mBAAmB;IAChC,SAAS,eAAe;IACxB,WAAW,iBAAiB;IAC5B,QAAQ,cAAc;IACtB,eAAe,qBAAqB;CACrC;AAED,oBAAY,oBAAoB;IAC9B,SAAS,cAAc;IACvB,OAAO,YAAY;IACnB,SAAS,cAAc;IACvB,UAAU,eAAe;CAC1B;AASD,wBAAgB,+BAA+B,CAC7C,UAAU,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EACrC,WAAW,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EACtC,uBAAuB,GAAE,MAA+C,GACvE,gBAAgB,CAgBlB;AAED,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmDG;AACH,qBACa,YAAa,SAAQ,UAAU;IAChB,iBAAiB,SAAK;IACrB,QAAQ,UAAS;IAClB,MAAM,EAAE,kBAAkB,CACtB;IAE9B,SAAS,UAAS;IAElB,KAAK,EAAE,iBAAiB,CAA6B;IAErD,KAAK,EAAE,oBAAoB,CAAkC;IAE7D,aAAa,UAAS;IACI,IAAI,mBAA2B;IAC9B,eAAe,UAAS;IACR,IAAI,EAAE,oBAAoB,EAAE,CAAM;IAClD,WAAW,UAAS;IACQ,aAAa,SAAM;IAC1E,OAAO,CAAC,qBAAqB,CAAC,CAAmB;IAExC,iBAAiB;IAKjB,oBAAoB;IAM7B,OAAO,CAAC,0BAA0B;IA0BlC,IAAI,OAAO,IAAI,OAAO,CAErB;IAED,OAAO,KAAK,gBAAgB,GAK3B;IAED,OAAO,KAAK,mBAAmB,GAsB9B;IAED,OAAO,KAAK,gBAAgB,GAE3B;IAED,OAAO,KAAK,yBAAyB,GAEpC;IAED,OAAO,CAAC,sBAAsB;IA2B9B,OAAO,CAAC,sBAAsB,CAE5B;cAEiB,OAAO,CAAC,kBAAkB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAInE,SAAS,CAAC,YAAY;IAwBtB,SAAS,KAAK,aAAa,IAAI,gBAAgB,CAI9C;IAED,SAAS,KAAK,cAAc,IAAI,iBAAiB,CAuBhD;IAEQ,MAAM;IAOf,SAAS,CAAC,eAAe;IAmBzB,SAAS,CAAC,YAAY;IAwBtB,SAAS,CAAC,cAAc;IA4CxB,SAAS,KAAK,kBAAkB,IAAI,wBAAwB,CAI3D;IAED,SAAS,KAAK,mBAAmB,IAAI,yBAAyB,CAI7D;IAED,SAAS,CAAC,oBAAoB;IAc9B,OAAgB,MAAM,0BAA2B;CAClD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,YAAY,CAAC;KAChC;CACF"}
package/dist/ar/poi-button/poi-button.js CHANGED
@@ -31,11 +31,11 @@ var ObcPoiButtonState = /* @__PURE__ */ ((ObcPoiButtonState2) => {
31
31
  ObcPoiButtonState2["Caution"] = "caution";
32
32
  ObcPoiButtonState2["Warning"] = "warning";
33
33
  ObcPoiButtonState2["Alarm"] = "alarm";
34
- ObcPoiButtonState2["IsaCritical"] = "isa-critical";
35
- ObcPoiButtonState2["IsaHigh"] = "isa-high";
36
- ObcPoiButtonState2["IsaMedium"] = "isa-medium";
37
- ObcPoiButtonState2["IsaLow"] = "isa-low";
38
- ObcPoiButtonState2["IsaDiagnostic"] = "isa-diagnostic";
34
+ ObcPoiButtonState2["LevelCritical"] = "level-critical";
35
+ ObcPoiButtonState2["LevelHigh"] = "level-high";
36
+ ObcPoiButtonState2["LevelMedium"] = "level-medium";
37
+ ObcPoiButtonState2["LevelLow"] = "level-low";
38
+ ObcPoiButtonState2["LevelDiagnostic"] = "level-diagnostic";
39
39
  return ObcPoiButtonState2;
40
40
  })(ObcPoiButtonState || {});
41
41
  var PoiButtonVisualState = /* @__PURE__ */ ((PoiButtonVisualState2) => {
@@ -123,16 +123,16 @@ let ObcPoiButton = class extends LitElement {
123
123
  return ObcPoiHeaderState.Warning;
124
124
  case "alarm":
125
125
  return ObcPoiHeaderState.Alarm;
126
- case "isa-critical":
127
- return ObcPoiHeaderState.IsaCritical;
128
- case "isa-high":
129
- return ObcPoiHeaderState.IsaHigh;
130
- case "isa-medium":
131
- return ObcPoiHeaderState.IsaMedium;
132
- case "isa-low":
133
- return ObcPoiHeaderState.IsaLow;
134
- case "isa-diagnostic":
135
- return ObcPoiHeaderState.IsaDiagnostic;
126
+ case "level-critical":
127
+ return ObcPoiHeaderState.LevelCritical;
128
+ case "level-high":
129
+ return ObcPoiHeaderState.LevelHigh;
130
+ case "level-medium":
131
+ return ObcPoiHeaderState.LevelMedium;
132
+ case "level-low":
133
+ return ObcPoiHeaderState.LevelLow;
134
+ case "level-diagnostic":
135
+ return ObcPoiHeaderState.LevelDiagnostic;
136
136
  case "enabled":
137
137
  default:
138
138
  return ObcPoiHeaderState.Selected;
package/dist/ar/poi-button/poi-button.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"poi-button.js","sources":["../../../src/ar/poi-button/poi-button.ts"],"sourcesContent":["import {LitElement, html, nothing, unsafeCSS} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport compentStyle from './poi-button.css?inline';\nimport {classMap} from 'lit/directives/class-map.js';\nimport {customElement} from '../../decorator.js';\nimport '../building-blocks/poi-header/poi-header.js';\nimport {\n ObcPoiHeaderType,\n ObcPoiHeaderState,\n} from '../building-blocks/poi-header/poi-header.js';\nimport {\n ObcPoiObjectState,\n ObcPoiObjectStyle,\n ObcPoiObjectType,\n} from '../poi-object/poi-object.js';\nimport {\n ObcPoiSelectionFrameState,\n ObcPoiSelectionFrameType,\n} from '../building-blocks/poi-selection-frame/poi-selection-frame.js';\nimport '../building-blocks/poi-selection-frame/poi-selection-frame.js';\n\nexport enum ObcPoiButtonType {\n Button = 'button',\n Enhanced = 'enhanced',\n}\n\nexport enum ObcPoiButtonLayout {\n Anchored = 'anchored',\n Inline = 'inline',\n}\n\nexport enum ObcPoiButtonState {\n Enabled = 'enabled',\n Caution = 'caution',\n Warning = 'warning',\n Alarm = 'alarm',\n IsaCritical = 'isa-critical',\n IsaHigh = 'isa-high',\n IsaMedium = 'isa-medium',\n IsaLow = 'isa-low',\n IsaDiagnostic = 'isa-diagnostic',\n}\n\nexport enum PoiButtonVisualState {\n Unchecked = 'unchecked',\n Checked = 'checked',\n Activated = 'activated',\n Overlapped = 'overlapped',\n}\n\nconst BUTTON_TOUCH_TARGET_PX = 48;\nconst ENHANCED_TOUCH_TARGET_PX = 64;\nconst DEFAULT_ENHANCED_BOX_AREA_THRESHOLD_PX =\n (BUTTON_TOUCH_TARGET_PX * BUTTON_TOUCH_TARGET_PX +\n ENHANCED_TOUCH_TARGET_PX * ENHANCED_TOUCH_TARGET_PX) /\n 2;\n\nexport function resolvePoiButtonTypeFromBoxSize(\n boxWidthPx: number | null | undefined,\n boxHeightPx: number | null | undefined,\n enhancedAreaThresholdPx: number = DEFAULT_ENHANCED_BOX_AREA_THRESHOLD_PX\n): ObcPoiButtonType {\n const width = Number(boxWidthPx);\n const height = Number(boxHeightPx);\n if (\n !Number.isFinite(width) ||\n !Number.isFinite(height) ||\n width <= 0 ||\n height <= 0\n ) {\n return ObcPoiButtonType.Button;\n }\n\n const area = width * height;\n return area >= enhancedAreaThresholdPx\n ? ObcPoiButtonType.Enhanced\n : ObcPoiButtonType.Button;\n}\n\nexport interface ObcPoiButtonDataItem {\n value: string;\n label: string;\n unit: string;\n}\n\n/**\n * `<obc-poi-button>` - Marker button component that renders an icon target with optional header and data rows.\n *\n * ## Overview\n * Use this component when you need a button-style marker that can show stateful framing and optional metric rows.\n * Keywords/synonyms: marker button, target button, icon target, POI button.\n *\n * ## Features/Variants\n * - `type` (default `button`): `button` or `enhanced` size.\n * - `layout` (default `anchored`): `anchored` or `inline`.\n * - `value` (default `unchecked`): `unchecked`, `checked`, `activated`, `overlapped`.\n * - `overlapOpaque` (default `false`): controls overlapped opacity mode (`false` = translucent, `true` = opaque).\n * - `state` (default `enabled`): `enabled`, `caution`, `warning`, `alarm`, `isa-critical`, `isa-high`, `isa-medium`, `isa-low`, `isa-diagnostic`.\n * - `selected` (default `false`): shows selection frame in anchored layout.\n * - `relativeDirection` (default `0`): rotates default-slot icon content in degrees.\n * - `data` (default `[]`): when non-empty, renders value/label/unit rows.\n * - `hasHeader` + `header` slot: renders a header area and syncs slotted `obc-poi-header` state.\n * - `hasRelation` (default `false`): enables optional relation content in data mode.\n * - `inExpandedGroup` (default `false`): applies `expanded` CSS class.\n * - TODO(designer): Confirm intended UX semantics for `inExpandedGroup` beyond styling.\n *\n * ## Usage Guidelines\n * - Use `layout=\"anchored\"` for standalone marker buttons.\n * - Use `layout=\"inline\"` when this component is embedded in a larger marker composition.\n * - Provide `data` for metric display variants.\n * - Enable `hasRelation` only when relation slot content is provided.\n *\n * ## Slots/Content\n * - Default slot: Icon/content rendered inside `obc-poi-object`.\n * - `header`: Optional header content rendered above the marker body.\n * - `relation`: Optional relation icon/content rendered when `hasRelation` is true in data mode.\n *\n * ## Events\n * This component does not emit custom events.\n * Native `click` is available from the internal `<button>`.\n *\n * ## Best Practices\n * - Keep `value`, `state`, and `selected` synchronized to avoid conflicting visual states.\n * - Prefer enum values for `type`, `layout`, `state`, and `value`.\n *\n * ## Example\n * ```html\n * <obc-poi-button type=\"button\" layout=\"anchored\" value=\"checked\" selected>\n * <obi-placeholder></obi-placeholder>\n * <obc-poi-header slot=\"header\" content=\"1\"></obc-poi-header>\n * </obc-poi-button>\n * ```\n *\n * @slot - Icon/content rendered inside `obc-poi-object`.\n * @slot header - Optional header content rendered above the marker body.\n * @slot relation - Optional relation icon/content in data mode when `hasRelation` is true.\n */\n@customElement('obc-poi-button')\nexport class ObcPoiButton extends LitElement {\n @property({type: Number}) relativeDirection = 0;\n @property({type: Boolean}) selected = false;\n @property({type: String}) layout: ObcPoiButtonLayout =\n ObcPoiButtonLayout.Anchored;\n @property({type: Boolean})\n hasHeader = false;\n @property({type: String})\n state: ObcPoiButtonState = ObcPoiButtonState.Enabled;\n @property({type: String})\n value: PoiButtonVisualState = PoiButtonVisualState.Unchecked;\n @property({type: Boolean})\n overlapOpaque = false;\n @property({type: String}) type = ObcPoiButtonType.Button;\n @property({type: Boolean}) inExpandedGroup = false;\n @property({type: Array, attribute: false}) data: ObcPoiButtonDataItem[] = [];\n @property({type: Boolean}) hasRelation = false;\n @property({type: String, attribute: 'header-content'}) headerContent = '';\n private headerContentObserver?: MutationObserver;\n\n override connectedCallback() {\n super.connectedCallback();\n this.setupHeaderContentObserver();\n }\n\n override disconnectedCallback() {\n super.disconnectedCallback();\n this.headerContentObserver?.disconnect();\n this.headerContentObserver = undefined;\n }\n\n private setupHeaderContentObserver() {\n this.headerContentObserver?.disconnect();\n this.headerContentObserver = new MutationObserver((mutations) => {\n for (const mutation of mutations) {\n if (mutation.type === 'childList') {\n this.requestUpdate();\n return;\n }\n if (\n mutation.type === 'attributes' &&\n mutation.target instanceof HTMLElement &&\n mutation.target.getAttribute('slot') === 'header'\n ) {\n this.requestUpdate();\n return;\n }\n }\n });\n this.headerContentObserver.observe(this, {\n childList: true,\n subtree: true,\n attributes: true,\n attributeFilter: ['slot'],\n });\n }\n\n get hasData(): boolean {\n return this.data.length > 0;\n }\n\n private get alertClassSuffix(): string {\n if (this.state === ObcPoiButtonState.Enabled) {\n return 'none';\n }\n return this.state;\n }\n\n private get resolvedHeaderState(): ObcPoiHeaderState {\n switch (this.state) {\n case ObcPoiButtonState.Caution:\n return ObcPoiHeaderState.Caution;\n case ObcPoiButtonState.Warning:\n return ObcPoiHeaderState.Warning;\n case ObcPoiButtonState.Alarm:\n return ObcPoiHeaderState.Alarm;\n case ObcPoiButtonState.IsaCritical:\n return ObcPoiHeaderState.IsaCritical;\n case ObcPoiButtonState.IsaHigh:\n return ObcPoiHeaderState.IsaHigh;\n case ObcPoiButtonState.IsaMedium:\n return ObcPoiHeaderState.IsaMedium;\n case ObcPoiButtonState.IsaLow:\n return ObcPoiHeaderState.IsaLow;\n case ObcPoiButtonState.IsaDiagnostic:\n return ObcPoiHeaderState.IsaDiagnostic;\n case ObcPoiButtonState.Enabled:\n default:\n return ObcPoiHeaderState.Selected;\n }\n }\n\n private get hasHeaderContent(): boolean {\n return this.querySelector('[slot=\"header\"]') !== null;\n }\n\n private get hasGeneratedHeaderContent(): boolean {\n return this.headerContent.trim().length > 0;\n }\n\n private syncSlottedHeaderState() {\n const headerSlot = this.renderRoot.querySelector(\n 'slot[name=\"header\"]'\n ) as HTMLSlotElement | null;\n if (!headerSlot) {\n return;\n }\n\n const state = this.resolvedHeaderState;\n const assigned = headerSlot.assignedElements({flatten: true});\n const headers = new Set<HTMLElement>();\n\n for (const element of assigned) {\n if (element.matches('obc-poi-header')) {\n headers.add(element as HTMLElement);\n }\n for (const nested of element.querySelectorAll('obc-poi-header')) {\n headers.add(nested as HTMLElement);\n }\n }\n\n for (const header of headers) {\n (header as {state?: string}).state = state;\n header.setAttribute('state', state);\n }\n }\n\n private handleHeaderSlotChange = () => {\n this.syncSlottedHeaderState();\n };\n\n protected override updated(_changedProperties: Map<string, unknown>) {\n this.syncSlottedHeaderState();\n }\n\n protected renderHeader() {\n if (\n !this.hasHeader ||\n (!this.hasHeaderContent && !this.hasGeneratedHeaderContent)\n ) {\n return nothing;\n }\n\n return html`\n <div class=\"id-label\">\n ${this.hasHeaderContent\n ? html`<slot\n name=\"header\"\n @slotchange=${this.handleHeaderSlotChange}\n ></slot>`\n : html`<obc-poi-header\n .content=${this.headerContent}\n .state=${this.resolvedHeaderState}\n .type=${ObcPoiHeaderType.Id}\n ></obc-poi-header>`}\n </div>\n `;\n }\n\n protected get poiObjectType(): ObcPoiObjectType {\n return this.type === ObcPoiButtonType.Enhanced\n ? ObcPoiObjectType.Large\n : ObcPoiObjectType.Regular;\n }\n\n protected get poiObjectState(): ObcPoiObjectState {\n if (this.value === PoiButtonVisualState.Overlapped) {\n return ObcPoiObjectState.Overlapped;\n }\n\n if (this.hasData) {\n if (this.value === PoiButtonVisualState.Activated) {\n return ObcPoiObjectState.Activated;\n }\n if (this.value === PoiButtonVisualState.Checked) {\n return ObcPoiObjectState.StaticChecked;\n }\n return ObcPoiObjectState.StaticUnchecked;\n }\n\n if (this.value === PoiButtonVisualState.Activated) {\n return ObcPoiObjectState.Activated;\n }\n if (this.value === PoiButtonVisualState.Checked) {\n return ObcPoiObjectState.Checked;\n }\n\n return ObcPoiObjectState.Unchecked;\n }\n\n override render() {\n if (this.hasData) {\n return this.renderWithData();\n }\n return this.renderButton();\n }\n\n protected renderPoiObject() {\n return html`\n <obc-poi-object\n class=\"poi-object\"\n .type=${this.poiObjectType}\n .objectStyle=${ObcPoiObjectStyle.Regular}\n .state=${this.poiObjectState}\n .interactive=${false}\n >\n <span\n class=\"icon\"\n style=\"transform: rotate(${this.relativeDirection}deg);\"\n >\n <slot></slot>\n </span>\n </obc-poi-object>\n `;\n }\n\n protected renderButton() {\n return html`\n <button\n type=\"button\"\n class=${classMap({\n wrapper: true,\n selected: this.selected,\n [`alert-${this.alertClassSuffix}`]: true,\n [`type-${this.type}`]: true,\n [`value-${this.value}`]: true,\n [`layout-${this.layout}`]: true,\n 'overlap-opaque': this.overlapOpaque,\n expanded: this.inExpandedGroup,\n })}\n >\n ${this.renderHeader()}\n <div class=\"button-wrapper\">\n ${this.renderSelectionFrame()} ${this.renderPoiObject()}\n <div class=\"alert-ring\"></div>\n </div>\n </button>\n `;\n }\n\n protected renderWithData() {\n return html`\n <button\n type=\"button\"\n class=${classMap({\n wrapper: true,\n 'has-data': true,\n selected: this.selected,\n 'has-header':\n this.hasHeader &&\n (this.hasHeaderContent || this.hasGeneratedHeaderContent),\n [`alert-${this.alertClassSuffix}`]: true,\n [`type-${this.type}`]: true,\n [`value-${this.value}`]: true,\n [`layout-${this.layout}`]: true,\n 'overlap-opaque': this.overlapOpaque,\n expanded: this.inExpandedGroup,\n })}\n >\n <div class=\"visible-wrapper\"></div>\n ${this.renderHeader()}\n <div class=\"data-wrapper\">\n ${this.data.map(\n (item) =>\n html`<div class=\"data\">\n <div class=\"value\">${item.value}</div>\n <div class=\"label\">${item.label}</div>\n <div class=\"unit\">${item.unit}</div>\n </div>`\n )}\n </div>\n <div class=\"button-wrapper\">\n ${this.renderSelectionFrame()} ${this.renderPoiObject()}\n </div>\n ${this.hasRelation\n ? html`<div class=\"relation-wrapper\" part=\"relation-wrapper\">\n <slot name=\"relation\" class=\"relation\" part=\"relation\"></slot>\n </div>`\n : nothing}\n <div class=\"alert-ring\"></div>\n </button>\n `;\n }\n\n protected get selectionFrameType(): ObcPoiSelectionFrameType {\n return this.type === ObcPoiButtonType.Enhanced\n ? ObcPoiSelectionFrameType.Enhanced\n : ObcPoiSelectionFrameType.Button;\n }\n\n protected get selectionFrameState(): ObcPoiSelectionFrameState {\n return this.state === ObcPoiButtonState.Enabled\n ? ObcPoiSelectionFrameState.Regular\n : ObcPoiSelectionFrameState.Alert;\n }\n\n protected renderSelectionFrame() {\n if (!this.selected || this.layout === ObcPoiButtonLayout.Inline) {\n return nothing;\n }\n\n return html`\n <obc-poi-selection-frame\n class=\"selection-frame\"\n .type=${this.selectionFrameType}\n .state=${this.selectionFrameState}\n ></obc-poi-selection-frame>\n `;\n }\n\n static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'obc-poi-button': ObcPoiButton;\n }\n}\n"],"names":["ObcPoiButtonType","ObcPoiButtonLayout","ObcPoiButtonState","PoiButtonVisualState"],"mappings":"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"}
1
+ {"version":3,"file":"poi-button.js","sources":["../../../src/ar/poi-button/poi-button.ts"],"sourcesContent":["import {LitElement, html, nothing, unsafeCSS} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport compentStyle from './poi-button.css?inline';\nimport {classMap} from 'lit/directives/class-map.js';\nimport {customElement} from '../../decorator.js';\nimport '../building-blocks/poi-header/poi-header.js';\nimport {\n ObcPoiHeaderType,\n ObcPoiHeaderState,\n} from '../building-blocks/poi-header/poi-header.js';\nimport {\n ObcPoiObjectState,\n ObcPoiObjectStyle,\n ObcPoiObjectType,\n} from '../poi-object/poi-object.js';\nimport {\n ObcPoiSelectionFrameState,\n ObcPoiSelectionFrameType,\n} from '../building-blocks/poi-selection-frame/poi-selection-frame.js';\nimport '../building-blocks/poi-selection-frame/poi-selection-frame.js';\n\nexport enum ObcPoiButtonType {\n Button = 'button',\n Enhanced = 'enhanced',\n}\n\nexport enum ObcPoiButtonLayout {\n Anchored = 'anchored',\n Inline = 'inline',\n}\n\nexport enum ObcPoiButtonState {\n Enabled = 'enabled',\n Caution = 'caution',\n Warning = 'warning',\n Alarm = 'alarm',\n LevelCritical = 'level-critical',\n LevelHigh = 'level-high',\n LevelMedium = 'level-medium',\n LevelLow = 'level-low',\n LevelDiagnostic = 'level-diagnostic',\n}\n\nexport enum PoiButtonVisualState {\n Unchecked = 'unchecked',\n Checked = 'checked',\n Activated = 'activated',\n Overlapped = 'overlapped',\n}\n\nconst BUTTON_TOUCH_TARGET_PX = 48;\nconst ENHANCED_TOUCH_TARGET_PX = 64;\nconst DEFAULT_ENHANCED_BOX_AREA_THRESHOLD_PX =\n (BUTTON_TOUCH_TARGET_PX * BUTTON_TOUCH_TARGET_PX +\n ENHANCED_TOUCH_TARGET_PX * ENHANCED_TOUCH_TARGET_PX) /\n 2;\n\nexport function resolvePoiButtonTypeFromBoxSize(\n boxWidthPx: number | null | undefined,\n boxHeightPx: number | null | undefined,\n enhancedAreaThresholdPx: number = DEFAULT_ENHANCED_BOX_AREA_THRESHOLD_PX\n): ObcPoiButtonType {\n const width = Number(boxWidthPx);\n const height = Number(boxHeightPx);\n if (\n !Number.isFinite(width) ||\n !Number.isFinite(height) ||\n width <= 0 ||\n height <= 0\n ) {\n return ObcPoiButtonType.Button;\n }\n\n const area = width * height;\n return area >= enhancedAreaThresholdPx\n ? ObcPoiButtonType.Enhanced\n : ObcPoiButtonType.Button;\n}\n\nexport interface ObcPoiButtonDataItem {\n value: string;\n label: string;\n unit: string;\n}\n\n/**\n * `<obc-poi-button>` - Marker button component that renders an icon target with optional header and data rows.\n *\n * ## Overview\n * Use this component when you need a button-style marker that can show stateful framing and optional metric rows.\n * Keywords/synonyms: marker button, target button, icon target, POI button.\n *\n * ## Features/Variants\n * - `type` (default `button`): `button` or `enhanced` size.\n * - `layout` (default `anchored`): `anchored` or `inline`.\n * - `value` (default `unchecked`): `unchecked`, `checked`, `activated`, `overlapped`.\n * - `overlapOpaque` (default `false`): controls overlapped opacity mode (`false` = translucent, `true` = opaque).\n * - `state` (default `enabled`): `enabled`, `caution`, `warning`, `alarm`, `level-critical`, `level-high`, `level-medium`, `level-low`, `level-diagnostic`.\n * - `selected` (default `false`): shows selection frame in anchored layout.\n * - `relativeDirection` (default `0`): rotates default-slot icon content in degrees.\n * - `data` (default `[]`): when non-empty, renders value/label/unit rows.\n * - `hasHeader` + `header` slot: renders a header area and syncs slotted `obc-poi-header` state.\n * - `hasRelation` (default `false`): enables optional relation content in data mode.\n * - `inExpandedGroup` (default `false`): applies `expanded` CSS class.\n * - TODO(designer): Confirm intended UX semantics for `inExpandedGroup` beyond styling.\n *\n * ## Usage Guidelines\n * - Use `layout=\"anchored\"` for standalone marker buttons.\n * - Use `layout=\"inline\"` when this component is embedded in a larger marker composition.\n * - Provide `data` for metric display variants.\n * - Enable `hasRelation` only when relation slot content is provided.\n *\n * ## Slots/Content\n * - Default slot: Icon/content rendered inside `obc-poi-object`.\n * - `header`: Optional header content rendered above the marker body.\n * - `relation`: Optional relation icon/content rendered when `hasRelation` is true in data mode.\n *\n * ## Events\n * This component does not emit custom events.\n * Native `click` is available from the internal `<button>`.\n *\n * ## Best Practices\n * - Keep `value`, `state`, and `selected` synchronized to avoid conflicting visual states.\n * - Prefer enum values for `type`, `layout`, `state`, and `value`.\n *\n * ## Example\n * ```html\n * <obc-poi-button type=\"button\" layout=\"anchored\" value=\"checked\" selected>\n * <obi-placeholder></obi-placeholder>\n * <obc-poi-header slot=\"header\" content=\"1\"></obc-poi-header>\n * </obc-poi-button>\n * ```\n *\n * @slot - Icon/content rendered inside `obc-poi-object`.\n * @slot header - Optional header content rendered above the marker body.\n * @slot relation - Optional relation icon/content in data mode when `hasRelation` is true.\n */\n@customElement('obc-poi-button')\nexport class ObcPoiButton extends LitElement {\n @property({type: Number}) relativeDirection = 0;\n @property({type: Boolean}) selected = false;\n @property({type: String}) layout: ObcPoiButtonLayout =\n ObcPoiButtonLayout.Anchored;\n @property({type: Boolean})\n hasHeader = false;\n @property({type: String})\n state: ObcPoiButtonState = ObcPoiButtonState.Enabled;\n @property({type: String})\n value: PoiButtonVisualState = PoiButtonVisualState.Unchecked;\n @property({type: Boolean})\n overlapOpaque = false;\n @property({type: String}) type = ObcPoiButtonType.Button;\n @property({type: Boolean}) inExpandedGroup = false;\n @property({type: Array, attribute: false}) data: ObcPoiButtonDataItem[] = [];\n @property({type: Boolean}) hasRelation = false;\n @property({type: String, attribute: 'header-content'}) headerContent = '';\n private headerContentObserver?: MutationObserver;\n\n override connectedCallback() {\n super.connectedCallback();\n this.setupHeaderContentObserver();\n }\n\n override disconnectedCallback() {\n super.disconnectedCallback();\n this.headerContentObserver?.disconnect();\n this.headerContentObserver = undefined;\n }\n\n private setupHeaderContentObserver() {\n this.headerContentObserver?.disconnect();\n this.headerContentObserver = new MutationObserver((mutations) => {\n for (const mutation of mutations) {\n if (mutation.type === 'childList') {\n this.requestUpdate();\n return;\n }\n if (\n mutation.type === 'attributes' &&\n mutation.target instanceof HTMLElement &&\n mutation.target.getAttribute('slot') === 'header'\n ) {\n this.requestUpdate();\n return;\n }\n }\n });\n this.headerContentObserver.observe(this, {\n childList: true,\n subtree: true,\n attributes: true,\n attributeFilter: ['slot'],\n });\n }\n\n get hasData(): boolean {\n return this.data.length > 0;\n }\n\n private get alertClassSuffix(): string {\n if (this.state === ObcPoiButtonState.Enabled) {\n return 'none';\n }\n return this.state;\n }\n\n private get resolvedHeaderState(): ObcPoiHeaderState {\n switch (this.state) {\n case ObcPoiButtonState.Caution:\n return ObcPoiHeaderState.Caution;\n case ObcPoiButtonState.Warning:\n return ObcPoiHeaderState.Warning;\n case ObcPoiButtonState.Alarm:\n return ObcPoiHeaderState.Alarm;\n case ObcPoiButtonState.LevelCritical:\n return ObcPoiHeaderState.LevelCritical;\n case ObcPoiButtonState.LevelHigh:\n return ObcPoiHeaderState.LevelHigh;\n case ObcPoiButtonState.LevelMedium:\n return ObcPoiHeaderState.LevelMedium;\n case ObcPoiButtonState.LevelLow:\n return ObcPoiHeaderState.LevelLow;\n case ObcPoiButtonState.LevelDiagnostic:\n return ObcPoiHeaderState.LevelDiagnostic;\n case ObcPoiButtonState.Enabled:\n default:\n return ObcPoiHeaderState.Selected;\n }\n }\n\n private get hasHeaderContent(): boolean {\n return this.querySelector('[slot=\"header\"]') !== null;\n }\n\n private get hasGeneratedHeaderContent(): boolean {\n return this.headerContent.trim().length > 0;\n }\n\n private syncSlottedHeaderState() {\n const headerSlot = this.renderRoot.querySelector(\n 'slot[name=\"header\"]'\n ) as HTMLSlotElement | null;\n if (!headerSlot) {\n return;\n }\n\n const state = this.resolvedHeaderState;\n const assigned = headerSlot.assignedElements({flatten: true});\n const headers = new Set<HTMLElement>();\n\n for (const element of assigned) {\n if (element.matches('obc-poi-header')) {\n headers.add(element as HTMLElement);\n }\n for (const nested of element.querySelectorAll('obc-poi-header')) {\n headers.add(nested as HTMLElement);\n }\n }\n\n for (const header of headers) {\n (header as {state?: string}).state = state;\n header.setAttribute('state', state);\n }\n }\n\n private handleHeaderSlotChange = () => {\n this.syncSlottedHeaderState();\n };\n\n protected override updated(_changedProperties: Map<string, unknown>) {\n this.syncSlottedHeaderState();\n }\n\n protected renderHeader() {\n if (\n !this.hasHeader ||\n (!this.hasHeaderContent && !this.hasGeneratedHeaderContent)\n ) {\n return nothing;\n }\n\n return html`\n <div class=\"id-label\">\n ${this.hasHeaderContent\n ? html`<slot\n name=\"header\"\n @slotchange=${this.handleHeaderSlotChange}\n ></slot>`\n : html`<obc-poi-header\n .content=${this.headerContent}\n .state=${this.resolvedHeaderState}\n .type=${ObcPoiHeaderType.Id}\n ></obc-poi-header>`}\n </div>\n `;\n }\n\n protected get poiObjectType(): ObcPoiObjectType {\n return this.type === ObcPoiButtonType.Enhanced\n ? ObcPoiObjectType.Large\n : ObcPoiObjectType.Regular;\n }\n\n protected get poiObjectState(): ObcPoiObjectState {\n if (this.value === PoiButtonVisualState.Overlapped) {\n return ObcPoiObjectState.Overlapped;\n }\n\n if (this.hasData) {\n if (this.value === PoiButtonVisualState.Activated) {\n return ObcPoiObjectState.Activated;\n }\n if (this.value === PoiButtonVisualState.Checked) {\n return ObcPoiObjectState.StaticChecked;\n }\n return ObcPoiObjectState.StaticUnchecked;\n }\n\n if (this.value === PoiButtonVisualState.Activated) {\n return ObcPoiObjectState.Activated;\n }\n if (this.value === PoiButtonVisualState.Checked) {\n return ObcPoiObjectState.Checked;\n }\n\n return ObcPoiObjectState.Unchecked;\n }\n\n override render() {\n if (this.hasData) {\n return this.renderWithData();\n }\n return this.renderButton();\n }\n\n protected renderPoiObject() {\n return html`\n <obc-poi-object\n class=\"poi-object\"\n .type=${this.poiObjectType}\n .objectStyle=${ObcPoiObjectStyle.Regular}\n .state=${this.poiObjectState}\n .interactive=${false}\n >\n <span\n class=\"icon\"\n style=\"transform: rotate(${this.relativeDirection}deg);\"\n >\n <slot></slot>\n </span>\n </obc-poi-object>\n `;\n }\n\n protected renderButton() {\n return html`\n <button\n type=\"button\"\n class=${classMap({\n wrapper: true,\n selected: this.selected,\n [`alert-${this.alertClassSuffix}`]: true,\n [`type-${this.type}`]: true,\n [`value-${this.value}`]: true,\n [`layout-${this.layout}`]: true,\n 'overlap-opaque': this.overlapOpaque,\n expanded: this.inExpandedGroup,\n })}\n >\n ${this.renderHeader()}\n <div class=\"button-wrapper\">\n ${this.renderSelectionFrame()} ${this.renderPoiObject()}\n <div class=\"alert-ring\"></div>\n </div>\n </button>\n `;\n }\n\n protected renderWithData() {\n return html`\n <button\n type=\"button\"\n class=${classMap({\n wrapper: true,\n 'has-data': true,\n selected: this.selected,\n 'has-header':\n this.hasHeader &&\n (this.hasHeaderContent || this.hasGeneratedHeaderContent),\n [`alert-${this.alertClassSuffix}`]: true,\n [`type-${this.type}`]: true,\n [`value-${this.value}`]: true,\n [`layout-${this.layout}`]: true,\n 'overlap-opaque': this.overlapOpaque,\n expanded: this.inExpandedGroup,\n })}\n >\n <div class=\"visible-wrapper\"></div>\n ${this.renderHeader()}\n <div class=\"data-wrapper\">\n ${this.data.map(\n (item) =>\n html`<div class=\"data\">\n <div class=\"value\">${item.value}</div>\n <div class=\"label\">${item.label}</div>\n <div class=\"unit\">${item.unit}</div>\n </div>`\n )}\n </div>\n <div class=\"button-wrapper\">\n ${this.renderSelectionFrame()} ${this.renderPoiObject()}\n </div>\n ${this.hasRelation\n ? html`<div class=\"relation-wrapper\" part=\"relation-wrapper\">\n <slot name=\"relation\" class=\"relation\" part=\"relation\"></slot>\n </div>`\n : nothing}\n <div class=\"alert-ring\"></div>\n </button>\n `;\n }\n\n protected get selectionFrameType(): ObcPoiSelectionFrameType {\n return this.type === ObcPoiButtonType.Enhanced\n ? ObcPoiSelectionFrameType.Enhanced\n : ObcPoiSelectionFrameType.Button;\n }\n\n protected get selectionFrameState(): ObcPoiSelectionFrameState {\n return this.state === ObcPoiButtonState.Enabled\n ? ObcPoiSelectionFrameState.Regular\n : ObcPoiSelectionFrameState.Alert;\n }\n\n protected renderSelectionFrame() {\n if (!this.selected || this.layout === ObcPoiButtonLayout.Inline) {\n return nothing;\n }\n\n return html`\n <obc-poi-selection-frame\n class=\"selection-frame\"\n .type=${this.selectionFrameType}\n .state=${this.selectionFrameState}\n ></obc-poi-selection-frame>\n `;\n }\n\n static override styles = unsafeCSS(compentStyle);\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'obc-poi-button': ObcPoiButton;\n }\n}\n"],"names":["ObcPoiButtonType","ObcPoiButtonLayout","ObcPoiButtonState","PoiButtonVisualState"],"mappings":"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"}
package/dist/ar/types.d.ts CHANGED
@@ -3,10 +3,10 @@ export declare enum ObcArAlertType {
3
3
  Caution = "caution",
4
4
  Warning = "warning",
5
5
  Alarm = "alarm",
6
- IsaCritical = "isa-critical",
7
- IsaHigh = "isa-high",
8
- IsaMedium = "isa-medium",
9
- IsaLow = "isa-low",
10
- IsaDiagnostic = "isa-diagnostic"
6
+ LevelCritical = "level-critical",
7
+ LevelHigh = "level-high",
8
+ LevelMedium = "level-medium",
9
+ LevelLow = "level-low",
10
+ LevelDiagnostic = "level-diagnostic"
11
11
  }
12
12
  //# sourceMappingURL=types.d.ts.map
package/dist/ar/types.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/ar/types.ts"],"names":[],"mappings":"AAAA,oBAAY,cAAc;IACxB,IAAI,SAAS;IACb,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,WAAW,iBAAiB;IAC5B,OAAO,aAAa;IACpB,SAAS,eAAe;IACxB,MAAM,YAAY;IAClB,aAAa,mBAAmB;CACjC"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/ar/types.ts"],"names":[],"mappings":"AAAA,oBAAY,cAAc;IACxB,IAAI,SAAS;IACb,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,aAAa,mBAAmB;IAChC,SAAS,eAAe;IACxB,WAAW,iBAAiB;IAC5B,QAAQ,cAAc;IACtB,eAAe,qBAAqB;CACrC"}
package/dist/ar/types.js CHANGED
@@ -3,11 +3,11 @@ var ObcArAlertType = /* @__PURE__ */ ((ObcArAlertType2) => {
3
3
  ObcArAlertType2["Caution"] = "caution";
4
4
  ObcArAlertType2["Warning"] = "warning";
5
5
  ObcArAlertType2["Alarm"] = "alarm";
6
- ObcArAlertType2["IsaCritical"] = "isa-critical";
7
- ObcArAlertType2["IsaHigh"] = "isa-high";
8
- ObcArAlertType2["IsaMedium"] = "isa-medium";
9
- ObcArAlertType2["IsaLow"] = "isa-low";
10
- ObcArAlertType2["IsaDiagnostic"] = "isa-diagnostic";
6
+ ObcArAlertType2["LevelCritical"] = "level-critical";
7
+ ObcArAlertType2["LevelHigh"] = "level-high";
8
+ ObcArAlertType2["LevelMedium"] = "level-medium";
9
+ ObcArAlertType2["LevelLow"] = "level-low";
10
+ ObcArAlertType2["LevelDiagnostic"] = "level-diagnostic";
11
11
  return ObcArAlertType2;
12
12
  })(ObcArAlertType || {});
13
13
  export {
package/dist/ar/types.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"types.js","sources":["../../src/ar/types.ts"],"sourcesContent":["export enum ObcArAlertType {\n None = 'none',\n Caution = 'caution',\n Warning = 'warning',\n Alarm = 'alarm',\n IsaCritical = 'isa-critical',\n IsaHigh = 'isa-high',\n IsaMedium = 'isa-medium',\n IsaLow = 'isa-low',\n IsaDiagnostic = 'isa-diagnostic',\n}\n"],"names":["ObcArAlertType"],"mappings":"AAAO,IAAK,mCAAAA,oBAAL;AACLA,kBAAA,MAAA,IAAO;AACPA,kBAAA,SAAA,IAAU;AACVA,kBAAA,SAAA,IAAU;AACVA,kBAAA,OAAA,IAAQ;AACRA,kBAAA,aAAA,IAAc;AACdA,kBAAA,SAAA,IAAU;AACVA,kBAAA,WAAA,IAAY;AACZA,kBAAA,QAAA,IAAS;AACTA,kBAAA,eAAA,IAAgB;AATN,SAAAA;AAAA,GAAA,kBAAA,CAAA,CAAA;"}
1
+ {"version":3,"file":"types.js","sources":["../../src/ar/types.ts"],"sourcesContent":["export enum ObcArAlertType {\n None = 'none',\n Caution = 'caution',\n Warning = 'warning',\n Alarm = 'alarm',\n LevelCritical = 'level-critical',\n LevelHigh = 'level-high',\n LevelMedium = 'level-medium',\n LevelLow = 'level-low',\n LevelDiagnostic = 'level-diagnostic',\n}\n"],"names":["ObcArAlertType"],"mappings":"AAAO,IAAK,mCAAAA,oBAAL;AACLA,kBAAA,MAAA,IAAO;AACPA,kBAAA,SAAA,IAAU;AACVA,kBAAA,SAAA,IAAU;AACVA,kBAAA,OAAA,IAAQ;AACRA,kBAAA,eAAA,IAAgB;AAChBA,kBAAA,WAAA,IAAY;AACZA,kBAAA,aAAA,IAAc;AACdA,kBAAA,UAAA,IAAW;AACXA,kBAAA,iBAAA,IAAkB;AATR,SAAAA;AAAA,GAAA,kBAAA,CAAA,CAAA;"}
package/dist/automation/automation-badge/automation-badge.d.ts CHANGED
@@ -26,19 +26,19 @@ export declare enum ObcAutomationBadgeType {
26
26
  Caution = "caution",
27
27
  Warning = "warning",
28
28
  Alarm = "alarm",
29
- IsaCritical = "isa-critical",
30
- IsaHigh = "isa-high",
31
- IsaMedium = "isa-medium",
32
- IsaLow = "isa-low",
33
- IsaDiagnostic = "isa-diagnostic"
29
+ LevelCritical = "level-critical",
30
+ LevelHigh = "level-high",
31
+ LevelMedium = "level-medium",
32
+ LevelLow = "level-low",
33
+ LevelDiagnostic = "level-diagnostic"
34
34
  }
35
35
  export declare class ObcAutomationBadge extends LitElement {
36
36
  mode: ObcAutomationBadgeMode;
37
37
  type?: ObcAutomationBadgeType;
38
38
  private get effectiveMode();
39
39
  private isAlertType;
40
- private renderIsaCriticalIcon;
41
- private renderIsaDiagnosticIcon;
40
+ private renderLevelCriticalIcon;
41
+ private renderLevelDiagnosticIcon;
42
42
  private getIcon;
43
43
  render(): import('lit-html').TemplateResult<1>;
44
44
  static styles: import('lit').CSSResult;
package/dist/automation/automation-badge/automation-badge.d.ts.map CHANGED
@@ -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,WAAW,iBAAiB;IAC5B,OAAO,aAAa;IACpB,SAAS,eAAe;IACxB,MAAM,YAAY;IAClB,aAAa,mBAAmB;CACjC;AAaD,qBACa,kBAAmB,SAAQ,UAAU;IACtB,IAAI,EAAE,sBAAsB,CACxB;IAEJ,IAAI,CAAC,EAAE,sBAAsB,CAAa;IAEpE,OAAO,KAAK,aAAa,GAMxB;IAED,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,qBAAqB;IAiD7B,OAAO,CAAC,uBAAuB;IAgB/B,OAAO,CAAC,OAAO;IA8RN,MAAM;IAQf,OAAgB,MAAM,0BAA2B;CAClD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,sBAAsB,EAAE,kBAAkB,CAAC;KAC5C;CACF"}
1
+ {"version":3,"file":"automation-badge.d.ts","sourceRoot":"","sources":["../../../src/automation/automation-badge/automation-badge.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAkB,MAAM,KAAK,CAAC;AAKhD,OAAO,sCAAsC,CAAC;AAC9C,OAAO,0BAA0B,CAAC;AAClC,OAAO,4BAA4B,CAAC;AACpC,OAAO,iCAAiC,CAAC;AACzC,OAAO,2BAA2B,CAAC;AACnC,OAAO,gCAAgC,CAAC;AACxC,OAAO,0BAA0B,CAAC;AAClC,OAAO,6BAA6B,CAAC;AACrC,OAAO,sCAAsC,CAAC;AAE9C,oBAAY,sBAAsB;IAChC,IAAI,SAAS;IACb,OAAO,YAAY;IACnB,QAAQ,aAAa;CACtB;AAED,oBAAY,sBAAsB;IAChC,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,UAAU,gBAAgB;IAC1B,KAAK,UAAU;IACf,SAAS,eAAe;IACxB,aAAa,mBAAmB;IAChC,SAAS,cAAc;IACvB,gBAAgB,sBAAsB;IACtC,aAAa,mBAAmB;IAChC,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,aAAa,mBAAmB;IAChC,SAAS,eAAe;IACxB,WAAW,iBAAiB;IAC5B,QAAQ,cAAc;IACtB,eAAe,qBAAqB;CACrC;AAaD,qBACa,kBAAmB,SAAQ,UAAU;IACtB,IAAI,EAAE,sBAAsB,CACxB;IAEJ,IAAI,CAAC,EAAE,sBAAsB,CAAa;IAEpE,OAAO,KAAK,aAAa,GAMxB;IAED,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,uBAAuB;IAiD/B,OAAO,CAAC,yBAAyB;IAgBjC,OAAO,CAAC,OAAO;IA8RN,MAAM;IAQf,OAAgB,MAAM,0BAA2B;CAClD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,sBAAsB,EAAE,kBAAkB,CAAC;KAC5C;CACF"}
package/dist/automation/automation-badge/automation-badge.js CHANGED
@@ -41,23 +41,23 @@ var ObcAutomationBadgeType = /* @__PURE__ */ ((ObcAutomationBadgeType2) => {
41
41
  ObcAutomationBadgeType2["Caution"] = "caution";
42
42
  ObcAutomationBadgeType2["Warning"] = "warning";
43
43
  ObcAutomationBadgeType2["Alarm"] = "alarm";
44
- ObcAutomationBadgeType2["IsaCritical"] = "isa-critical";
45
- ObcAutomationBadgeType2["IsaHigh"] = "isa-high";
46
- ObcAutomationBadgeType2["IsaMedium"] = "isa-medium";
47
- ObcAutomationBadgeType2["IsaLow"] = "isa-low";
48
- ObcAutomationBadgeType2["IsaDiagnostic"] = "isa-diagnostic";
44
+ ObcAutomationBadgeType2["LevelCritical"] = "level-critical";
45
+ ObcAutomationBadgeType2["LevelHigh"] = "level-high";
46
+ ObcAutomationBadgeType2["LevelMedium"] = "level-medium";
47
+ ObcAutomationBadgeType2["LevelLow"] = "level-low";
48
+ ObcAutomationBadgeType2["LevelDiagnostic"] = "level-diagnostic";
49
49
  return ObcAutomationBadgeType2;
50
50
  })(ObcAutomationBadgeType || {});
51
51
  const ALERT_BADGE_TYPES = [
52
52
  "caution",
53
53
  "warning",
54
54
  "alarm",
55
- "isa-critical",
56
- "isa-high",
57
- "isa-medium",
58
- "isa-low",
59
- "isa-diagnostic"
60
- /* IsaDiagnostic */
55
+ "level-critical",
56
+ "level-high",
57
+ "level-medium",
58
+ "level-low",
59
+ "level-diagnostic"
60
+ /* LevelDiagnostic */
61
61
  ];
62
62
  let ObcAutomationBadge = class extends LitElement {
63
63
  constructor() {
@@ -75,7 +75,7 @@ let ObcAutomationBadge = class extends LitElement {
75
75
  isAlertType(...types) {
76
76
  return !!this.type && types.includes(this.type);
77
77
  }
78
- renderIsaCriticalIcon(flat) {
78
+ renderLevelCriticalIcon(flat) {
79
79
  if (flat) {
80
80
  return html`<svg
81
81
  width="16"
@@ -123,7 +123,7 @@ let ObcAutomationBadge = class extends LitElement {
123
123
  />
124
124
  </svg>`;
125
125
  }
126
- renderIsaDiagnosticIcon() {
126
+ renderLevelDiagnosticIcon() {
127
127
  return html`<svg
128
128
  width="16"
129
129
  height="16"
@@ -170,17 +170,17 @@ let ObcAutomationBadge = class extends LitElement {
170
170
  class="icon siluette"
171
171
  ></obi-alert-off-filled
172
172
  ><obi-alert-off-filled class="icon"></obi-alert-off-filled>`;
173
- } else if (this.type === "isa-critical") {
174
- return this.renderIsaCriticalIcon(
173
+ } else if (this.type === "level-critical") {
174
+ return this.renderLevelCriticalIcon(
175
175
  this.effectiveMode === "flat"
176
176
  /* Flat */
177
177
  );
178
- } else if (this.type === "isa-diagnostic") {
179
- return this.renderIsaDiagnosticIcon();
178
+ } else if (this.type === "level-diagnostic") {
179
+ return this.renderLevelDiagnosticIcon();
180
180
  } else if (this.isAlertType(
181
181
  "caution",
182
- "isa-low"
183
- /* IsaLow */
182
+ "level-low"
183
+ /* LevelLow */
184
184
  ) && this.effectiveMode === "flat") {
185
185
  return html`<svg
186
186
  width="16"
@@ -229,8 +229,8 @@ let ObcAutomationBadge = class extends LitElement {
229
229
  </svg>`;
230
230
  } else if (this.isAlertType(
231
231
  "caution",
232
- "isa-low"
233
- /* IsaLow */
232
+ "level-low"
233
+ /* LevelLow */
234
234
  )) {
235
235
  return html`<svg
236
236
  width="16"
@@ -254,8 +254,8 @@ let ObcAutomationBadge = class extends LitElement {
254
254
  </svg> `;
255
255
  } else if (this.isAlertType(
256
256
  "warning",
257
- "isa-medium"
258
- /* IsaMedium */
257
+ "level-medium"
258
+ /* LevelMedium */
259
259
  ) && this.effectiveMode === "flat") {
260
260
  return html`
261
261
  <svg
@@ -314,8 +314,8 @@ let ObcAutomationBadge = class extends LitElement {
314
314
  `;
315
315
  } else if (this.isAlertType(
316
316
  "warning",
317
- "isa-medium"
318
- /* IsaMedium */
317
+ "level-medium"
318
+ /* LevelMedium */
319
319
  )) {
320
320
  return html`<svg
321
321
  width="16"
@@ -336,8 +336,8 @@ let ObcAutomationBadge = class extends LitElement {
336
336
  </svg> `;
337
337
  } else if (this.isAlertType(
338
338
  "alarm",
339
- "isa-high"
340
- /* IsaHigh */
339
+ "level-high"
340
+ /* LevelHigh */
341
341
  ) && this.effectiveMode === "flat") {
342
342
  return html`<svg
343
343
  width="16"
@@ -386,8 +386,8 @@ let ObcAutomationBadge = class extends LitElement {
386
386
  </svg> `;
387
387
  } else if (this.isAlertType(
388
388
  "alarm",
389
- "isa-high"
390
- /* IsaHigh */
389
+ "level-high"
390
+ /* LevelHigh */
391
391
  )) {
392
392
  return html`
393
393
  <svg