@pb33f/cowboy-components 0.2.0 → 0.2.2

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 (43) hide show
  1. package/dist/components/manage-ruleset/manage-ruleset.d.ts +5 -1
  2. package/dist/components/manage-ruleset/manage-ruleset.js +27 -5
  3. package/dist/components/model-renderer/rendered-node.css.d.ts +2 -0
  4. package/dist/components/model-renderer/rendered-node.css.js +96 -0
  5. package/dist/components/model-renderer/rendered-node.d.ts +8 -0
  6. package/dist/components/model-renderer/rendered-node.js +117 -0
  7. package/dist/components/model-renderer/rendered-property.css.d.ts +2 -0
  8. package/dist/components/model-renderer/rendered-property.css.js +118 -0
  9. package/dist/components/model-renderer/rendered-property.d.ts +14 -0
  10. package/dist/components/model-renderer/rendered-property.js +204 -0
  11. package/dist/components/model-tree/tree-item.d.ts +10 -0
  12. package/dist/components/model-tree/tree-item.js +37 -0
  13. package/dist/components/model-tree/tree.css.d.ts +2 -0
  14. package/dist/components/model-tree/tree.css.js +20 -0
  15. package/dist/components/model-tree/tree.d.ts +16 -0
  16. package/dist/components/model-tree/tree.js +103 -0
  17. package/dist/components/the-doctor/the-doctor.css.js +2 -2
  18. package/dist/components/the-doctor/the-doctor.d.ts +4 -2
  19. package/dist/components/the-doctor/the-doctor.js +42 -18
  20. package/dist/components/visualizer/explorer.d.ts +52 -0
  21. package/dist/components/visualizer/explorer.js +296 -0
  22. package/dist/components/visualizer/node.d.ts +11 -0
  23. package/dist/components/visualizer/node.js +27 -0
  24. package/dist/components/visualizer/operation.css.d.ts +2 -0
  25. package/dist/components/visualizer/operation.css.js +53 -0
  26. package/dist/components/visualizer/operation.d.ts +12 -0
  27. package/dist/components/visualizer/operation.js +52 -0
  28. package/dist/components/visualizer/visualizer.css.d.ts +2 -0
  29. package/dist/components/visualizer/visualizer.css.js +157 -0
  30. package/dist/components/visualizer/visualizer.d.ts +60 -0
  31. package/dist/components/visualizer/visualizer.js +137 -0
  32. package/dist/cowboy-components.d.ts +1 -0
  33. package/dist/cowboy-components.js +2 -0
  34. package/dist/cowboy-components.umd.cjs +950 -324
  35. package/dist/css/pb33f-theme.css +1 -1
  36. package/dist/events/doctor.d.ts +9 -0
  37. package/dist/events/doctor.js +3 -0
  38. package/dist/model/graph.d.ts +6 -0
  39. package/dist/model/graph.js +1 -0
  40. package/dist/services/model-service.d.ts +5 -0
  41. package/dist/services/model-service.js +30 -0
  42. package/dist/style.css +1 -1
  43. package/package.json +6 -3
@@ -113,7 +113,7 @@ html {
113
113
  --sl-color-primary-300: rgba(156, 210, 250, 0.65);
114
114
  --sl-color-primary-400: rgba(131, 203, 250, 0.68);
115
115
  --sl-color-primary-500: rgba(123, 209, 253, 0.86);
116
- --sl-color-primary-600: rgba(98, 196, 255, 1.0);
116
+ --sl-color-primary-600: var(--primary-color);
117
117
  --sl-color-primary-700: rgb(81, 189, 251);
118
118
  --sl-color-primary-800: rgb(53, 184, 253);
119
119
  --sl-color-primary-900: rgb(19, 164, 251);
@@ -19,6 +19,7 @@ export declare const RemoveFunctionOption: string;
19
19
  export declare const RulesetDirty: string;
20
20
  export declare const RuleNameUpdated: string;
21
21
  export declare const RuleActionFunctionOptionAdded: string;
22
+ export declare const BuiltInRulesetChanged: string;
22
23
  export declare const CustomRulesetEnabled: string;
23
24
  export declare const RulesetSaved: string;
24
25
  export declare const RuleClicked: string;
@@ -27,6 +28,11 @@ export declare const RuleActionDirty: string;
27
28
  export declare const AddToast: string;
28
29
  export declare const ToastExpired: string;
29
30
  export declare const MessageEvent: string;
31
+ export declare const ModelTreeNodeClicked: string;
32
+ export declare const ExplorerNodeClicked: string;
33
+ export interface NodeClickedEvent {
34
+ nodeHashId: string;
35
+ }
30
36
  export interface ProblemLabelViewFilterChangedEvent {
31
37
  label: string;
32
38
  }
@@ -51,6 +57,9 @@ export interface CustomRulesetEnabledEvent {
51
57
  rules: RuleComponent[];
52
58
  ruleConfig: RuleConfig | null;
53
59
  }
60
+ export interface RulesetChangedEvent {
61
+ ruleset: string;
62
+ }
54
63
  export interface RuleDirtyEvent {
55
64
  rule: RuleComponent;
56
65
  }
@@ -13,6 +13,7 @@ export const RemoveFunctionOption = "removeFunctionOption";
13
13
  export const RulesetDirty = "rulesetDirty";
14
14
  export const RuleNameUpdated = "ruleNameUpdated";
15
15
  export const RuleActionFunctionOptionAdded = "ruleActionFunctionOptionAdded";
16
+ export const BuiltInRulesetChanged = "builtInRulesetChanged";
16
17
  export const CustomRulesetEnabled = "customRulesetEnabled";
17
18
  export const RulesetSaved = "rulesetSaved";
18
19
  export const RuleClicked = "rulesetRuleClicked";
@@ -21,6 +22,8 @@ export const RuleActionDirty = "ruleActionDirty";
21
22
  export const AddToast = "addToast";
22
23
  export const ToastExpired = "toastExpired";
23
24
  export const MessageEvent = "message";
25
+ export const ModelTreeNodeClicked = "modelTreeNodeClicked";
26
+ export const ExplorerNodeClicked = "explorerNodeClicked";
24
27
  export var ActiveView;
25
28
  (function (ActiveView) {
26
29
  ActiveView["Problems"] = "problems";
@@ -0,0 +1,6 @@
1
+ import { Edge, Node } from "../components/visualizer/visualizer.js";
2
+ export interface GraphResponse {
3
+ nodes: Node[];
4
+ nodesRendered: Node[];
5
+ edges: Edge[];
6
+ }
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,5 @@
1
+ import { GraphResponse } from "../model/graph";
2
+ export declare class ModelService {
3
+ static doctorEndpoint: string;
4
+ static createGraph(spec?: string): Promise<GraphResponse>;
5
+ }
@@ -0,0 +1,30 @@
1
+ export class ModelService {
2
+ static async createGraph(spec = '') {
3
+ return new Promise(async (resolve, reject) => {
4
+ try {
5
+ const graph = await fetch(ModelService.doctorEndpoint + '/model/graph', {
6
+ method: 'POST',
7
+ credentials: 'include',
8
+ headers: {
9
+ 'Content-Type': 'application/json'
10
+ },
11
+ body: spec,
12
+ });
13
+ const graphData = await graph.json();
14
+ if (!graphData) {
15
+ reject({ detail: 'unable to fetch model graph' });
16
+ return;
17
+ }
18
+ if (graphData?.type && graphData?.title && graphData?.status) {
19
+ reject(graphData);
20
+ return;
21
+ }
22
+ resolve(graphData);
23
+ }
24
+ catch (e) {
25
+ reject({ detail: 'unable fetch model graph: ' + e });
26
+ }
27
+ });
28
+ }
29
+ }
30
+ ModelService.doctorEndpoint = 'https://doctor.pb33f.io';