@api-client/ui 0.2.3 → 0.2.5

package/build/src/elements/http/HttpFlowsUi.js

@@ -12,7 +12,7 @@ import '../../md/list/ui-list-item.js';
 import '../../md/dropdown-list/ui-dropdown-list.js';
 import '../../md/icons/ui-icon.js';
 import '../../md/icon-button/ui-icon-button.js';
-import '../../md/text-field/ui-text-field.js';
+import '../../md/text-field/ui-filled-text-field.js';
 import '../../md/chip/ui-chip.js';
 import '../../md/dialog/ui-dialog.js';
 import '../dialog/delete-cookie-action-dialog.js';
@@ -780,7 +780,7 @@ export class HttpFlowsUi extends ApiElement {
         const pill = this.renderStepPill('Read value', assertionOrActionIndex, stepIndex);
         return html `
       ${pill}
-      <ui-text-field
+      <ui-filled-text-field
         name="value.${assertionOrActionIndex}.${stepIndex}"
         data-assertion-index="${assertionOrActionIndex}"
         data-step-index="${stepIndex}"
@@ -789,7 +789,7 @@ export class HttpFlowsUi extends ApiElement {
         .value="${live(item.path || '')}"
         class="space-step-left"
         @change="${this.handleReadValueStepChange}"
-      ></ui-text-field>
+      ></ui-filled-text-field>
     `;
     }
     renderDeleteCookieStep(item, assertionOrActionIndex, stepIndex) {
@@ -839,7 +839,7 @@ export class HttpFlowsUi extends ApiElement {
         const pill = this.renderStepPill('Set variable', assertionOrActionIndex, stepIndex);
         return html `
       ${pill}
-      <ui-text-field
+      <ui-filled-text-field
         name="variable.${assertionOrActionIndex}.${stepIndex}"
         data-assertion-index="${assertionOrActionIndex}"
         data-step-index="${stepIndex}"
@@ -850,7 +850,7 @@ export class HttpFlowsUi extends ApiElement {
         class="space-step-left"
         pattern="[a-zA-Z0-9_]+"
         aria-label="Variable name"
-      ></ui-text-field>
+      ></ui-filled-text-field>
     `;
     }
     renderDeleteVariableStep(item, assertionOrActionIndex, stepIndex) {
@@ -858,7 +858,7 @@ export class HttpFlowsUi extends ApiElement {
         const pill = this.renderStepPill('Delete variable', assertionOrActionIndex, stepIndex);
         return html `
       ${pill}
-      <ui-text-field
+      <ui-filled-text-field
         name="variable.${assertionOrActionIndex}.${stepIndex}"
         data-assertion-index="${assertionOrActionIndex}"
         data-step-index="${stepIndex}"
@@ -869,7 +869,7 @@ export class HttpFlowsUi extends ApiElement {
         class="space-step-left"
         pattern="[a-zA-Z0-9_]+"
         aria-label="Variable name"
-      ></ui-text-field>
+      ></ui-filled-text-field>
     `;
     }
     renderRoundStep(item, assertionOrActionIndex, stepIndex) {
@@ -877,7 +877,7 @@ export class HttpFlowsUi extends ApiElement {
         const { precision = 0 } = item;
         return html `
       ${pill}
-      <ui-text-field
+      <ui-filled-text-field
         name="precision.${assertionOrActionIndex}.${stepIndex}"
         data-assertion-index="${assertionOrActionIndex}"
         data-step-index="${stepIndex}"
@@ -891,7 +891,7 @@ export class HttpFlowsUi extends ApiElement {
         max="100"
         step="1"
         title="The number of digits to appear after the decimal point. Should be a value between 0 and 100, inclusive."
-      ></ui-text-field>
+      ></ui-filled-text-field>
     `;
     }
     renderSubstringStep(item, assertionOrActionIndex, stepIndex) {
@@ -899,7 +899,7 @@ export class HttpFlowsUi extends ApiElement {
         const { start = 0, end } = item;
         return html `
       ${pill}
-      <ui-text-field
+      <ui-filled-text-field
         name="start.${assertionOrActionIndex}.${stepIndex}"
         data-assertion-index="${assertionOrActionIndex}"
         data-step-index="${stepIndex}"
@@ -911,9 +911,9 @@ export class HttpFlowsUi extends ApiElement {
         type="number"
         step="1"
         title="The index of the first character to include in the returned substring."
-      ></ui-text-field>
+      ></ui-filled-text-field>
 
-      <ui-text-field
+      <ui-filled-text-field
         name="end.${assertionOrActionIndex}.${stepIndex}"
         data-assertion-index="${assertionOrActionIndex}"
         data-step-index="${stepIndex}"
@@ -924,12 +924,12 @@ export class HttpFlowsUi extends ApiElement {
         type="number"
         step="1"
         title="The index of the first character to exclude from the returned substring."
-      ></ui-text-field>
+      ></ui-filled-text-field>
     `;
     }
     renderEqualAssertion(item, assertionOrActionIndex, stepIndex) {
         return html `
-      <ui-text-field
+      <ui-filled-text-field
         name="equal.${assertionOrActionIndex}.${stepIndex}"
         data-assertion-index="${assertionOrActionIndex}"
         data-step-index="${stepIndex}"
@@ -948,12 +948,12 @@ export class HttpFlowsUi extends ApiElement {
           data-step-index="${stepIndex}"
           ><ui-icon icon="close" role="presentation"></ui-icon
         ></ui-icon-button>
-      </ui-text-field>
+      </ui-filled-text-field>
     `;
     }
     renderNotEqualAssertion(item, assertionOrActionIndex, stepIndex) {
         return html `
-      <ui-text-field
+      <ui-filled-text-field
         name="not-equal.${assertionOrActionIndex}.${stepIndex}"
         data-assertion-index="${assertionOrActionIndex}"
         data-step-index="${stepIndex}"
@@ -972,7 +972,7 @@ export class HttpFlowsUi extends ApiElement {
           data-step-index="${stepIndex}"
           ><ui-icon icon="close" role="presentation"></ui-icon
         ></ui-icon-button>
-      </ui-text-field>
+      </ui-filled-text-field>
     `;
     }
     renderGreaterThanAssertion(item, assertionOrActionIndex, stepIndex) {
@@ -980,7 +980,7 @@ export class HttpFlowsUi extends ApiElement {
         const label = equal ? 'Greater than equal' : 'Greater than';
         const effectiveValue = typeof value === 'number' ? String(value) : '';
         return html `
-      <ui-text-field
+      <ui-filled-text-field
         name="value.${assertionOrActionIndex}.${stepIndex}"
         data-assertion-index="${assertionOrActionIndex}"
         data-step-index="${stepIndex}"
@@ -1001,7 +1001,7 @@ export class HttpFlowsUi extends ApiElement {
           data-step-index="${stepIndex}"
           ><ui-icon icon="close" role="presentation"></ui-icon
         ></ui-icon-button>
-      </ui-text-field>
+      </ui-filled-text-field>
     `;
     }
     renderLessThanAssertion(item, assertionOrActionIndex, stepIndex) {
@@ -1009,7 +1009,7 @@ export class HttpFlowsUi extends ApiElement {
         const label = equal ? 'Less than equal' : 'Less than';
         const effectiveValue = typeof value === 'number' ? String(value) : '';
         return html `
-      <ui-text-field
+      <ui-filled-text-field
         name="value.${assertionOrActionIndex}.${stepIndex}"
         data-assertion-index="${assertionOrActionIndex}"
         data-step-index="${stepIndex}"
@@ -1030,13 +1030,13 @@ export class HttpFlowsUi extends ApiElement {
           data-step-index="${stepIndex}"
           ><ui-icon icon="close" role="presentation"></ui-icon
         ></ui-icon-button>
-      </ui-text-field>
+      </ui-filled-text-field>
     `;
     }
     renderIncludesAssertion(item, assertionOrActionIndex, stepIndex) {
         const { value } = item;
         return html `
-      <ui-text-field
+      <ui-filled-text-field
         name="includes.${assertionOrActionIndex}.${stepIndex}"
         data-assertion-index="${assertionOrActionIndex}"
         data-step-index="${stepIndex}"
@@ -1055,13 +1055,13 @@ export class HttpFlowsUi extends ApiElement {
           data-step-index="${stepIndex}"
           ><ui-icon icon="close" role="presentation"></ui-icon
         ></ui-icon-button>
-      </ui-text-field>
+      </ui-filled-text-field>
     `;
     }
     renderNotIncludesAssertion(item, assertionOrActionIndex, stepIndex) {
         const { value } = item;
         return html `
-      <ui-text-field
+      <ui-filled-text-field
         name="not-includes.${assertionOrActionIndex}.${stepIndex}"
         data-assertion-index="${assertionOrActionIndex}"
         data-step-index="${stepIndex}"
@@ -1080,13 +1080,13 @@ export class HttpFlowsUi extends ApiElement {
           data-step-index="${stepIndex}"
           ><ui-icon icon="close" role="presentation"></ui-icon
         ></ui-icon-button>
-      </ui-text-field>
+      </ui-filled-text-field>
     `;
     }
     renderMatchesAssertion(item, assertionOrActionIndex, stepIndex) {
         const { value } = item;
         return html `
-      <ui-text-field
+      <ui-filled-text-field
         name="matches.${assertionOrActionIndex}.${stepIndex}"
         data-assertion-index="${assertionOrActionIndex}"
         data-step-index="${stepIndex}"
@@ -1107,14 +1107,14 @@ export class HttpFlowsUi extends ApiElement {
           data-step-index="${stepIndex}"
           ><ui-icon icon="close" role="presentation"></ui-icon
         ></ui-icon-button>
-      </ui-text-field>
+      </ui-filled-text-field>
     `;
     }
     renderToBeAssertion(item, assertionOrActionIndex, stepIndex) {
         const { value } = item;
         const types = Object.values(CoreAssertions.ToBeTypes);
         return html `
-      <ui-text-field
+      <ui-filled-text-field
         name="to-be.${assertionOrActionIndex}.${stepIndex}"
         data-assertion-index="${assertionOrActionIndex}"
         data-step-index="${stepIndex}"
@@ -1134,14 +1134,14 @@ export class HttpFlowsUi extends ApiElement {
           data-step-index="${stepIndex}"
           ><ui-icon icon="close" role="presentation"></ui-icon
         ></ui-icon-button>
-      </ui-text-field>
+      </ui-filled-text-field>
     `;
     }
     renderNotToBeAssertion(item, assertionOrActionIndex, stepIndex) {
         const { value } = item;
         const types = Object.values(CoreAssertions.ToBeTypes);
         return html `
-      <ui-text-field
+      <ui-filled-text-field
         name="not-to-be.${assertionOrActionIndex}.${stepIndex}"
         data-assertion-index="${assertionOrActionIndex}"
         data-step-index="${stepIndex}"
@@ -1161,7 +1161,7 @@ export class HttpFlowsUi extends ApiElement {
           data-step-index="${stepIndex}"
           ><ui-icon icon="close" role="presentation"></ui-icon
         ></ui-icon-button>
-      </ui-text-field>
+      </ui-filled-text-field>
     `;
     }
     renderResponseDataSourceSuggestions(disabled = false) {