@api-client/ui 0.0.5 → 0.0.8

package/dist/elements/http/HttpAssertions.styles.js

@@ -1,164 +1,11 @@
 import { css } from 'lit';
 export default css `
-:host {
-  display: block;
-}
-
-.editor-actions {
-  display: flex;
-  align-items: center;
-  margin-bottom: 20px;
-}
-
-.editor-actions > * {
-  margin-right: 20px;
-}
-
-.empty-message {
-  text-align: center;
-  font-family: var(--md-sys-typescale-body-medium-font-family-name);
-  font-style: var(--md-sys-typescale-body-medium-font-family-style);
-  font-weight: var(--md-sys-typescale-body-medium-font-weight);
-  font-size: var(--md-sys-typescale-body-medium-font-size);
-  letter-spacing: var(--md-sys-typescale-body-medium-tracking);
-  line-height: var(--md-sys-typescale-body-medium-height);
-  text-transform: var(--md-sys-typescale-body-medium-text-transform);
-  text-decoration: var(--md-sys-typescale-body-medium-text-decoration);
-  color: var(--md-sys-color-on-surface);
-}
-
 .param-row {
-  display: flex;
-  align-items: start;
-  min-height: 56px;
   margin-bottom: 24px;
+  border-radius: var(--md-sys-shape-corner-small);
 }
 
-.param-row > :first-child,
-.param-row > :last-child {
-  margin-top: 8px;
-}
-
-.steps {
-  flex: 1;
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  border-radius: 8px;
-  padding-top: 8px;
-  border: 1px transparent dashed;
-}
-
-.step-unit {
-  display: flex;
-  align-items: center;
-}
-
-.step-pill {
-  background-color: var(--md-sys-color-surface-variant);
-  height: 56px;
-  display: flex;
-  align-items: center;
-  padding: 0 12px;
-  border-radius: 8px;
-
-  font-family: var(--md-sys-typescale-body-medium-font-family-name);
-  font-style: var(--md-sys-typescale-body-medium-font-family-style);
-  font-weight: var(--md-sys-typescale-body-medium-font-weight);
-  font-size: var(--md-sys-typescale-body-medium-font-size);
-  letter-spacing: var(--md-sys-typescale-body-medium-tracking);
-  line-height: var(--md-sys-typescale-body-medium-height);
-  text-transform: var(--md-sys-typescale-body-medium-text-transform);
-  text-decoration: var(--md-sys-typescale-body-medium-text-decoration);
-}
-
-.drop-info {
-  font-family: var(--md-sys-typescale-body-medium-font-family-name);
-  font-style: var(--md-sys-typescale-body-medium-font-family-style);
-  font-weight: var(--md-sys-typescale-body-medium-font-weight);
-  font-size: var(--md-sys-typescale-body-medium-font-size);
-  letter-spacing: var(--md-sys-typescale-body-medium-tracking);
-  line-height: var(--md-sys-typescale-body-medium-height);
-  text-transform: var(--md-sys-typescale-body-medium-text-transform);
-  text-decoration: var(--md-sys-typescale-body-medium-text-decoration);
-}
-
-.step-pill.with-icon {
-  padding-right: 0;
-}
-
-.step-pill.empty {
-  border: 1px var(--md-sys-color-outline-variant) dashed;
-}
-
-.steps > * {
-  margin-bottom: 8px;
-}
-
-.container {
-  display: flex;
-}
-
-.container > .editor {
-  flex: 8;
-}
-
-.container > .options {
-  flex: 4;
-}
-
-.assertion-group summary {
-  font-family: var(--md-sys-typescale-label-medium-font-family-name);
-  font-style: var(--md-sys-typescale-label-medium-font-family-style);
-  font-weight: var(--md-sys-typescale-label-medium-font-weight);
-  font-size: var(--md-sys-typescale-label-medium-font-size);
-  letter-spacing: var(--md-sys-typescale-label-medium-tracking);
-  line-height: var(--md-sys-typescale-label-medium-height);
-  text-transform: var(--md-sys-typescale-label-medium-text-transform);
-  text-decoration: var(--md-sys-typescale-label-medium-text-decoration);
-  padding: 16px 0px;
-}
-
-.group-content {
-  display: flex;
-  flex-wrap: wrap;
-  flex-direction: row;
-  align-items: center;
-}
-
-.group-content > ui-chip {
-  margin: 4px;
-}
-
-.drop-target.spacer {
-  width: 8px;
-  height: 56px;
-  transition: width 120ms cubic-bezier(0.4, 0, 0.6, 1);
-}
-
-.drop-target.spacer.dragover {
-  width: 40px;
-  border: 1px var(--md-sys-color-outline-variant) dashed;
-  background-color: var(--md-sys-color-surface-variant);
-  border-radius: 8px;
-  margin: 0 4px;
-}
-
-.steps.dragover {
-  background-color: var(--md-sys-color-surface);
-  border-color: var(--md-sys-color-outline-variant);
-  border-radius: 8px;
-}
-
-.space-step-left {
-  margin-left: 8px;
-}
-
-.number-input {
-  min-width: 120px;
-}
-
-.assertion-actions {
+.action-actions {
   display: flex;
   align-items: center;
 }
@@ -167,8 +14,12 @@ export default css `
   --ui-dialog--width: 420px;
 }
 
-.rename-dialog ui-text-field {
+.rename-dialog .input {
   width: 100%;
 }
+
+.toggle-button {
+  margin-left: 12px;
+}
 `;
 //# sourceMappingURL=HttpAssertions.styles.js.map

package/dist/elements/http/HttpAssertions.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"HttpAssertions.styles.js","sourceRoot":"","sources":["../../../src/elements/http/HttpAssertions.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2KjB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport default css`\n:host {\n  display: block;\n}\n\n.editor-actions {\n  display: flex;\n  align-items: center;\n  margin-bottom: 20px;\n}\n\n.editor-actions > * {\n  margin-right: 20px;\n}\n\n.empty-message {\n  text-align: center;\n  font-family: var(--md-sys-typescale-body-medium-font-family-name);\n  font-style: var(--md-sys-typescale-body-medium-font-family-style);\n  font-weight: var(--md-sys-typescale-body-medium-font-weight);\n  font-size: var(--md-sys-typescale-body-medium-font-size);\n  letter-spacing: var(--md-sys-typescale-body-medium-tracking);\n  line-height: var(--md-sys-typescale-body-medium-height);\n  text-transform: var(--md-sys-typescale-body-medium-text-transform);\n  text-decoration: var(--md-sys-typescale-body-medium-text-decoration);\n  color: var(--md-sys-color-on-surface);\n}\n\n.param-row {\n  display: flex;\n  align-items: start;\n  min-height: 56px;\n  margin-bottom: 24px;\n}\n\n.param-row > :first-child,\n.param-row > :last-child {\n  margin-top: 8px;\n}\n\n.steps {\n  flex: 1;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  border-radius: 8px;\n  padding-top: 8px;\n  border: 1px transparent dashed;\n}\n\n.step-unit {\n  display: flex;\n  align-items: center;\n}\n\n.step-pill {\n  background-color: var(--md-sys-color-surface-variant);\n  height: 56px;\n  display: flex;\n  align-items: center;\n  padding: 0 12px;\n  border-radius: 8px;\n\n  font-family: var(--md-sys-typescale-body-medium-font-family-name);\n  font-style: var(--md-sys-typescale-body-medium-font-family-style);\n  font-weight: var(--md-sys-typescale-body-medium-font-weight);\n  font-size: var(--md-sys-typescale-body-medium-font-size);\n  letter-spacing: var(--md-sys-typescale-body-medium-tracking);\n  line-height: var(--md-sys-typescale-body-medium-height);\n  text-transform: var(--md-sys-typescale-body-medium-text-transform);\n  text-decoration: var(--md-sys-typescale-body-medium-text-decoration);\n}\n\n.drop-info {\n  font-family: var(--md-sys-typescale-body-medium-font-family-name);\n  font-style: var(--md-sys-typescale-body-medium-font-family-style);\n  font-weight: var(--md-sys-typescale-body-medium-font-weight);\n  font-size: var(--md-sys-typescale-body-medium-font-size);\n  letter-spacing: var(--md-sys-typescale-body-medium-tracking);\n  line-height: var(--md-sys-typescale-body-medium-height);\n  text-transform: var(--md-sys-typescale-body-medium-text-transform);\n  text-decoration: var(--md-sys-typescale-body-medium-text-decoration);\n}\n\n.step-pill.with-icon {\n  padding-right: 0;\n}\n\n.step-pill.empty {\n  border: 1px var(--md-sys-color-outline-variant) dashed;\n}\n\n.steps > * {\n  margin-bottom: 8px;\n}\n\n.container {\n  display: flex;\n}\n\n.container > .editor {\n  flex: 8;\n}\n\n.container > .options {\n  flex: 4;\n}\n\n.assertion-group summary {\n  font-family: var(--md-sys-typescale-label-medium-font-family-name);\n  font-style: var(--md-sys-typescale-label-medium-font-family-style);\n  font-weight: var(--md-sys-typescale-label-medium-font-weight);\n  font-size: var(--md-sys-typescale-label-medium-font-size);\n  letter-spacing: var(--md-sys-typescale-label-medium-tracking);\n  line-height: var(--md-sys-typescale-label-medium-height);\n  text-transform: var(--md-sys-typescale-label-medium-text-transform);\n  text-decoration: var(--md-sys-typescale-label-medium-text-decoration);\n  padding: 16px 0px;\n}\n\n.group-content {\n  display: flex;\n  flex-wrap: wrap;\n  flex-direction: row;\n  align-items: center;\n}\n\n.group-content > ui-chip {\n  margin: 4px;\n}\n\n.drop-target.spacer {\n  width: 8px;\n  height: 56px;\n  transition: width 120ms cubic-bezier(0.4, 0, 0.6, 1);\n}\n\n.drop-target.spacer.dragover {\n  width: 40px;\n  border: 1px var(--md-sys-color-outline-variant) dashed;\n  background-color: var(--md-sys-color-surface-variant);\n  border-radius: 8px;\n  margin: 0 4px;\n}\n\n.steps.dragover {\n  background-color: var(--md-sys-color-surface);\n  border-color: var(--md-sys-color-outline-variant);\n  border-radius: 8px;\n}\n\n.space-step-left {\n  margin-left: 8px;\n}\n\n.number-input {\n  min-width: 120px;\n}\n\n.assertion-actions {\n  display: flex;\n  align-items: center;\n}\n\n.rename-dialog {\n  --ui-dialog--width: 420px;\n}\n\n.rename-dialog ui-text-field {\n  width: 100%;\n}\n`;\n"]}
+{"version":3,"file":"HttpAssertions.styles.js","sourceRoot":"","sources":["../../../src/elements/http/HttpAssertions.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;CAsBjB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport default css`\n.param-row {\n  margin-bottom: 24px;\n  border-radius: var(--md-sys-shape-corner-small);\n}\n\n.action-actions {\n  display: flex;\n  align-items: center;\n}\n\n.rename-dialog {\n  --ui-dialog--width: 420px;\n}\n\n.rename-dialog .input {\n  width: 100%;\n}\n\n.toggle-button {\n  margin-left: 12px;\n}\n`;\n"]}

package/dist/elements/http/HttpFlows.common.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import("lit").CSSResult[];
+export default _default;
+//# sourceMappingURL=HttpFlows.common.d.ts.map

package/dist/elements/http/HttpFlows.common.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HttpFlows.common.d.ts","sourceRoot":"","sources":["../../../src/elements/http/HttpFlows.common.ts"],"names":[],"mappings":";AAKA,wBA+KG"}

package/dist/elements/http/HttpFlows.common.js

@@ -0,0 +1,181 @@
+import { css } from 'lit';
+import typographyStyles from '../../styles/m3/typography.module.js';
+import dialogStyles from '../../styles/m3/dialog.module.js';
+import surfaceStyles from '../../styles/m3/surface.module.js';
+export default [typographyStyles, dialogStyles, surfaceStyles, css `
+:host {
+  display: block;
+}
+
+.surface1,
+.surface2 {
+  z-index: 0;
+}
+
+.editor-actions {
+  display: flex;
+  align-items: center;
+  margin-bottom: 20px;
+}
+
+.editor-actions > * {
+  margin-right: 20px;
+}
+
+.empty-message {
+  margin-top: 16px;
+  text-align: center;
+  font-family: var(--md-sys-typescale-body-medium-font-family-name);
+  font-style: var(--md-sys-typescale-body-medium-font-family-style);
+  font-weight: var(--md-sys-typescale-body-medium-font-weight);
+  font-size: var(--md-sys-typescale-body-medium-font-size);
+  letter-spacing: var(--md-sys-typescale-body-medium-tracking);
+  line-height: var(--md-sys-typescale-body-medium-height);
+  text-transform: var(--md-sys-typescale-body-medium-text-transform);
+  text-decoration: var(--md-sys-typescale-body-medium-text-decoration);
+  color: var(--md-sys-color-on-surface);
+}
+
+.container {
+  display: flex;
+}
+
+.container > .editor {
+  flex: 8;
+}
+
+.container > .options {
+  flex: 4;
+}
+
+.action-group summary {
+  font-family: var(--md-sys-typescale-label-medium-font-family-name);
+  font-style: var(--md-sys-typescale-label-medium-font-family-style);
+  font-weight: var(--md-sys-typescale-label-medium-font-weight);
+  font-size: var(--md-sys-typescale-label-medium-font-size);
+  letter-spacing: var(--md-sys-typescale-label-medium-tracking);
+  line-height: var(--md-sys-typescale-label-medium-height);
+  text-transform: var(--md-sys-typescale-label-medium-text-transform);
+  text-decoration: var(--md-sys-typescale-label-medium-text-decoration);
+  padding: 16px 0px;
+  cursor: default;
+}
+
+.group-content {
+  display: flex;
+  flex-wrap: wrap;
+  flex-direction: row;
+  align-items: center;
+}
+
+.group-content > ui-chip {
+  margin: 4px;
+}
+
+.param-row {
+  display: flex;
+  align-items: start;
+  min-height: 56px;
+}
+
+.param-row > :first-child,
+.param-row > :last-child {
+  margin-top: 8px;
+  margin-bottom: 8px;
+}
+
+.action-tab,
+.param-row {
+  background-color: var(--md-sys-color-surface);
+  color: var(--md-sys-color-on-surface);
+}
+
+.steps {
+  flex: 1;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  border-radius: 8px;
+  padding-top: 8px;
+  border: 1px transparent dashed;
+}
+
+.steps > * {
+  margin-bottom: 8px;
+}
+
+.steps.dragover {
+  background-color: var(--md-sys-color-surface);
+  border-color: var(--md-sys-color-outline-variant);
+  border-radius: 8px;
+}
+
+.step-unit {
+  display: flex;
+  align-items: center;
+}
+
+.step-pill {
+  background-color: var(--md-sys-color-surface-variant);
+  height: 56px;
+  display: flex;
+  align-items: center;
+  padding: 0 12px;
+  border-radius: 8px;
+
+  font-family: var(--md-sys-typescale-body-medium-font-family-name);
+  font-style: var(--md-sys-typescale-body-medium-font-family-style);
+  font-weight: var(--md-sys-typescale-body-medium-font-weight);
+  font-size: var(--md-sys-typescale-body-medium-font-size);
+  letter-spacing: var(--md-sys-typescale-body-medium-tracking);
+  line-height: var(--md-sys-typescale-body-medium-height);
+  text-transform: var(--md-sys-typescale-body-medium-text-transform);
+  text-decoration: var(--md-sys-typescale-body-medium-text-decoration);
+}
+
+.drop-info {
+  font-family: var(--md-sys-typescale-body-medium-font-family-name);
+  font-style: var(--md-sys-typescale-body-medium-font-family-style);
+  font-weight: var(--md-sys-typescale-body-medium-font-weight);
+  font-size: var(--md-sys-typescale-body-medium-font-size);
+  letter-spacing: var(--md-sys-typescale-body-medium-tracking);
+  line-height: var(--md-sys-typescale-body-medium-height);
+  text-transform: var(--md-sys-typescale-body-medium-text-transform);
+  text-decoration: var(--md-sys-typescale-body-medium-text-decoration);
+}
+
+.step-pill.with-icon {
+  padding-right: 0;
+}
+
+.step-pill.empty {
+  border: 1px var(--md-sys-color-outline-variant) dashed;
+}
+
+.drop-target.spacer {
+  width: 8px;
+  height: 56px;
+  transition: width 120ms cubic-bezier(0.4, 0, 0.6, 1);
+}
+
+.drop-target.spacer.dragover {
+  width: 40px;
+  border: 1px var(--md-sys-color-outline-variant) dashed;
+  background-color: var(--md-sys-color-surface-variant);
+  border-radius: 8px;
+  margin: 0 4px;
+}
+
+.space-step-left {
+  margin-left: 8px;
+}
+
+.number-input {
+  min-width: 120px;
+}
+
+.step-row {
+  margin: 20px;
+}
+`];
+//# sourceMappingURL=HttpFlows.common.js.map

package/dist/elements/http/HttpFlows.common.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HttpFlows.common.js","sourceRoot":"","sources":["../../../src/elements/http/HttpFlows.common.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,YAAY,MAAM,kCAAkC,CAAC;AAC5D,OAAO,aAAa,MAAM,mCAAmC,CAAC;AAE9D,eAAe,CAAC,gBAAgB,EAAE,YAAY,EAAE,aAAa,EAAE,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+KjE,CAAC,CAAC","sourcesContent":["import { css } from 'lit';\nimport typographyStyles from '../../styles/m3/typography.module.js';\nimport dialogStyles from '../../styles/m3/dialog.module.js';\nimport surfaceStyles from '../../styles/m3/surface.module.js';\n\nexport default [typographyStyles, dialogStyles, surfaceStyles, css`\n:host {\n  display: block;\n}\n\n.surface1,\n.surface2 {\n  z-index: 0;\n}\n\n.editor-actions {\n  display: flex;\n  align-items: center;\n  margin-bottom: 20px;\n}\n\n.editor-actions > * {\n  margin-right: 20px;\n}\n\n.empty-message {\n  margin-top: 16px;\n  text-align: center;\n  font-family: var(--md-sys-typescale-body-medium-font-family-name);\n  font-style: var(--md-sys-typescale-body-medium-font-family-style);\n  font-weight: var(--md-sys-typescale-body-medium-font-weight);\n  font-size: var(--md-sys-typescale-body-medium-font-size);\n  letter-spacing: var(--md-sys-typescale-body-medium-tracking);\n  line-height: var(--md-sys-typescale-body-medium-height);\n  text-transform: var(--md-sys-typescale-body-medium-text-transform);\n  text-decoration: var(--md-sys-typescale-body-medium-text-decoration);\n  color: var(--md-sys-color-on-surface);\n}\n\n.container {\n  display: flex;\n}\n\n.container > .editor {\n  flex: 8;\n}\n\n.container > .options {\n  flex: 4;\n}\n\n.action-group summary {\n  font-family: var(--md-sys-typescale-label-medium-font-family-name);\n  font-style: var(--md-sys-typescale-label-medium-font-family-style);\n  font-weight: var(--md-sys-typescale-label-medium-font-weight);\n  font-size: var(--md-sys-typescale-label-medium-font-size);\n  letter-spacing: var(--md-sys-typescale-label-medium-tracking);\n  line-height: var(--md-sys-typescale-label-medium-height);\n  text-transform: var(--md-sys-typescale-label-medium-text-transform);\n  text-decoration: var(--md-sys-typescale-label-medium-text-decoration);\n  padding: 16px 0px;\n  cursor: default;\n}\n\n.group-content {\n  display: flex;\n  flex-wrap: wrap;\n  flex-direction: row;\n  align-items: center;\n}\n\n.group-content > ui-chip {\n  margin: 4px;\n}\n\n.param-row {\n  display: flex;\n  align-items: start;\n  min-height: 56px;\n}\n\n.param-row > :first-child,\n.param-row > :last-child {\n  margin-top: 8px;\n  margin-bottom: 8px;\n}\n\n.action-tab,\n.param-row {\n  background-color: var(--md-sys-color-surface);\n  color: var(--md-sys-color-on-surface);\n}\n\n.steps {\n  flex: 1;\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  border-radius: 8px;\n  padding-top: 8px;\n  border: 1px transparent dashed;\n}\n\n.steps > * {\n  margin-bottom: 8px;\n}\n\n.steps.dragover {\n  background-color: var(--md-sys-color-surface);\n  border-color: var(--md-sys-color-outline-variant);\n  border-radius: 8px;\n}\n\n.step-unit {\n  display: flex;\n  align-items: center;\n}\n\n.step-pill {\n  background-color: var(--md-sys-color-surface-variant);\n  height: 56px;\n  display: flex;\n  align-items: center;\n  padding: 0 12px;\n  border-radius: 8px;\n\n  font-family: var(--md-sys-typescale-body-medium-font-family-name);\n  font-style: var(--md-sys-typescale-body-medium-font-family-style);\n  font-weight: var(--md-sys-typescale-body-medium-font-weight);\n  font-size: var(--md-sys-typescale-body-medium-font-size);\n  letter-spacing: var(--md-sys-typescale-body-medium-tracking);\n  line-height: var(--md-sys-typescale-body-medium-height);\n  text-transform: var(--md-sys-typescale-body-medium-text-transform);\n  text-decoration: var(--md-sys-typescale-body-medium-text-decoration);\n}\n\n.drop-info {\n  font-family: var(--md-sys-typescale-body-medium-font-family-name);\n  font-style: var(--md-sys-typescale-body-medium-font-family-style);\n  font-weight: var(--md-sys-typescale-body-medium-font-weight);\n  font-size: var(--md-sys-typescale-body-medium-font-size);\n  letter-spacing: var(--md-sys-typescale-body-medium-tracking);\n  line-height: var(--md-sys-typescale-body-medium-height);\n  text-transform: var(--md-sys-typescale-body-medium-text-transform);\n  text-decoration: var(--md-sys-typescale-body-medium-text-decoration);\n}\n\n.step-pill.with-icon {\n  padding-right: 0;\n}\n\n.step-pill.empty {\n  border: 1px var(--md-sys-color-outline-variant) dashed;\n}\n\n.drop-target.spacer {\n  width: 8px;\n  height: 56px;\n  transition: width 120ms cubic-bezier(0.4, 0, 0.6, 1);\n}\n\n.drop-target.spacer.dragover {\n  width: 40px;\n  border: 1px var(--md-sys-color-outline-variant) dashed;\n  background-color: var(--md-sys-color-surface-variant);\n  border-radius: 8px;\n  margin: 0 4px;\n}\n\n.space-step-left {\n  margin-left: 8px;\n}\n\n.number-input {\n  min-width: 120px;\n}\n\n.step-row {\n  margin: 20px;\n}\n`];\n"]}

package/dist/elements/http/HttpFlows.element.d.ts

@@ -0,0 +1,97 @@
+import { IHttpFlow, IHttpAction, IHttpStep } from "@api-client/core/build/browser.js";
+import { PropertyValues, TemplateResult } from "lit";
+import type { UiDropdownListSelection } from "../../ui/list/UiDropdownList.js";
+import type UiDialog from "../../ui/dialog/UiDialog.js";
+import type { UiDialogClosingReason } from "../../ui/dialog/UiDialog.js";
+import { HttpFlowsUi, StepsTarget } from "./HttpFlowsUi.js";
+import '../../define/ui/ui-list.js';
+import '../../define/ui/ui-list-item.js';
+import '../../define/ui/ui-dropdown-list.js';
+import '../../define/ui/ui-button.js';
+import '../../define/ui/ui-divider.js';
+import '../../define/ui/ui-dialog.js';
+import '../../define/dialog/rename-dialog.js';
+type FlowTrigger = 'request' | 'response';
+export default class HttpFlows extends HttpFlowsUi {
+    /**
+     * The list of HTTP flows.
+     * This is a live list. All changes are propagated in the model.
+     */
+    model: IHttpFlow[];
+    /**
+     * The setting that renders flows for the given trigger (request or response).
+     */
+    trigger: FlowTrigger;
+    /**
+     * The index of the currently selected flow. This is the index on the `model` property.
+     * @attribute
+     */
+    selectedFlow?: number;
+    readonly flowAddDialog?: UiDialog | null;
+    /**
+     * The currently selected flow definition.
+     *
+     * If there's no selection it returns the first flow.
+     */
+    get currentFlow(): IHttpFlow | undefined;
+    connectedCallback(): void;
+    protected willUpdate(cp: PropertyValues<this>): void;
+    preSelectFlow(): void;
+    addFlow(description?: string): void;
+    removeFlow(index: number): void;
+    removeFlowAction(actionIndex: number): void;
+    renameFlowAction(actionIndex: number): void;
+    protected handleAdd(): void;
+    protected handleTriggerSelect(e: CustomEvent<UiDropdownListSelection>): void;
+    protected handleFlowSelect(e: CustomEvent<UiDropdownListSelection>): void;
+    protected handleFlowCreateDialogResult(e: CustomEvent<UiDialogClosingReason>): void;
+    /**
+     * On the editor element we only allow "flow blocks" items (conditions and actions).
+     * Only one condition can be added so once a condition is set we do not allow to add another condition.
+     */
+    protected handleEditorDragOver(e: DragEvent): void;
+    protected handleEditorDragLeave(e: DragEvent): void;
+    protected handleEditorDrop(e: DragEvent): void;
+    /**
+     * Adds a condition to the current flow.
+     * Note, when the condition already exists this does nothing.
+     */
+    setCondition(): void;
+    addAction(): void;
+    protected stepFromChangeEvent(e: Event): IHttpStep | undefined;
+    protected getStepsTarget(assertionOrActionIndex: number): StepsTarget | undefined;
+    protected handleConditionOption(e: CustomEvent<UiDropdownListSelection>): void;
+    protected handleActionOption(e: CustomEvent<UiDropdownListSelection>): void;
+    protected isConditionTarget(e: Event): boolean;
+    /**
+     * We override this method tpo handle conditions which can only accept certain
+     * blocks and have index of `-1`
+     */
+    protected handleTargetDragOver(e: DragEvent): void;
+    /**
+     * Overrides the method to support conditions.
+     */
+    protected handleDrop(e: DragEvent): void;
+    protected render(): TemplateResult;
+    protected renderActionButtons(): TemplateResult;
+    protected renderTriggerSelector(): TemplateResult;
+    protected renderFlowSelector(): TemplateResult;
+    protected renderCreateFlowDialog(): TemplateResult;
+    protected renderEditor(): TemplateResult;
+    protected renderEmptyFlowMessage(): TemplateResult;
+    protected renderSelectFlowMessage(): TemplateResult;
+    protected renderEmptyActionsMessage(): TemplateResult;
+    protected renderCondition(condition: IHttpAction): TemplateResult;
+    protected renderList(model: IHttpAction[]): TemplateResult;
+    protected renderAction(item: IHttpAction, index: number): TemplateResult;
+    protected renderBuildingBlocks(): TemplateResult;
+    protected renderFlowBlocksOptions(currentFlow?: IHttpFlow): TemplateResult;
+    protected renderDataSourceOptions(currentFlow?: IHttpFlow): TemplateResult;
+    protected renderTransformationOptions(currentFlow?: IHttpFlow): TemplateResult;
+    protected renderActions(currentFlow?: IHttpFlow): TemplateResult;
+    protected renderAssertionOptions(currentFlow?: IHttpFlow): TemplateResult;
+    protected renderConditionTabActions(): TemplateResult;
+    protected renderStepTabActions(actionIndex: number): TemplateResult;
+}
+export {};
+//# sourceMappingURL=HttpFlows.element.d.ts.map

package/dist/elements/http/HttpFlows.element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HttpFlows.element.d.ts","sourceRoot":"","sources":["../../../src/elements/http/HttpFlows.element.ts"],"names":[],"mappings":"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"}