@oicl/openbridge-webcomponents 2.0.0-next.158 → 2.0.0-next.159
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 +0 -9
- package/bundle/openbridge-webcomponents.bundle.js.map +1 -1
- package/custom-elements.json +15 -53
- package/dist/automation/corner-line/corner-line.d.ts +2 -1
- package/dist/automation/corner-line/corner-line.d.ts.map +1 -1
- package/dist/automation/corner-line/corner-line.js.map +1 -1
- package/dist/automation/direction-line/direction-line.d.ts +2 -1
- package/dist/automation/direction-line/direction-line.d.ts.map +1 -1
- package/dist/automation/direction-line/direction-line.js.map +1 -1
- package/dist/automation/end-point-line/end-point-line.d.ts +2 -1
- package/dist/automation/end-point-line/end-point-line.d.ts.map +1 -1
- package/dist/automation/end-point-line/end-point-line.js.map +1 -1
- package/dist/automation/horizontal-line/horizontal-line.d.ts +2 -1
- package/dist/automation/horizontal-line/horizontal-line.d.ts.map +1 -1
- package/dist/automation/horizontal-line/horizontal-line.js.map +1 -1
- package/dist/automation/line-cross/line-cross.d.ts +2 -1
- package/dist/automation/line-cross/line-cross.d.ts.map +1 -1
- package/dist/automation/line-cross/line-cross.js.map +1 -1
- package/dist/automation/line-overlap/line-overlap.d.ts +2 -1
- package/dist/automation/line-overlap/line-overlap.d.ts.map +1 -1
- package/dist/automation/line-overlap/line-overlap.js.map +1 -1
- package/dist/automation/three-way-line/three-way-line.d.ts +2 -1
- package/dist/automation/three-way-line/three-way-line.d.ts.map +1 -1
- package/dist/automation/three-way-line/three-way-line.js.map +1 -1
- package/dist/automation/vertical-line/vertical-line.d.ts +2 -1
- package/dist/automation/vertical-line/vertical-line.d.ts.map +1 -1
- package/dist/automation/vertical-line/vertical-line.js.map +1 -1
- package/dist/components/command-menu/command-menu.d.ts.map +1 -1
- package/dist/components/command-menu/command-menu.js +0 -1
- package/dist/components/command-menu/command-menu.js.map +1 -1
- package/dist/components/notification-badge-button/notification-badge-button.d.ts +4 -1
- package/dist/components/notification-badge-button/notification-badge-button.d.ts.map +1 -1
- package/dist/components/notification-badge-button/notification-badge-button.js.map +1 -1
- package/dist/components/start-stop-switch/start-stop-switch.d.ts +0 -9
- package/dist/components/start-stop-switch/start-stop-switch.d.ts.map +1 -1
- package/dist/components/start-stop-switch/start-stop-switch.js +0 -8
- package/dist/components/start-stop-switch/start-stop-switch.js.map +1 -1
- package/dist/navigation-instruments/azimuth-thruster-labeled/azimuth-thruster-labeled.d.ts +2 -1
- package/dist/navigation-instruments/azimuth-thruster-labeled/azimuth-thruster-labeled.d.ts.map +1 -1
- package/dist/navigation-instruments/azimuth-thruster-labeled/azimuth-thruster-labeled.js.map +1 -1
- package/dist/navigation-instruments/instrument-field/instrument-field.d.ts +3 -1
- package/dist/navigation-instruments/instrument-field/instrument-field.d.ts.map +1 -1
- package/dist/navigation-instruments/instrument-field/instrument-field.js.map +1 -1
- package/package.json +1 -1
package/custom-elements.json
CHANGED
|
@@ -19994,7 +19994,7 @@
|
|
|
19994
19994
|
"name": "LitElement",
|
|
19995
19995
|
"package": "lit"
|
|
19996
19996
|
},
|
|
19997
|
-
"deprecated": "
|
|
19997
|
+
"deprecated": "The line components are deprecated and will be removed in future releases. Please use the `@oicl/connector-diagram` package instead.",
|
|
19998
19998
|
"tagName": "obc-corner-line",
|
|
19999
19999
|
"customElement": true
|
|
20000
20000
|
}
|
|
@@ -22604,7 +22604,7 @@
|
|
|
22604
22604
|
"name": "LitElement",
|
|
22605
22605
|
"package": "lit"
|
|
22606
22606
|
},
|
|
22607
|
-
"deprecated": "
|
|
22607
|
+
"deprecated": "The line components are deprecated and will be removed in future releases. Please use the `@oicl/connector-diagram` package instead.",
|
|
22608
22608
|
"tagName": "obc-direction-line",
|
|
22609
22609
|
"customElement": true
|
|
22610
22610
|
}
|
|
@@ -22689,7 +22689,7 @@
|
|
|
22689
22689
|
"name": "LitElement",
|
|
22690
22690
|
"package": "lit"
|
|
22691
22691
|
},
|
|
22692
|
-
"deprecated": "
|
|
22692
|
+
"deprecated": "The line components are deprecated and will be removed in future releases. Please use the `@oicl/connector-diagram` package instead.",
|
|
22693
22693
|
"tagName": "obc-end-point-line",
|
|
22694
22694
|
"customElement": true
|
|
22695
22695
|
}
|
|
@@ -30715,7 +30715,7 @@
|
|
|
30715
30715
|
"name": "LitElement",
|
|
30716
30716
|
"package": "lit"
|
|
30717
30717
|
},
|
|
30718
|
-
"deprecated": "
|
|
30718
|
+
"deprecated": "The line components are deprecated and will be removed in future releases. Please use the `@oicl/connector-diagram` package instead.",
|
|
30719
30719
|
"tagName": "obc-horizontal-line",
|
|
30720
30720
|
"customElement": true
|
|
30721
30721
|
}
|
|
@@ -32672,7 +32672,7 @@
|
|
|
32672
32672
|
"name": "LitElement",
|
|
32673
32673
|
"package": "lit"
|
|
32674
32674
|
},
|
|
32675
|
-
"deprecated": "
|
|
32675
|
+
"deprecated": "The line components are deprecated and will be removed in future releases. Please use the `@oicl/connector-diagram` package instead.",
|
|
32676
32676
|
"tagName": "obc-line-cross",
|
|
32677
32677
|
"customElement": true
|
|
32678
32678
|
}
|
|
@@ -32742,7 +32742,7 @@
|
|
|
32742
32742
|
"name": "LitElement",
|
|
32743
32743
|
"package": "lit"
|
|
32744
32744
|
},
|
|
32745
|
-
"deprecated": "
|
|
32745
|
+
"deprecated": "The line components are deprecated and will be removed in future releases. Please use the `@oicl/connector-diagram` package instead.",
|
|
32746
32746
|
"tagName": "obc-line-overlap",
|
|
32747
32747
|
"customElement": true
|
|
32748
32748
|
}
|
|
@@ -40675,7 +40675,7 @@
|
|
|
40675
40675
|
"name": "LitElement",
|
|
40676
40676
|
"package": "lit"
|
|
40677
40677
|
},
|
|
40678
|
-
"deprecated": "
|
|
40678
|
+
"deprecated": "The line components are deprecated and will be removed in future releases. Please use the `@oicl/connector-diagram` package instead.",
|
|
40679
40679
|
"tagName": "obc-three-way-line",
|
|
40680
40680
|
"customElement": true
|
|
40681
40681
|
}
|
|
@@ -42751,7 +42751,7 @@
|
|
|
42751
42751
|
"name": "LitElement",
|
|
42752
42752
|
"package": "lit"
|
|
42753
42753
|
},
|
|
42754
|
-
"deprecated": "
|
|
42754
|
+
"deprecated": "The line components are deprecated and will be removed in future releases. Please use the `@oicl/connector-diagram` package instead.",
|
|
42755
42755
|
"tagName": "obc-vertical-line",
|
|
42756
42756
|
"customElement": true
|
|
42757
42757
|
}
|
|
@@ -70567,7 +70567,7 @@
|
|
|
70567
70567
|
"name": "LitElement",
|
|
70568
70568
|
"package": "lit"
|
|
70569
70569
|
},
|
|
70570
|
-
"deprecated": "
|
|
70570
|
+
"deprecated": "The notification-badge-button component is deprecated and will be removed in future releases. Use `obc-icon-button` instead; `openLeft`, `openRight` and `indent` have no equivalent, and its default slot takes the icon while text goes in the `label` slot behind `hasLabel`.",
|
|
70571
70571
|
"tagName": "obc-notification-badge-button",
|
|
70572
70572
|
"customElement": true
|
|
70573
70573
|
}
|
|
@@ -78382,43 +78382,23 @@
|
|
|
78382
78382
|
"attribute": "checked",
|
|
78383
78383
|
"reflects": true
|
|
78384
78384
|
},
|
|
78385
|
-
{
|
|
78386
|
-
"kind": "field",
|
|
78387
|
-
"name": "showUncheckedStateIcon",
|
|
78388
|
-
"type": {
|
|
78389
|
-
"text": "boolean"
|
|
78390
|
-
},
|
|
78391
|
-
"default": "false",
|
|
78392
|
-
"description": "The visual variant for the switch when checked.\n- `normal`: Standard blue appearance (default)\n- `running`: Green appearance indicating motor/process is running\n- `loading`: Light blue appearance indicating a pending/loading state\n\nIf `true`, the content of the `checked-state-icon` slot will be displayed when checked.",
|
|
78393
|
-
"attribute": "showUncheckedStateIcon"
|
|
78394
|
-
},
|
|
78395
78385
|
{
|
|
78396
78386
|
"kind": "field",
|
|
78397
78387
|
"name": "variant",
|
|
78398
78388
|
"type": {
|
|
78399
78389
|
"text": "StartStopSwitchVariant"
|
|
78400
78390
|
},
|
|
78401
|
-
"description": "
|
|
78391
|
+
"description": "The visual variant for the switch when checked.\n- `normal`: Standard blue appearance (default)\n- `running`: Green appearance indicating motor/process is running\n- `loading`: Light blue appearance indicating a pending/loading state\n\nThis only affects the visual style, not the switch position.\n\nDefaults to `'normal'`.",
|
|
78402
78392
|
"attribute": "variant",
|
|
78403
78393
|
"reflects": true
|
|
78404
78394
|
},
|
|
78405
|
-
{
|
|
78406
|
-
"kind": "field",
|
|
78407
|
-
"name": "showCheckedStateIcon",
|
|
78408
|
-
"type": {
|
|
78409
|
-
"text": "boolean"
|
|
78410
|
-
},
|
|
78411
|
-
"default": "false",
|
|
78412
|
-
"description": "The size of the switch.\n\nIf `true`, the content of the `unchecked-state-icon` slot will be displayed when unchecked.",
|
|
78413
|
-
"attribute": "showCheckedStateIcon"
|
|
78414
|
-
},
|
|
78415
78395
|
{
|
|
78416
78396
|
"kind": "field",
|
|
78417
78397
|
"name": "size",
|
|
78418
78398
|
"type": {
|
|
78419
78399
|
"text": "StartStopSwitchSize"
|
|
78420
78400
|
},
|
|
78421
|
-
"description": "`regular`: Standard size with 32px track height\n- `large`: Larger size with 48px track height\n\nDefaults to `'regular'`.",
|
|
78401
|
+
"description": "The size of the switch.\n- `regular`: Standard size with 32px track height\n- `large`: Larger size with 48px track height\n\nDefaults to `'regular'`.",
|
|
78422
78402
|
"attribute": "size",
|
|
78423
78403
|
"reflects": true
|
|
78424
78404
|
},
|
|
@@ -78605,38 +78585,20 @@
|
|
|
78605
78585
|
"description": "Whether the switch is in the checked (active) state.\nWhen checked, the thumb is on the right side.\nWhen unchecked, the thumb is on the left side.\n\nDefaults to `false`.",
|
|
78606
78586
|
"fieldName": "checked"
|
|
78607
78587
|
},
|
|
78608
|
-
{
|
|
78609
|
-
"name": "showUncheckedStateIcon",
|
|
78610
|
-
"type": {
|
|
78611
|
-
"text": "boolean"
|
|
78612
|
-
},
|
|
78613
|
-
"default": "false",
|
|
78614
|
-
"description": "The visual variant for the switch when checked.\n- `normal`: Standard blue appearance (default)\n- `running`: Green appearance indicating motor/process is running\n- `loading`: Light blue appearance indicating a pending/loading state\n\nIf `true`, the content of the `checked-state-icon` slot will be displayed when checked.",
|
|
78615
|
-
"fieldName": "showUncheckedStateIcon"
|
|
78616
|
-
},
|
|
78617
78588
|
{
|
|
78618
78589
|
"name": "variant",
|
|
78619
78590
|
"type": {
|
|
78620
78591
|
"text": "StartStopSwitchVariant"
|
|
78621
78592
|
},
|
|
78622
|
-
"description": "
|
|
78593
|
+
"description": "The visual variant for the switch when checked.\n- `normal`: Standard blue appearance (default)\n- `running`: Green appearance indicating motor/process is running\n- `loading`: Light blue appearance indicating a pending/loading state\n\nThis only affects the visual style, not the switch position.\n\nDefaults to `'normal'`.",
|
|
78623
78594
|
"fieldName": "variant"
|
|
78624
78595
|
},
|
|
78625
|
-
{
|
|
78626
|
-
"name": "showCheckedStateIcon",
|
|
78627
|
-
"type": {
|
|
78628
|
-
"text": "boolean"
|
|
78629
|
-
},
|
|
78630
|
-
"default": "false",
|
|
78631
|
-
"description": "The size of the switch.\n\nIf `true`, the content of the `unchecked-state-icon` slot will be displayed when unchecked.",
|
|
78632
|
-
"fieldName": "showCheckedStateIcon"
|
|
78633
|
-
},
|
|
78634
78596
|
{
|
|
78635
78597
|
"name": "size",
|
|
78636
78598
|
"type": {
|
|
78637
78599
|
"text": "StartStopSwitchSize"
|
|
78638
78600
|
},
|
|
78639
|
-
"description": "`regular`: Standard size with 32px track height\n- `large`: Larger size with 48px track height\n\nDefaults to `'regular'`.",
|
|
78601
|
+
"description": "The size of the switch.\n- `regular`: Standard size with 32px track height\n- `large`: Larger size with 48px track height\n\nDefaults to `'regular'`.",
|
|
78640
78602
|
"fieldName": "size"
|
|
78641
78603
|
},
|
|
78642
78604
|
{
|
|
@@ -90969,7 +90931,7 @@
|
|
|
90969
90931
|
"name": "LitElement",
|
|
90970
90932
|
"package": "lit"
|
|
90971
90933
|
},
|
|
90972
|
-
"deprecated": "
|
|
90934
|
+
"deprecated": "The azimuth-thruster-labeled component is deprecated and will be removed in future releases. Please make a combined component by using <obc-azimuth-thruster> in combination with <obc-readout> instead.",
|
|
90973
90935
|
"tagName": "obc-azimuth-thruster-labeled",
|
|
90974
90936
|
"customElement": true
|
|
90975
90937
|
}
|
|
@@ -105755,7 +105717,7 @@
|
|
|
105755
105717
|
"name": "LitElement",
|
|
105756
105718
|
"package": "lit"
|
|
105757
105719
|
},
|
|
105758
|
-
"deprecated": "
|
|
105720
|
+
"deprecated": "The instrument-field component is deprecated and will be removed in future releases. Please use the <obc-readout> component instead. See storybook for migration details. https://openbridge-next-storybook.web.app/?path=/docs/instruments-instrument-field-deprecated--docs",
|
|
105759
105721
|
"tagName": "obc-instrument-field",
|
|
105760
105722
|
"customElement": true
|
|
105761
105723
|
}
|
|
@@ -7,7 +7,8 @@ export declare enum CornerLineDirection {
|
|
|
7
7
|
bottomLeft = "bottom-left"
|
|
8
8
|
}
|
|
9
9
|
/**
|
|
10
|
-
* @deprecated
|
|
10
|
+
* @deprecated The line components are deprecated and will be removed in future releases.
|
|
11
|
+
* Please use the `@oicl/connector-diagram` package instead.
|
|
11
12
|
*/
|
|
12
13
|
export declare class ObcCornerLine extends LitElement {
|
|
13
14
|
medium: LineMedium;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"corner-line.d.ts","sourceRoot":"","sources":["../../../src/automation/corner-line/corner-line.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAY,MAAM,KAAK,CAAC;AAE1C,OAAO,EAAC,UAAU,EAAa,QAAQ,EAAY,MAAM,aAAa,CAAC;AAGvE,oBAAY,mBAAmB;IAC7B,QAAQ,cAAc;IACtB,OAAO,aAAa;IACpB,WAAW,iBAAiB;IAC5B,UAAU,gBAAgB;CAC3B;AAED
|
|
1
|
+
{"version":3,"file":"corner-line.d.ts","sourceRoot":"","sources":["../../../src/automation/corner-line/corner-line.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAY,MAAM,KAAK,CAAC;AAE1C,OAAO,EAAC,UAAU,EAAa,QAAQ,EAAY,MAAM,aAAa,CAAC;AAGvE,oBAAY,mBAAmB;IAC7B,QAAQ,cAAc;IACtB,OAAO,aAAa;IACpB,WAAW,iBAAiB;IAC5B,UAAU,gBAAgB;CAC3B;AAED;;;GAGG;AACH,qBACa,aAAc,SAAQ,UAAU;IACjB,MAAM,EAAE,UAAU,CAAqB;IACvC,SAAS,EAAE,mBAAmB,CACzB;IACL,QAAQ,EAAE,QAAQ,CAAkB;IAErD,MAAM;IA0Hf,OAAgB,MAAM,0BAWpB;CACH;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,aAAa,CAAC;KAClC;CACF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"corner-line.js","sources":["../../../src/automation/corner-line/corner-line.ts"],"sourcesContent":["import {LitElement, html, css} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {LineMedium, lineColor, LineType, lineWidth} from '../index.js';\nimport {customElement} from '../../decorator.js';\n\nexport enum CornerLineDirection {\n topRight = 'top-right',\n topLeft = 'top-left',\n bottomRight = 'bottom-right',\n bottomLeft = 'bottom-left',\n}\n\n/**\n * @deprecated
|
|
1
|
+
{"version":3,"file":"corner-line.js","sources":["../../../src/automation/corner-line/corner-line.ts"],"sourcesContent":["import {LitElement, html, css} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {LineMedium, lineColor, LineType, lineWidth} from '../index.js';\nimport {customElement} from '../../decorator.js';\n\nexport enum CornerLineDirection {\n topRight = 'top-right',\n topLeft = 'top-left',\n bottomRight = 'bottom-right',\n bottomLeft = 'bottom-left',\n}\n\n/**\n * @deprecated The line components are deprecated and will be removed in future releases.\n * Please use the `@oicl/connector-diagram` package instead.\n */\n@customElement('obc-corner-line')\nexport class ObcCornerLine extends LitElement {\n @property({type: String}) medium: LineMedium = LineMedium.normal;\n @property({type: String}) direction: CornerLineDirection =\n CornerLineDirection.topRight;\n @property({type: String}) lineType: LineType = LineType.fluid;\n\n override render() {\n let rotation = 270;\n if (this.direction === CornerLineDirection.topLeft) {\n rotation = 180;\n } else if (this.direction === CornerLineDirection.bottomLeft) {\n rotation = 90;\n } else if (this.direction === CornerLineDirection.bottomRight) {\n rotation = 0;\n }\n\n if (this.lineType === LineType.connector) {\n return html`\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n transform=\"rotate(${rotation})\"\n >\n <path\n d=\"M16.5 11.5L15 11.5C14.9951 11.5 14.9902 11.5 14.9853 11.5C13.0826 11.5079 11.5382 13.0339 11.5007 14.9294C11.5002 14.9529 11.5 14.9764 11.5 15V16.5L12.5 16.5L12.5 15C12.5 13.6355 13.5932 12.5263 14.9516 12.5005C14.9677 12.5002 14.9838 12.5 15 12.5L16.5 12.5V11.5Z\"\n fill=\"var(--element-neutral-color)\"\n />\n <path\n d=\"M24 11.5H22.5V12.5L24 12.5V11.5Z\"\n fill=\"var(--element-neutral-color)\"\n />\n <path\n d=\"M21 11.5H18V12.5L21 12.5V11.5Z\"\n fill=\"var(--element-neutral-color)\"\n />\n <path\n d=\"M11.5 18V21H12.5L12.5 18H11.5Z\"\n fill=\"var(--element-neutral-color)\"\n />\n <path\n d=\"M11.5 22.5V24H12.5V22.5H11.5Z\"\n fill=\"var(--element-neutral-color)\"\n />\n </svg>\n `;\n }\n\n const color = lineColor(this.medium);\n const width = lineWidth(this.lineType);\n\n const r1 = 6 - 0.5 - width / 2;\n const r2 = 6 + 0.5 + width / 2;\n\n if (this.lineType === LineType.air) {\n const r1 = 2.5;\n const r2 = 11.5;\n return html`\n <svg\n class=\"line\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n height=\"24\"\n width=\"24\"\n transform=\"rotate(${rotation})\"\n >\n <path\n d=\"M 17 24 v -4 a 3 3 0 0 1 3 -3 h 4 v -10 h -6 a 11 11 0 0 0 -11 11 v 6 z\"\n stroke=\"none\"\n fill=\"var(${color.inner})\"\n />\n <path\n d=\"M ${12 +\n 0.5 +\n width / 2} 24 v -4 a ${r1} ${r1} 0 0 1 ${r1} -${r1} h 4\"\n stroke-width=\"1\"\n stroke=\"var(${color.outer})\"\n fill=\"none\"\n />\n <path\n d=\"M ${12 -\n 0.5 -\n width / 2} 24 v -6 a ${r2} ${r2} 0 0 1 ${r2} -${r2} h 6\"\n stroke-width=\"1\"\n stroke=\"var(${color.outer})\"\n fill=\"none\"\n />\n </svg>\n `;\n } else {\n return html`\n <svg\n class=\"line\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 24 24\"\n height=\"24\"\n width=\"24\"\n transform=\"rotate(${rotation})\"\n >\n <path\n d=\"M 12 24 v -6 a 6 6 0 0 1 6 -6 h 6\"\n stroke-width=${width}\n stroke=\"var(${color.inner})\"\n fill=\"none\"\n />\n <path\n d=\"M ${12 +\n 0.5 +\n width / 2} 24 v -6 a ${r1} ${r1} 0 0 1 ${r1} -${r1} h 6\"\n stroke-width=\"1\"\n stroke=\"var(${color.outer})\"\n fill=\"none\"\n />\n <path\n d=\"M ${12 -\n 0.5 -\n width / 2} 24 v -6 a ${r2} ${r2} 0 0 1 ${r2} -${r2} h 6\"\n stroke-width=\"1\"\n stroke=\"var(${color.outer})\"\n fill=\"none\"\n />\n </svg>\n `;\n }\n }\n\n static override styles = css`\n :host {\n display: block;\n line-height: 0;\n }\n\n svg {\n position: relative;\n top: -12px;\n left: -12px;\n }\n `;\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'obc-corner-line': ObcCornerLine;\n }\n}\n"],"names":["CornerLineDirection","r1","r2"],"mappings":";;;;;;;;;;;;;;AAKO,IAAK,wCAAAA,yBAAL;AACLA,uBAAA,UAAA,IAAW;AACXA,uBAAA,SAAA,IAAU;AACVA,uBAAA,aAAA,IAAc;AACdA,uBAAA,YAAA,IAAa;AAJH,SAAAA;AAAA,GAAA,uBAAA,CAAA,CAAA;AAYL,IAAM,gBAAN,cAA4B,WAAW;AAAA,EAAvC,cAAA;AAAA,UAAA,GAAA,SAAA;AACqB,SAAA,SAAqB,WAAW;AAChC,SAAA,YACxB;AACwB,SAAA,WAAqB,SAAS;AAAA,EAAA;AAAA,EAE/C,SAAS;AAChB,QAAI,WAAW;AACf,QAAI,KAAK,cAAc,YAA6B;AAClD,iBAAW;AAAA,IACb,WAAW,KAAK,cAAc,eAAgC;AAC5D,iBAAW;AAAA,IACb,WAAW,KAAK,cAAc,gBAAiC;AAC7D,iBAAW;AAAA,IACb;AAEA,QAAI,KAAK,aAAa,SAAS,WAAW;AACxC,aAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8BAOiB,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAwBlC;AAEA,UAAM,QAAQ,UAAU,KAAK,MAAM;AACnC,UAAM,QAAQ,UAAU,KAAK,QAAQ;AAErC,UAAM,KAAK,IAAI,MAAM,QAAQ;AAC7B,UAAM,KAAK,IAAI,MAAM,QAAQ;AAE7B,QAAI,KAAK,aAAa,SAAS,KAAK;AAClC,YAAMC,MAAK;AACX,YAAMC,MAAK;AACX,aAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8BAOiB,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,wBAKd,MAAM,KAAK;AAAA;AAAA;AAAA,mBAGhB,KACP,MACA,QAAQ,CAAC,cAAcD,GAAE,IAAIA,GAAE,UAAUA,GAAE,KAAKA,GAAE;AAAA;AAAA,0BAEpC,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA,mBAIlB,KACP,MACA,QAAQ,CAAC,cAAcC,GAAE,IAAIA,GAAE,UAAUA,GAAE,KAAKA,GAAE;AAAA;AAAA,0BAEpC,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,IAKjC,OAAO;AACL,aAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8BAOiB,QAAQ;AAAA;AAAA;AAAA;AAAA,2BAIX,KAAK;AAAA,0BACN,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA,mBAIlB,KACP,MACA,QAAQ,CAAC,cAAc,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE;AAAA;AAAA,0BAEpC,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA,mBAIlB,KACP,MACA,QAAQ,CAAC,cAAc,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE;AAAA;AAAA,0BAEpC,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,IAKjC;AAAA,EACF;AAcF;AA5Ia,cAgIK,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA/HC,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GADb,cACe,WAAA,UAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GAFb,cAEe,WAAA,aAAA,CAAA;AAEA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GAJb,cAIe,WAAA,YAAA,CAAA;AAJf,gBAAN,gBAAA;AAAA,EADN,cAAc,iBAAiB;AAAA,GACnB,aAAA;"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { LitElement } from 'lit';
|
|
2
2
|
import { LineMedium, LineType } from '../index.js';
|
|
3
3
|
/**
|
|
4
|
-
* @deprecated
|
|
4
|
+
* @deprecated The line components are deprecated and will be removed in future releases.
|
|
5
|
+
* Please use the `@oicl/connector-diagram` package instead.
|
|
5
6
|
*/
|
|
6
7
|
export declare class ObcDirectionLine extends LitElement {
|
|
7
8
|
medium: LineMedium;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"direction-line.d.ts","sourceRoot":"","sources":["../../../src/automation/direction-line/direction-line.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAY,MAAM,KAAK,CAAC;AAE1C,OAAO,EAAC,UAAU,EAAE,QAAQ,EAAuB,MAAM,aAAa,CAAC;AAGvE
|
|
1
|
+
{"version":3,"file":"direction-line.d.ts","sourceRoot":"","sources":["../../../src/automation/direction-line/direction-line.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAY,MAAM,KAAK,CAAC;AAE1C,OAAO,EAAC,UAAU,EAAE,QAAQ,EAAuB,MAAM,aAAa,CAAC;AAGvE;;;GAGG;AACH,qBACa,gBAAiB,SAAQ,UAAU;IACpB,MAAM,EAAE,UAAU,CAAqB;IACvC,QAAQ,EAAE,QAAQ,CAAkB;IAErD,MAAM;IA0Cf,OAAgB,MAAM,0BAUpB;CACH;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,gBAAgB,CAAC;KACxC;CACF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"direction-line.js","sources":["../../../src/automation/direction-line/direction-line.ts"],"sourcesContent":["import {LitElement, css, html} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {LineMedium, LineType, lineColor, lineWidth} from '../index.js';\nimport {customElement} from '../../decorator.js';\n\n/**\n * @deprecated
|
|
1
|
+
{"version":3,"file":"direction-line.js","sources":["../../../src/automation/direction-line/direction-line.ts"],"sourcesContent":["import {LitElement, css, html} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {LineMedium, LineType, lineColor, lineWidth} from '../index.js';\nimport {customElement} from '../../decorator.js';\n\n/**\n * @deprecated The line components are deprecated and will be removed in future releases.\n * Please use the `@oicl/connector-diagram` package instead.\n */\n@customElement('obc-direction-line')\nexport class ObcDirectionLine extends LitElement {\n @property({type: String}) medium: LineMedium = LineMedium.normal;\n @property({type: String}) lineType: LineType = LineType.fluid;\n\n override render() {\n if (this.lineType === LineType.connector) {\n throw new Error('Connector line type not supported for line overlap');\n }\n\n const color = lineColor(this.medium);\n const width = lineWidth(this.lineType) + 1;\n const h = width / 2;\n return html`\n <svg\n class=\"line\"\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 mask=\"url(#clip)\"\n d=\"M-1 ${12 - h}H25v${width}H-1z\"\n fill=\"var(${color.inner})\"\n stroke=\"var(${color.outer})\"\n />\n <path\n transform=\"translate(8 6)\"\n d=\"M0.5 0L6.5 6L0.5 12H3.31068L9.31068 6L3.31068 0H0.5Z\"\n fill=\"var(${color.outer})\"\n />\n <defs>\n <mask id=\"clip\">\n <rect width=\"100%\" height=\"100%\" fill=\"white\" />\n <path\n transform=\"translate(6.5 6)\"\n d=\"M0.5 0L6.5 6L0.5 12v1H6.31068v-1L12.31068 6L6.31068 0v-1H0.5v1Z\"\n fill=\"black\"\n />\n </mask>\n </defs>\n </svg>\n `;\n }\n\n static override styles = css`\n :host {\n display: block;\n line-height: 0;\n }\n\n svg {\n position: relative;\n top: -12px;\n }\n `;\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'obc-direction-line': ObcDirectionLine;\n }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAUO,IAAM,mBAAN,cAA+B,WAAW;AAAA,EAA1C,cAAA;AAAA,UAAA,GAAA,SAAA;AACqB,SAAA,SAAqB,WAAW;AAChC,SAAA,WAAqB,SAAS;AAAA,EAAA;AAAA,EAE/C,SAAS;AAChB,QAAI,KAAK,aAAa,SAAS,WAAW;AACxC,YAAM,IAAI,MAAM,oDAAoD;AAAA,IACtE;AAEA,UAAM,QAAQ,UAAU,KAAK,MAAM;AACnC,UAAM,QAAQ,UAAU,KAAK,QAAQ,IAAI;AACzC,UAAM,IAAI,QAAQ;AAClB,WAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAWQ,KAAK,CAAC,OAAO,KAAK;AAAA,sBACf,MAAM,KAAK;AAAA,wBACT,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,sBAKb,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAc/B;AAaF;AAzDa,iBA8CK,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA7CC,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GADb,iBACe,WAAA,UAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GAFb,iBAEe,WAAA,YAAA,CAAA;AAFf,mBAAN,gBAAA;AAAA,EADN,cAAc,oBAAoB;AAAA,GACtB,gBAAA;"}
|
|
@@ -7,7 +7,8 @@ export declare enum EndPointDirection {
|
|
|
7
7
|
left = "left"
|
|
8
8
|
}
|
|
9
9
|
/**
|
|
10
|
-
* @deprecated
|
|
10
|
+
* @deprecated The line components are deprecated and will be removed in future releases.
|
|
11
|
+
* Please use the `@oicl/connector-diagram` package instead.
|
|
11
12
|
*/
|
|
12
13
|
export declare class ObcEndPointLine extends LitElement {
|
|
13
14
|
medium: LineMedium;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"end-point-line.d.ts","sourceRoot":"","sources":["../../../src/automation/end-point-line/end-point-line.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAY,MAAM,KAAK,CAAC;AAE1C,OAAO,EAAC,UAAU,EAAE,QAAQ,EAAuB,MAAM,aAAa,CAAC;AAEvE,oBAAY,iBAAiB;IAC3B,GAAG,QAAQ;IACX,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,IAAI,SAAS;CACd;AAED
|
|
1
|
+
{"version":3,"file":"end-point-line.d.ts","sourceRoot":"","sources":["../../../src/automation/end-point-line/end-point-line.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAY,MAAM,KAAK,CAAC;AAE1C,OAAO,EAAC,UAAU,EAAE,QAAQ,EAAuB,MAAM,aAAa,CAAC;AAEvE,oBAAY,iBAAiB;IAC3B,GAAG,QAAQ;IACX,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,IAAI,SAAS;CACd;AAED;;;GAGG;AACH,qBACa,eAAgB,SAAQ,UAAU;IACnB,MAAM,EAAE,UAAU,CAAqB;IACvC,SAAS,EAAE,iBAAiB,CAC9B;IACE,QAAQ,EAAE,QAAQ,CAAkB;IAErD,MAAM;IAuDf,OAAgB,MAAM,0BA2BpB;CACH;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,eAAe,CAAC;KACvC;CACF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"end-point-line.js","sources":["../../../src/automation/end-point-line/end-point-line.ts"],"sourcesContent":["import {LitElement, css, html} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {LineMedium, LineType, lineColor, lineWidth} from '../index.js';\nimport {customElement} from '../../decorator.js';\nexport enum EndPointDirection {\n top = 'top',\n right = 'right',\n bottom = 'bottom',\n left = 'left',\n}\n\n/**\n * @deprecated
|
|
1
|
+
{"version":3,"file":"end-point-line.js","sources":["../../../src/automation/end-point-line/end-point-line.ts"],"sourcesContent":["import {LitElement, css, html} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {LineMedium, LineType, lineColor, lineWidth} from '../index.js';\nimport {customElement} from '../../decorator.js';\nexport enum EndPointDirection {\n top = 'top',\n right = 'right',\n bottom = 'bottom',\n left = 'left',\n}\n\n/**\n * @deprecated The line components are deprecated and will be removed in future releases.\n * Please use the `@oicl/connector-diagram` package instead.\n */\n@customElement('obc-end-point-line')\nexport class ObcEndPointLine extends LitElement {\n @property({type: String}) medium: LineMedium = LineMedium.normal;\n @property({type: String}) direction: EndPointDirection =\n EndPointDirection.top;\n @property({type: String}) lineType: LineType = LineType.fluid;\n\n override render() {\n let rotation = 0;\n if (this.direction === EndPointDirection.top) {\n rotation = 180;\n } else if (this.direction === EndPointDirection.right) {\n rotation = 270;\n } else if (this.direction === EndPointDirection.bottom) {\n rotation = 0;\n } else if (this.direction === EndPointDirection.left) {\n rotation = 90;\n }\n\n if (this.lineType === LineType.connector) {\n throw new Error(\n 'Connector line type is not supported for end-point line'\n );\n }\n\n const color = lineColor(this.medium);\n const width = lineWidth(this.lineType) + 1;\n const h = width / 2;\n let terminalWidth: number;\n if (this.lineType === LineType.electric) {\n terminalWidth = 15;\n } else if (this.lineType === LineType.air) {\n terminalWidth = 22;\n } else if (this.lineType === LineType.fluid) {\n terminalWidth = 16;\n } else {\n throw new Error('Invalid line type');\n }\n terminalWidth -= 1;\n\n return html`\n <svg\n class=\"line\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n transform=\"rotate(${rotation})\"\n class=\"${this.direction}\"\n >\n <path\n d=\"M${12 - h} 25 V${12 + h}h-${(terminalWidth - width) /\n 2}v-${width}h${terminalWidth}v${width}h-${(terminalWidth - width) /\n 2}V25Z\"\n fill=\"var(${color.inner})\"\n stroke=\"var(${color.outer})\"\n />\n </svg>\n `;\n }\n\n static override styles = css`\n :host {\n display: block;\n line-height: 0;\n }\n\n svg {\n position: relative;\n\n &.top,\n &.bottom {\n left: -12px;\n }\n\n &.bottom {\n top: -24px;\n }\n\n &.left,\n &.right {\n top: -12px;\n }\n\n &.right {\n left: -24px;\n }\n }\n `;\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'obc-end-point-line': ObcEndPointLine;\n }\n}\n"],"names":["EndPointDirection"],"mappings":";;;;;;;;;;;;;;AAIO,IAAK,sCAAAA,uBAAL;AACLA,qBAAA,KAAA,IAAM;AACNA,qBAAA,OAAA,IAAQ;AACRA,qBAAA,QAAA,IAAS;AACTA,qBAAA,MAAA,IAAO;AAJG,SAAAA;AAAA,GAAA,qBAAA,CAAA,CAAA;AAYL,IAAM,kBAAN,cAA8B,WAAW;AAAA,EAAzC,cAAA;AAAA,UAAA,GAAA,SAAA;AACqB,SAAA,SAAqB,WAAW;AAChC,SAAA,YACxB;AACwB,SAAA,WAAqB,SAAS;AAAA,EAAA;AAAA,EAE/C,SAAS;AAChB,QAAI,WAAW;AACf,QAAI,KAAK,cAAc,OAAuB;AAC5C,iBAAW;AAAA,IACb,WAAW,KAAK,cAAc,SAAyB;AACrD,iBAAW;AAAA,IACb,WAAW,KAAK,cAAc,UAA0B;AACtD,iBAAW;AAAA,IACb,WAAW,KAAK,cAAc,QAAwB;AACpD,iBAAW;AAAA,IACb;AAEA,QAAI,KAAK,aAAa,SAAS,WAAW;AACxC,YAAM,IAAI;AAAA,QACR;AAAA,MAAA;AAAA,IAEJ;AAEA,UAAM,QAAQ,UAAU,KAAK,MAAM;AACnC,UAAM,QAAQ,UAAU,KAAK,QAAQ,IAAI;AACzC,UAAM,IAAI,QAAQ;AAClB,QAAI;AACJ,QAAI,KAAK,aAAa,SAAS,UAAU;AACvC,sBAAgB;AAAA,IAClB,WAAW,KAAK,aAAa,SAAS,KAAK;AACzC,sBAAgB;AAAA,IAClB,WAAW,KAAK,aAAa,SAAS,OAAO;AAC3C,sBAAgB;AAAA,IAClB,OAAO;AACL,YAAM,IAAI,MAAM,mBAAmB;AAAA,IACrC;AACA,qBAAiB;AAEjB,WAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAQiB,QAAQ;AAAA,iBACnB,KAAK,SAAS;AAAA;AAAA;AAAA,gBAGf,KAAK,CAAC,QAAQ,KAAK,CAAC,MAAM,gBAAgB,SAChD,CAAC,KAAK,KAAK,IAAI,aAAa,IAAI,KAAK,MAAM,gBAAgB,SAC3D,CAAC;AAAA,sBACW,MAAM,KAAK;AAAA,wBACT,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA,EAIjC;AA8BF;AAzFa,gBA6DK,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA5DC,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GADb,gBACe,WAAA,UAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GAFb,gBAEe,WAAA,aAAA,CAAA;AAEA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GAJb,gBAIe,WAAA,YAAA,CAAA;AAJf,kBAAN,gBAAA;AAAA,EADN,cAAc,oBAAoB;AAAA,GACtB,eAAA;"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { LitElement } from 'lit';
|
|
2
2
|
import { LineMedium, LineType } from '../index.js';
|
|
3
3
|
/**
|
|
4
|
-
* @deprecated
|
|
4
|
+
* @deprecated The line components are deprecated and will be removed in future releases.
|
|
5
|
+
* Please use the `@oicl/connector-diagram` package instead.
|
|
5
6
|
*/
|
|
6
7
|
export declare class ObcHorizontalLine extends LitElement {
|
|
7
8
|
medium: LineMedium;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"horizontal-line.d.ts","sourceRoot":"","sources":["../../../src/automation/horizontal-line/horizontal-line.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAY,MAAM,KAAK,CAAC;AAE1C,OAAO,EAAC,UAAU,EAAa,QAAQ,EAAY,MAAM,aAAa,CAAC;AAGvE
|
|
1
|
+
{"version":3,"file":"horizontal-line.d.ts","sourceRoot":"","sources":["../../../src/automation/horizontal-line/horizontal-line.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAY,MAAM,KAAK,CAAC;AAE1C,OAAO,EAAC,UAAU,EAAa,QAAQ,EAAY,MAAM,aAAa,CAAC;AAGvE;;;GAGG;AACH,qBACa,iBAAkB,SAAQ,UAAU;IACrB,MAAM,EAAE,UAAU,CAAqB;IACvC,QAAQ,EAAE,QAAQ,CAAkB;IACpC,MAAM,EAAE,MAAM,CAAK;IAEpC,MAAM;IAiEf,OAAgB,MAAM,0BAUpB;CACH;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,qBAAqB,EAAE,iBAAiB,CAAC;KAC1C;CACF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"horizontal-line.js","sources":["../../../src/automation/horizontal-line/horizontal-line.ts"],"sourcesContent":["import {LitElement, html, css} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {LineMedium, lineColor, LineType, lineWidth} from '../index.js';\nimport {customElement} from '../../decorator.js';\n\n/**\n * @deprecated
|
|
1
|
+
{"version":3,"file":"horizontal-line.js","sources":["../../../src/automation/horizontal-line/horizontal-line.ts"],"sourcesContent":["import {LitElement, html, css} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {LineMedium, lineColor, LineType, lineWidth} from '../index.js';\nimport {customElement} from '../../decorator.js';\n\n/**\n * @deprecated The line components are deprecated and will be removed in future releases.\n * Please use the `@oicl/connector-diagram` package instead.\n */\n@customElement('obc-horizontal-line')\nexport class ObcHorizontalLine extends LitElement {\n @property({type: String}) medium: LineMedium = LineMedium.normal;\n @property({type: String}) lineType: LineType = LineType.fluid;\n @property({type: Number}) length: number = 1;\n\n override render() {\n if (this.lineType === LineType.connector) {\n const length = this.length * 24;\n return html`<svg\n width=\"${length}\"\n height=\"24\"\n viewBox=\"0 0 ${length} 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <line\n x1=\"0\"\n y1=\"12\"\n x2=\"${length}\"\n y2=\"12\"\n stroke-width=\"1\"\n stroke=\"var(--element-neutral-color)\"\n stroke-dasharray=\"4,2\"\n stroke-dashoffset=\"2\"\n />\n </svg> `;\n }\n\n const color = lineColor(this.medium);\n const length = this.length * 24 + 1;\n const width = lineWidth(this.lineType);\n\n return html`\n <div class=\"wrapper\" style=\"height: 24px; width: ${this.length * 24}px;\">\n <svg\n class=\"line\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"-.5 0 ${length} 24\"\n height=\"24\"\n width=${length}\n >\n <line\n x1=\"-0.5\"\n y1=\"12\"\n x2=\"${length - 0.5}\"\n y2=\"12\"\n stroke-width=${width}\n stroke=\"var(${color.inner})\"\n />\n <line\n x1=\"-0.5\"\n y1=\"${12 - 0.5 - width / 2}\"\n x2=\"${length - 0.5}\"\n y2=\"${12 - 0.5 - width / 2}\"\n stroke-width=\"1\"\n stroke=\"var(${color.outer})\"\n />\n <line\n x1=\"-0.5\"\n y1=\"${12 + 0.5 + width / 2}\"\n x2=\"${length - 0.5}\"\n y2=\"${12 + 0.5 + width / 2}\"\n stroke-width=\"1\"\n stroke=\"var(${color.outer})\"\n />\n </svg>\n </div>\n `;\n }\n\n static override styles = css`\n :host {\n display: block;\n line-height: 0;\n }\n svg {\n position: relative;\n left: -0.5px;\n top: -12px;\n }\n `;\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'obc-horizontal-line': ObcHorizontalLine;\n }\n}\n"],"names":["length"],"mappings":";;;;;;;;;;;;;;AAUO,IAAM,oBAAN,cAAgC,WAAW;AAAA,EAA3C,cAAA;AAAA,UAAA,GAAA,SAAA;AACqB,SAAA,SAAqB,WAAW;AAChC,SAAA,WAAqB,SAAS;AAC9B,SAAA,SAAiB;AAAA,EAAA;AAAA,EAElC,SAAS;AAChB,QAAI,KAAK,aAAa,SAAS,WAAW;AACxC,YAAMA,UAAS,KAAK,SAAS;AAC7B,aAAO;AAAA,iBACIA,OAAM;AAAA;AAAA,uBAEAA,OAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAObA,OAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQlB;AAEA,UAAM,QAAQ,UAAU,KAAK,MAAM;AACnC,UAAM,SAAS,KAAK,SAAS,KAAK;AAClC,UAAM,QAAQ,UAAU,KAAK,QAAQ;AAErC,WAAO;AAAA,yDAC8C,KAAK,SAAS,EAAE;AAAA;AAAA;AAAA;AAAA,2BAI9C,MAAM;AAAA;AAAA,kBAEf,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,kBAKN,SAAS,GAAG;AAAA;AAAA,2BAEH,KAAK;AAAA,0BACN,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA,kBAInB,KAAK,MAAM,QAAQ,CAAC;AAAA,kBACpB,SAAS,GAAG;AAAA,kBACZ,KAAK,MAAM,QAAQ,CAAC;AAAA;AAAA,0BAEZ,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA,kBAInB,KAAK,MAAM,QAAQ,CAAC;AAAA,kBACpB,SAAS,GAAG;AAAA,kBACZ,KAAK,MAAM,QAAQ,CAAC;AAAA;AAAA,0BAEZ,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,EAKnC;AAaF;AAjFa,kBAsEK,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AArEC,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GADb,kBACe,WAAA,UAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GAFb,kBAEe,WAAA,YAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GAHb,kBAGe,WAAA,UAAA,CAAA;AAHf,oBAAN,gBAAA;AAAA,EADN,cAAc,qBAAqB;AAAA,GACvB,iBAAA;"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { LitElement } from 'lit';
|
|
2
2
|
import { LineMedium, LineType } from '../index.js';
|
|
3
3
|
/**
|
|
4
|
-
* @deprecated
|
|
4
|
+
* @deprecated The line components are deprecated and will be removed in future releases.
|
|
5
|
+
* Please use the `@oicl/connector-diagram` package instead.
|
|
5
6
|
*/
|
|
6
7
|
export declare class ObcLineCross extends LitElement {
|
|
7
8
|
medium: LineMedium;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"line-cross.d.ts","sourceRoot":"","sources":["../../../src/automation/line-cross/line-cross.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAY,MAAM,KAAK,CAAC;AAE1C,OAAO,EAAC,UAAU,EAAE,QAAQ,EAAuB,MAAM,aAAa,CAAC;AAGvE
|
|
1
|
+
{"version":3,"file":"line-cross.d.ts","sourceRoot":"","sources":["../../../src/automation/line-cross/line-cross.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAY,MAAM,KAAK,CAAC;AAE1C,OAAO,EAAC,UAAU,EAAE,QAAQ,EAAuB,MAAM,aAAa,CAAC;AAGvE;;;GAGG;AACH,qBACa,YAAa,SAAQ,UAAU;IAChB,MAAM,EAAE,UAAU,CAAqB;IACvC,QAAQ,EAAE,QAAQ,CAAkB;IAErD,MAAM;IA+Ff,OAAgB,MAAM,0BAWpB;CACH;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,YAAY,CAAC;KAChC;CACF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"line-cross.js","sources":["../../../src/automation/line-cross/line-cross.ts"],"sourcesContent":["import {LitElement, css, html} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {LineMedium, LineType, lineColor, lineWidth} from '../index.js';\nimport {customElement} from '../../decorator.js';\n\n/**\n * @deprecated
|
|
1
|
+
{"version":3,"file":"line-cross.js","sources":["../../../src/automation/line-cross/line-cross.ts"],"sourcesContent":["import {LitElement, css, html} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {LineMedium, LineType, lineColor, lineWidth} from '../index.js';\nimport {customElement} from '../../decorator.js';\n\n/**\n * @deprecated The line components are deprecated and will be removed in future releases.\n * Please use the `@oicl/connector-diagram` package instead.\n */\n@customElement('obc-line-cross')\nexport class ObcLineCross extends LitElement {\n @property({type: String}) medium: LineMedium = LineMedium.normal;\n @property({type: String}) lineType: LineType = LineType.fluid;\n\n override render() {\n if (this.lineType === LineType.connector) {\n return html`\n <svg\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=\"M11.5 1.83333V0H12.5V1.83333H11.5Z\"\n fill=\"var(--element-neutral-color)\"\n />\n <path\n d=\"M11.5 7.33333V3.66667H12.5V7.33333H11.5Z\"\n fill=\"var(--element-neutral-color)\"\n />\n <path\n d=\"M11.5 11V9.16667H12.5V11H11.5Z\"\n fill=\"var(--element-neutral-color)\"\n />\n <path\n d=\"M0 12.5H2V11.5H0V12.5Z\"\n fill=\"var(--element-neutral-color)\"\n />\n <path\n d=\"M4 12.5H8V11.5H4V12.5Z\"\n fill=\"var(--element-neutral-color)\"\n />\n <path\n d=\"M10 12.5H14V11.5H10V12.5Z\"\n fill=\"var(--element-neutral-color)\"\n />\n <path\n d=\"M16 12.5H20V11.5H16V12.5Z\"\n fill=\"var(--element-neutral-color)\"\n />\n <path\n d=\"M22 12.5H24V11.5H22V12.5Z\"\n fill=\"var(--element-neutral-color)\"\n />\n <path\n d=\"M11.5 13V14.8333H12.5V13H11.5Z\"\n fill=\"var(--element-neutral-color)\"\n />\n <path\n d=\"M11.5 16.6667V20.3333H12.5V16.6667H11.5Z\"\n fill=\"var(--element-neutral-color)\"\n />\n <path\n d=\"M11.5 22.1667V24H12.5V22.1667H11.5Z\"\n fill=\"var(--element-neutral-color)\"\n />\n </svg>\n `;\n }\n\n const color = lineColor(this.medium);\n const width = lineWidth(this.lineType) + 1;\n const h = width / 2;\n\n let r: number;\n if (this.lineType === LineType.electric) {\n r = 4.5;\n } else if (this.lineType === LineType.air) {\n r = 10;\n } else if (this.lineType === LineType.fluid) {\n r = 6;\n } else {\n throw new Error('Invalid line type');\n }\n\n return html`\n <svg\n class=\"line\"\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=\"M-1 ${12 - h} H${12 - r} A${r} ${r} 0 0 1 ${12 - h} ${12 -\n r} V${-1}\n h${width} V${12 - r} A${r} ${r} 0 0 1 ${12 + r} ${12 - h} H25\n V${12 + h} H${12 + r} A${r} ${r} 0 0 1 ${12 + h} ${12 + r} V25\n h-${width} V${12 + r} A${r} ${r} 0 0 1 ${12 - r} ${12 + h} H-1 Z\"\n fill=\"var(${color.inner})\"\n stroke=\"var(${color.outer})\"\n />\n </svg>\n `;\n }\n\n static override styles = css`\n :host {\n display: block;\n line-height: 0;\n }\n\n svg {\n position: relative;\n top: -12px;\n left: -12px;\n }\n `;\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'obc-line-cross': ObcLineCross;\n }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAUO,IAAM,eAAN,cAA2B,WAAW;AAAA,EAAtC,cAAA;AAAA,UAAA,GAAA,SAAA;AACqB,SAAA,SAAqB,WAAW;AAChC,SAAA,WAAqB,SAAS;AAAA,EAAA;AAAA,EAE/C,SAAS;AAChB,QAAI,KAAK,aAAa,SAAS,WAAW;AACxC,aAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAsDT;AAEA,UAAM,QAAQ,UAAU,KAAK,MAAM;AACnC,UAAM,QAAQ,UAAU,KAAK,QAAQ,IAAI;AACzC,UAAM,IAAI,QAAQ;AAElB,QAAI;AACJ,QAAI,KAAK,aAAa,SAAS,UAAU;AACvC,UAAI;AAAA,IACN,WAAW,KAAK,aAAa,SAAS,KAAK;AACzC,UAAI;AAAA,IACN,WAAW,KAAK,aAAa,SAAS,OAAO;AAC3C,UAAI;AAAA,IACN,OAAO;AACL,YAAM,IAAI,MAAM,mBAAmB;AAAA,IACrC;AAEA,WAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAUQ,KAAK,CAAC,KAAK,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,KAAK,CAAC,IAAI,KACzD,CAAC,KAAK,EAAE;AAAA,eACH,KAAK,KAAK,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,KAAK,CAAC,IAAI,KAAK,CAAC;AAAA,eACrD,KAAK,CAAC,KAAK,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,KAAK,CAAC,IAAI,KAAK,CAAC;AAAA,gBACrD,KAAK,KAAK,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,KAAK,CAAC,IAAI,KAAK,CAAC;AAAA,sBAC/C,MAAM,KAAK;AAAA,wBACT,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA,EAIjC;AAcF;AA/Ga,aAmGK,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAlGC,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GADb,aACe,WAAA,UAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GAFb,aAEe,WAAA,YAAA,CAAA;AAFf,eAAN,gBAAA;AAAA,EADN,cAAc,gBAAgB;AAAA,GAClB,YAAA;"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { LitElement } from 'lit';
|
|
2
2
|
import { LineMedium, LineType } from '../index.js';
|
|
3
3
|
/**
|
|
4
|
-
* @deprecated
|
|
4
|
+
* @deprecated The line components are deprecated and will be removed in future releases.
|
|
5
|
+
* Please use the `@oicl/connector-diagram` package instead.
|
|
5
6
|
*/
|
|
6
7
|
export declare class ObcLineOverlap extends LitElement {
|
|
7
8
|
medium: LineMedium;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"line-overlap.d.ts","sourceRoot":"","sources":["../../../src/automation/line-overlap/line-overlap.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAY,MAAM,KAAK,CAAC;AAE1C,OAAO,EAAC,UAAU,EAAE,QAAQ,EAAuB,MAAM,aAAa,CAAC;AAGvE
|
|
1
|
+
{"version":3,"file":"line-overlap.d.ts","sourceRoot":"","sources":["../../../src/automation/line-overlap/line-overlap.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAY,MAAM,KAAK,CAAC;AAE1C,OAAO,EAAC,UAAU,EAAE,QAAQ,EAAuB,MAAM,aAAa,CAAC;AAGvE;;;GAGG;AACH,qBACa,cAAe,SAAQ,UAAU;IAClB,MAAM,EAAE,UAAU,CAAqB;IACvC,QAAQ,EAAE,QAAQ,CAAkB;IAErD,MAAM;IA+Cf,OAAgB,MAAM,0BAWpB;CACH;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,cAAc,CAAC;KACpC;CACF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"line-overlap.js","sources":["../../../src/automation/line-overlap/line-overlap.ts"],"sourcesContent":["import {LitElement, css, html} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {LineMedium, LineType, lineColor, lineWidth} from '../index.js';\nimport {customElement} from '../../decorator.js';\n\n/**\n * @deprecated
|
|
1
|
+
{"version":3,"file":"line-overlap.js","sources":["../../../src/automation/line-overlap/line-overlap.ts"],"sourcesContent":["import {LitElement, css, html} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {LineMedium, LineType, lineColor, lineWidth} from '../index.js';\nimport {customElement} from '../../decorator.js';\n\n/**\n * @deprecated The line components are deprecated and will be removed in future releases.\n * Please use the `@oicl/connector-diagram` package instead.\n */\n@customElement('obc-line-overlap')\nexport class ObcLineOverlap extends LitElement {\n @property({type: String}) medium: LineMedium = LineMedium.normal;\n @property({type: String}) lineType: LineType = LineType.fluid;\n\n override render() {\n if (this.lineType === LineType.connector) {\n throw new Error('Connector line type not supported for line overlap');\n }\n\n const color = lineColor(this.medium);\n const width = lineWidth(this.lineType) + 1;\n const h = width / 2;\n\n return html`\n <svg\n class=\"line\"\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 mask=\"url(#clip)\"\n d=\"M${12 - h} -1V25h${width}V-1z\"\n fill=\"var(${color.inner})\"\n stroke=\"var(${color.outer})\"\n />\n\n <path\n d=\"M-1 ${12 - h}H25v${width}H-1z\"\n fill=\"var(${color.inner})\"\n stroke=\"var(${color.outer})\"\n />\n\n <defs>\n <mask id=\"clip\">\n <rect x=\"0\" y=\"0\" width=\"24\" height=\"24\" fill=\"white\" />\n <rect\n x=\"0\"\n y=\"${12 - 2 - h}\"\n width=\"24\"\n height=\"${width + 4}\"\n fill=\"black\"\n />\n </mask>\n </defs>\n </svg>\n `;\n }\n\n static override styles = css`\n :host {\n display: block;\n line-height: 0;\n }\n\n svg {\n position: relative;\n left: -12px;\n top: -12px;\n }\n `;\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'obc-line-overlap': ObcLineOverlap;\n }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAUO,IAAM,iBAAN,cAA6B,WAAW;AAAA,EAAxC,cAAA;AAAA,UAAA,GAAA,SAAA;AACqB,SAAA,SAAqB,WAAW;AAChC,SAAA,WAAqB,SAAS;AAAA,EAAA;AAAA,EAE/C,SAAS;AAChB,QAAI,KAAK,aAAa,SAAS,WAAW;AACxC,YAAM,IAAI,MAAM,oDAAoD;AAAA,IACtE;AAEA,UAAM,QAAQ,UAAU,KAAK,MAAM;AACnC,UAAM,QAAQ,UAAU,KAAK,QAAQ,IAAI;AACzC,UAAM,IAAI,QAAQ;AAElB,WAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAWK,KAAK,CAAC,UAAU,KAAK;AAAA,sBACf,MAAM,KAAK;AAAA,wBACT,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA,mBAIhB,KAAK,CAAC,OAAO,KAAK;AAAA,sBACf,MAAM,KAAK;AAAA,wBACT,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAQhB,KAAK,IAAI,CAAC;AAAA;AAAA,wBAEL,QAAQ,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAO/B;AAcF;AA/Da,eAmDK,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAlDC,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GADb,eACe,WAAA,UAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GAFb,eAEe,WAAA,YAAA,CAAA;AAFf,iBAAN,gBAAA;AAAA,EADN,cAAc,kBAAkB;AAAA,GACpB,cAAA;"}
|
|
@@ -7,7 +7,8 @@ export declare enum ThreeWayLineDirection {
|
|
|
7
7
|
left = "left"
|
|
8
8
|
}
|
|
9
9
|
/**
|
|
10
|
-
* @deprecated
|
|
10
|
+
* @deprecated The line components are deprecated and will be removed in future releases.
|
|
11
|
+
* Please use the `@oicl/connector-diagram` package instead.
|
|
11
12
|
*/
|
|
12
13
|
export declare class ObcThreeWayLine extends LitElement {
|
|
13
14
|
medium: LineMedium;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"three-way-line.d.ts","sourceRoot":"","sources":["../../../src/automation/three-way-line/three-way-line.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAY,MAAM,KAAK,CAAC;AAE1C,OAAO,EAAC,UAAU,EAAE,QAAQ,EAAuB,MAAM,aAAa,CAAC;AAGvE,oBAAY,qBAAqB;IAC/B,GAAG,QAAQ;IACX,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,IAAI,SAAS;CACd;AAED
|
|
1
|
+
{"version":3,"file":"three-way-line.d.ts","sourceRoot":"","sources":["../../../src/automation/three-way-line/three-way-line.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAY,MAAM,KAAK,CAAC;AAE1C,OAAO,EAAC,UAAU,EAAE,QAAQ,EAAuB,MAAM,aAAa,CAAC;AAGvE,oBAAY,qBAAqB;IAC/B,GAAG,QAAQ;IACX,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,IAAI,SAAS;CACd;AAED;;;GAGG;AACH,qBACa,eAAgB,SAAQ,UAAU;IACnB,MAAM,EAAE,UAAU,CAAqB;IACvC,SAAS,EAAE,qBAAqB,CAC9B;IACF,QAAQ,EAAE,QAAQ,CAAkB;IAErD,MAAM;IAkFf,OAAgB,MAAM,0BAWpB;CACH;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,eAAe,CAAC;KACvC;CACF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"three-way-line.js","sources":["../../../src/automation/three-way-line/three-way-line.ts"],"sourcesContent":["import {LitElement, css, html} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {LineMedium, LineType, lineColor, lineWidth} from '../index.js';\nimport {customElement} from '../../decorator.js';\n\nexport enum ThreeWayLineDirection {\n top = 'top',\n right = 'right',\n bottom = 'bottom',\n left = 'left',\n}\n\n/**\n * @deprecated
|
|
1
|
+
{"version":3,"file":"three-way-line.js","sources":["../../../src/automation/three-way-line/three-way-line.ts"],"sourcesContent":["import {LitElement, css, html} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {LineMedium, LineType, lineColor, lineWidth} from '../index.js';\nimport {customElement} from '../../decorator.js';\n\nexport enum ThreeWayLineDirection {\n top = 'top',\n right = 'right',\n bottom = 'bottom',\n left = 'left',\n}\n\n/**\n * @deprecated The line components are deprecated and will be removed in future releases.\n * Please use the `@oicl/connector-diagram` package instead.\n */\n@customElement('obc-three-way-line')\nexport class ObcThreeWayLine extends LitElement {\n @property({type: String}) medium: LineMedium = LineMedium.normal;\n @property({type: String}) direction: ThreeWayLineDirection =\n ThreeWayLineDirection.top;\n @property({type: String}) lineType: LineType = LineType.fluid;\n\n override render() {\n let rotation = 0;\n if (this.direction === ThreeWayLineDirection.top) {\n rotation = 180;\n } else if (this.direction === ThreeWayLineDirection.right) {\n rotation = 270;\n } else if (this.direction === ThreeWayLineDirection.bottom) {\n rotation = 0;\n } else if (this.direction === ThreeWayLineDirection.left) {\n rotation = 90;\n }\n\n if (this.lineType === LineType.connector) {\n return html`\n <svg\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n transform=\"rotate(${rotation})\"\n >\n <path\n d=\"M10 11.5H14V12.5L10 12.5V11.5Z\"\n fill=\"var(--element-neutral-color)\"\n />\n <path\n d=\"M4 11.5H8V12.5L4 12.5V11.5Z\"\n fill=\"var(--element-neutral-color)\"\n />\n <path\n d=\"M0 11.5H2L2 12.5L0 12.5V11.5Z\"\n fill=\"var(--element-neutral-color)\"\n />\n <path\n d=\"M22 11.5L24 11.5V12.5L22 12.5V11.5Z\"\n fill=\"var(--element-neutral-color)\"\n />\n <path\n d=\"M16 11.5H20V12.5L16 12.5V11.5Z\"\n fill=\"var(--element-neutral-color)\"\n />\n <path\n d=\"M12.5 24V22.1667H11.5V24H12.5Z\"\n fill=\"var(--element-neutral-color)\"\n />\n <path\n d=\"M12.5 20.3333L12.5 16.6667H11.5L11.5 20.3333H12.5Z\"\n fill=\"var(--element-neutral-color)\"\n />\n <path\n d=\"M12.5 14.8333V13L11.5 13V14.8333H12.5Z\"\n fill=\"var(--element-neutral-color)\"\n />\n </svg>\n `;\n }\n\n const color = lineColor(this.medium);\n const width = lineWidth(this.lineType) + 1;\n const h = width / 2;\n const c = 13 - h; // inner corner lenght\n\n return html`\n <svg\n class=\"line\"\n width=\"24\"\n height=\"24\"\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n transform=\"rotate(${rotation})\"\n >\n <path\n d=\"M-1 ${12 + h} v${-width}h26v${width}h-${c}v${c}h-${width}v-${c}Z\"\n fill=\"var(${color.inner})\"\n stroke=\"var(${color.outer})\"\n />\n </svg>\n `;\n }\n\n static override styles = css`\n :host {\n display: block;\n line-height: 0;\n }\n\n svg {\n position: relative;\n top: -12px;\n left: -12px;\n }\n `;\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'obc-three-way-line': ObcThreeWayLine;\n }\n}\n"],"names":["ThreeWayLineDirection"],"mappings":";;;;;;;;;;;;;;AAKO,IAAK,0CAAAA,2BAAL;AACLA,yBAAA,KAAA,IAAM;AACNA,yBAAA,OAAA,IAAQ;AACRA,yBAAA,QAAA,IAAS;AACTA,yBAAA,MAAA,IAAO;AAJG,SAAAA;AAAA,GAAA,yBAAA,CAAA,CAAA;AAYL,IAAM,kBAAN,cAA8B,WAAW;AAAA,EAAzC,cAAA;AAAA,UAAA,GAAA,SAAA;AACqB,SAAA,SAAqB,WAAW;AAChC,SAAA,YACxB;AACwB,SAAA,WAAqB,SAAS;AAAA,EAAA;AAAA,EAE/C,SAAS;AAChB,QAAI,WAAW;AACf,QAAI,KAAK,cAAc,OAA2B;AAChD,iBAAW;AAAA,IACb,WAAW,KAAK,cAAc,SAA6B;AACzD,iBAAW;AAAA,IACb,WAAW,KAAK,cAAc,UAA8B;AAC1D,iBAAW;AAAA,IACb,WAAW,KAAK,cAAc,QAA4B;AACxD,iBAAW;AAAA,IACb;AAEA,QAAI,KAAK,aAAa,SAAS,WAAW;AACxC,aAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,8BAOiB,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAoClC;AAEA,UAAM,QAAQ,UAAU,KAAK,MAAM;AACnC,UAAM,QAAQ,UAAU,KAAK,QAAQ,IAAI;AACzC,UAAM,IAAI,QAAQ;AAClB,UAAM,IAAI,KAAK;AAEf,WAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAQiB,QAAQ;AAAA;AAAA;AAAA,mBAGjB,KAAK,CAAC,KAAK,CAAC,KAAK,OAAO,KAAK,KAAK,CAAC,IAAI,CAAC,KAAK,KAAK,KAAK,CAAC;AAAA,sBACrD,MAAM,KAAK;AAAA,wBACT,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA,EAIjC;AAcF;AApGa,gBAwFK,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAvFC,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GADb,gBACe,WAAA,UAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GAFb,gBAEe,WAAA,aAAA,CAAA;AAEA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GAJb,gBAIe,WAAA,YAAA,CAAA;AAJf,kBAAN,gBAAA;AAAA,EADN,cAAc,oBAAoB;AAAA,GACtB,eAAA;"}
|
|
@@ -4,7 +4,8 @@ import { LineMedium, LineType } from '../index.js';
|
|
|
4
4
|
* Vertical line component
|
|
5
5
|
*
|
|
6
6
|
* The vertical line is 24px * length + 1px. +1 px to make sure that connecting lines are overlapping, to hide the gap between them.
|
|
7
|
-
* @deprecated
|
|
7
|
+
* @deprecated The line components are deprecated and will be removed in future releases.
|
|
8
|
+
* Please use the `@oicl/connector-diagram` package instead.
|
|
8
9
|
*/
|
|
9
10
|
export declare class ObcVerticalLine extends LitElement {
|
|
10
11
|
medium: LineMedium;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"vertical-line.d.ts","sourceRoot":"","sources":["../../../src/automation/vertical-line/vertical-line.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAY,MAAM,KAAK,CAAC;AAE1C,OAAO,EAAC,UAAU,EAAa,QAAQ,EAAY,MAAM,aAAa,CAAC;AAGvE
|
|
1
|
+
{"version":3,"file":"vertical-line.d.ts","sourceRoot":"","sources":["../../../src/automation/vertical-line/vertical-line.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAAY,MAAM,KAAK,CAAC;AAE1C,OAAO,EAAC,UAAU,EAAa,QAAQ,EAAY,MAAM,aAAa,CAAC;AAGvE;;;;;;GAMG;AACH,qBACa,eAAgB,SAAQ,UAAU;IACnB,MAAM,EAAE,UAAU,CAAqB;IACvC,QAAQ,EAAE,QAAQ,CAAkB;IACpC,MAAM,EAAE,MAAM,CAAK;IAEpC,MAAM;IAgEf,OAAgB,MAAM,0BAWpB;CACH;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,eAAe,CAAC;KACtC;CACF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"vertical-line.js","sources":["../../../src/automation/vertical-line/vertical-line.ts"],"sourcesContent":["import {LitElement, html, css} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {LineMedium, lineColor, LineType, lineWidth} from '../index.js';\nimport {customElement} from '../../decorator.js';\n\n/**\n * Vertical line component\n *\n * The vertical line is 24px * length + 1px. +1 px to make sure that connecting lines are overlapping, to hide the gap between them.\n * @deprecated
|
|
1
|
+
{"version":3,"file":"vertical-line.js","sources":["../../../src/automation/vertical-line/vertical-line.ts"],"sourcesContent":["import {LitElement, html, css} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {LineMedium, lineColor, LineType, lineWidth} from '../index.js';\nimport {customElement} from '../../decorator.js';\n\n/**\n * Vertical line component\n *\n * The vertical line is 24px * length + 1px. +1 px to make sure that connecting lines are overlapping, to hide the gap between them.\n * @deprecated The line components are deprecated and will be removed in future releases.\n * Please use the `@oicl/connector-diagram` package instead.\n */\n@customElement('obc-vertical-line')\nexport class ObcVerticalLine extends LitElement {\n @property({type: String}) medium: LineMedium = LineMedium.normal;\n @property({type: String}) lineType: LineType = LineType.fluid;\n @property({type: Number}) length: number = 1;\n\n override render() {\n if (this.lineType === LineType.connector) {\n const length = this.length * 24;\n return html`<svg\n width=\"24\"\n height=\"${length}\"\n viewBox=\"0 0 24 ${length}\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <line\n y1=\"0\"\n x1=\"12\"\n y2=\"${length}\"\n x2=\"12\"\n stroke-width=\"1\"\n stroke=\"var(--element-neutral-color)\"\n stroke-dasharray=\"4,2\"\n stroke-dashoffset=\"2\"\n />\n </svg> `;\n }\n\n const length = this.length * 24 + 1;\n const color = lineColor(this.medium);\n const width = lineWidth(this.lineType);\n return html`\n <div class=\"wrapper\" style=\"width: 24px; height: ${this.length * 24}px;\">\n <svg\n class=\"line\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 -.5 24 ${length}\"\n width=\"24\"\n height=${length}\n >\n <line\n y1=\"-.5\"\n x1=\"12\"\n y2=\"${length - 0.5}\"\n x2=\"12\"\n stroke-width=${width}\n stroke=\"var(${color.inner})\"\n />\n <line\n y1=\"-.5\"\n x1=${12 - 0.5 - width / 2}\n y2=\"${length - 0.5}\"\n x2=${12 - 0.5 - width / 2}\n stroke-width=\"1\"\n stroke=\"var(${color.outer})\"\n />\n <line\n y1=\"-.5\"\n x1=${12 + 0.5 + width / 2}\n y2=\"${length - 0.5}\"\n x2=${12 + 0.5 + width / 2}\n stroke-width=\"1\"\n stroke=\"var(${color.outer})\"\n />\n </svg>\n </div>\n `;\n }\n\n static override styles = css`\n :host {\n display: block;\n line-height: 0;\n }\n\n svg {\n position: relative;\n top: -0.5px;\n left: -12px;\n }\n `;\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'obc-vertical-line': ObcVerticalLine;\n }\n}\n"],"names":["length"],"mappings":";;;;;;;;;;;;;;AAaO,IAAM,kBAAN,cAA8B,WAAW;AAAA,EAAzC,cAAA;AAAA,UAAA,GAAA,SAAA;AACqB,SAAA,SAAqB,WAAW;AAChC,SAAA,WAAqB,SAAS;AAC9B,SAAA,SAAiB;AAAA,EAAA;AAAA,EAElC,SAAS;AAChB,QAAI,KAAK,aAAa,SAAS,WAAW;AACxC,YAAMA,UAAS,KAAK,SAAS;AAC7B,aAAO;AAAA;AAAA,kBAEKA,OAAM;AAAA,0BACEA,OAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAOhBA,OAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQlB;AAEA,UAAM,SAAS,KAAK,SAAS,KAAK;AAClC,UAAM,QAAQ,UAAU,KAAK,MAAM;AACnC,UAAM,QAAQ,UAAU,KAAK,QAAQ;AACrC,WAAO;AAAA,yDAC8C,KAAK,SAAS,EAAE;AAAA;AAAA;AAAA;AAAA,+BAI1C,MAAM;AAAA;AAAA,mBAElB,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,kBAKP,SAAS,GAAG;AAAA;AAAA,2BAEH,KAAK;AAAA,0BACN,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA,iBAIpB,KAAK,MAAM,QAAQ,CAAC;AAAA,kBACnB,SAAS,GAAG;AAAA,iBACb,KAAK,MAAM,QAAQ,CAAC;AAAA;AAAA,0BAEX,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA,iBAIpB,KAAK,MAAM,QAAQ,CAAC;AAAA,kBACnB,SAAS,GAAG;AAAA,iBACb,KAAK,MAAM,QAAQ,CAAC;AAAA;AAAA,0BAEX,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,EAKnC;AAcF;AAjFa,gBAqEK,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AApEC,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GADb,gBACe,WAAA,UAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GAFb,gBAEe,WAAA,YAAA,CAAA;AACA,gBAAA;AAAA,EAAzB,SAAS,EAAC,MAAM,OAAA,CAAO;AAAA,GAHb,gBAGe,WAAA,UAAA,CAAA;AAHf,kBAAN,gBAAA;AAAA,EADN,cAAc,mBAAmB;AAAA,GACrB,eAAA;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"command-menu.d.ts","sourceRoot":"","sources":["../../../src/components/command-menu/command-menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAA2B,MAAM,KAAK,CAAC;AAGzD,OAAO,2CAA2C,CAAC;AACnD,OAAO,gCAAgC,CAAC;AAKxC,MAAM,MAAM,yBAAyB,GAAG,WAAW,CAAC;IAAC,SAAS,EAAE,OAAO,CAAA;CAAC,CAAC,CAAC;AAE1E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwFG;AACH,qBACa,cAAe,SAAQ,UAAU;IACjB,SAAS,UAAS;IAEA,YAAY,EAAE,OAAO,CAAQ;IAEjE,MAAM;
|
|
1
|
+
{"version":3,"file":"command-menu.d.ts","sourceRoot":"","sources":["../../../src/components/command-menu/command-menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,UAAU,EAA2B,MAAM,KAAK,CAAC;AAGzD,OAAO,2CAA2C,CAAC;AACnD,OAAO,gCAAgC,CAAC;AAKxC,MAAM,MAAM,yBAAyB,GAAG,WAAW,CAAC;IAAC,SAAS,EAAE,OAAO,CAAA;CAAC,CAAC,CAAC;AAE1E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwFG;AACH,qBACa,cAAe,SAAQ,UAAU;IACjB,SAAS,UAAS;IAEA,YAAY,EAAE,OAAO,CAAQ;IAEjE,MAAM;IA+Df;;;;OAIG;IACH,OAAO,CAAC,QAAQ;IAehB,OAAgB,MAAM,0BAA2B;CAClD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,cAAc,CAAC;KACpC;CACF"}
|