npm - @api-client/ui - Versions diffs - 0.2.3 → 0.2.4 - Mend

@api-client/ui 0.2.3 → 0.2.4

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 (203) hide show

package/build/src/elements/environment/ServerEditor.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ServerEditor.js","sourceRoot":"","sources":["../../../../src/elements/environment/ServerEditor.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, TemplateResult, CSSResult, PropertyValues } from 'lit'\nimport { property, query } from 'lit/decorators.js'\nimport { live } from 'lit/directives/live.js'\nimport { type IProperty } from '@api-client/core/models/Property.js'\nimport { type IServer, Server } from '@api-client/core/models/Server.js'\nimport elementStyles from './ServerEditor.styles.js'\nimport Input from '../../md/input/Input.js'\nimport ApiElement from '../ApiElement.js'\nimport '../../md/text-field/ui-text-field.js'\nimport '../../md/icons/ui-icon.js'\nimport '../../md/icon-button/ui-icon-button.js'\n\nexport const DefaultProtocols = ['http:', 'https:']\n\n/*\n An element to render a view for a server definition with a form to edit it.\n \n @fires change - When a value change.\n * @fires delete - When the user requested server definition delete.\n /\nexport default class ServerEditor extends ApiElement {\n static override get styles(): CSSResult[] {\n return [elementStyles]\n }\n\n /\n The base URI of the server.\n \n Note, the URL can contain URI templates (e.g. `http://{host}.api.com/v1`)\n * In this case the variable is replaced with the system or project variables.\n \n For simplicity, the `uri` can be the full base URI with protocol, host, and the `basePath`\n \n @attribute\n /\n @property({ type: String }) accessor uri: string \| undefined\n\n /\n Usually included in the `uri`. When the `uri` is missing a protocol\n * this is then used.\n \n @attribute\n /\n @property({ type: String }) accessor protocol: string \| undefined\n\n /\n The base path for the server. It starts with the `/`.\n * When set, it is appended to the `uri` value.\n \n @attribute\n /\n @property({ type: String }) accessor basePath: string \| undefined\n\n /\n Optional description of the server.\n \n @attribute\n /\n @property({ type: String }) accessor description: string \| undefined\n\n /\n Optional list of variables to set on the environment.\n * When set it evaluates the final URI value against these properties.\n /\n @property({ type: Array }) accessor variables: IProperty[] \| undefined\n\n /\n The computed value of the full URI from the values.\n /\n protected valueInternal?: string\n\n /\n The server logic used with computations.\n /\n protected serverInternal = new Server()\n\n @query('#protocolInput', false) protected accessor protocolInput: HTMLInputElement \| null = null\n\n protected override willUpdate(cp: PropertyValues<this>): void {\n if (cp.has('uri') \|\| cp.has('protocol') \|\| cp.has('basePath') \|\| cp.has('description')) {\n this.setupValue()\n }\n super.willUpdate(cp)\n }\n\n /\n Updates the value of the generated base URI.\n * This can be called from the outside of the component to force computation.\n * This is helpful when deep-updating variables.\n /\n generateValue(): void {\n this.setupValue()\n this.requestUpdate()\n }\n\n protected setupValue(): void {\n const { serverInternal } = this\n this.updateServer()\n this.valueInternal = serverInternal.readUri(this.variables)\n }\n\n protected updateServer(): void {\n const { serverInternal, uri = '', protocol, basePath, description } = this\n serverInternal.uri = uri\n serverInternal.protocol = protocol\n serverInternal.basePath = basePath\n serverInternal.description = description\n }\n\n /\n Creates a schema for the current values.\n /\n getSchema(): IServer {\n this.updateServer()\n return this.serverInternal.toJSON()\n }\n\n /\n Updates name/value of a parameter on a specific index.\n */\n updateProperty(field: 'uri' \| 'basePath' \| 'protocol', value: string): void {\n this[field] = value\n this.notifyChange()\n }\n\n protected handleUriChange(e: Event): void {\n const input = e.target as Input\n this.updateProperty('uri', input.value)\n input.checkValidity()\n }\n\n protected handleBasePathChange(e: Event): void {\n const input = e.target as Input\n this.updateProperty('basePath', input.value)\n input.checkValidity()\n }\n\n protected handleProtocolChange(e: Event): void {\n const input = e.target as Input\n this.updateProperty('protocol', input.value)\n input.checkValidity()\n }\n\n protected handleDelete(): void {\n this.dispatchEvent(new Event('delete'))\n }\n\n override render(): TemplateResult {\n return html`\n ${this.renderHeader()}\n <form>${this.renderUriInput()} ${this.renderProtocolInput()} ${this.renderBasePathInput()}</form>\n ${this.renderValue()}\n `\n }\n\n protected renderHeader(): TemplateResult {\n return html`\n <div class=\"header\">\n <div class=\"section-title\">Server</div>\n ${this.renderDeleteButton()}\n </div>\n `\n }\n\n protected renderUriInput(): TemplateResult {\n return html`\n <div class=\"form-item\">\n <ui-text-field\n required\n name=\"uri\"\n .value=\"${live(this.uri \|\| '')}\"\n label=\"URI\"\n @change=\"${this.handleUriChange}\"\n ></ui-text-field>\n </div>\n `\n }\n\n protected renderProtocolInput(): TemplateResult {\n return html` <div class=\"form-item\">\n <ui-text-field\n name=\"protocol\"\n .value=\"${live(this.protocol \|\| '')}\"\n .list=\"${DefaultProtocols}\"\n label=\"Protocol (optional)\"\n @change=\"${this.handleProtocolChange}\"\n ></ui-text-field>\n </div>`\n }\n\n protected renderBasePathInput(): TemplateResult {\n return html` <div class=\"form-item\">\n <ui-text-field\n name=\"basePath\"\n .value=\"${live(this.basePath \|\| '')}\"\n label=\"Base path (optional)\"\n @change=\"${this.handleBasePathChange}\"\n ></ui-text-field>\n </div>`\n }\n\n protected renderValue(): TemplateResult \| string {\n const { valueInternal } = this\n if (!valueInternal) {\n return ''\n }\n return html`\n <div class=\"uri-label\">Server URI</div>\n <div class=\"value-preview\">${valueInternal}</div>\n `\n }\n\n protected renderDeleteButton(): TemplateResult {\n return html`\n <ui-icon-button aria-label=\"Remove this server\" @click=\"${this.handleDelete}\">\n <ui-icon icon=\"deleteOutline\" role=\"presentation\"></ui-icon>\n </ui-icon-button>\n `\n }\n}\n"]}
1	+ {"version":3,"file":"ServerEditor.js","sourceRoot":"","sources":["../../../../src/elements/environment/ServerEditor.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, TemplateResult, CSSResult, PropertyValues } from 'lit'\nimport { property, query } from 'lit/decorators.js'\nimport { live } from 'lit/directives/live.js'\nimport { type IProperty } from '@api-client/core/models/Property.js'\nimport { type IServer, Server } from '@api-client/core/models/Server.js'\nimport elementStyles from './ServerEditor.styles.js'\nimport Input from '../../md/input/Input.js'\nimport ApiElement from '../ApiElement.js'\nimport '../../md/text-field/ui-filled-text-field.js'\nimport '../../md/icons/ui-icon.js'\nimport '../../md/icon-button/ui-icon-button.js'\n\nexport const DefaultProtocols = ['http:', 'https:']\n\n/*\n An element to render a view for a server definition with a form to edit it.\n \n @fires change - When a value change.\n * @fires delete - When the user requested server definition delete.\n /\nexport default class ServerEditor extends ApiElement {\n static override get styles(): CSSResult[] {\n return [elementStyles]\n }\n\n /\n The base URI of the server.\n \n Note, the URL can contain URI templates (e.g. `http://{host}.api.com/v1`)\n * In this case the variable is replaced with the system or project variables.\n \n For simplicity, the `uri` can be the full base URI with protocol, host, and the `basePath`\n \n @attribute\n /\n @property({ type: String }) accessor uri: string \| undefined\n\n /\n Usually included in the `uri`. When the `uri` is missing a protocol\n * this is then used.\n \n @attribute\n /\n @property({ type: String }) accessor protocol: string \| undefined\n\n /\n The base path for the server. It starts with the `/`.\n * When set, it is appended to the `uri` value.\n \n @attribute\n /\n @property({ type: String }) accessor basePath: string \| undefined\n\n /\n Optional description of the server.\n \n @attribute\n /\n @property({ type: String }) accessor description: string \| undefined\n\n /\n Optional list of variables to set on the environment.\n * When set it evaluates the final URI value against these properties.\n /\n @property({ type: Array }) accessor variables: IProperty[] \| undefined\n\n /\n The computed value of the full URI from the values.\n /\n protected valueInternal?: string\n\n /\n The server logic used with computations.\n /\n protected serverInternal = new Server()\n\n @query('#protocolInput', false) protected accessor protocolInput: HTMLInputElement \| null = null\n\n protected override willUpdate(cp: PropertyValues<this>): void {\n if (cp.has('uri') \|\| cp.has('protocol') \|\| cp.has('basePath') \|\| cp.has('description')) {\n this.setupValue()\n }\n super.willUpdate(cp)\n }\n\n /\n Updates the value of the generated base URI.\n * This can be called from the outside of the component to force computation.\n * This is helpful when deep-updating variables.\n /\n generateValue(): void {\n this.setupValue()\n this.requestUpdate()\n }\n\n protected setupValue(): void {\n const { serverInternal } = this\n this.updateServer()\n this.valueInternal = serverInternal.readUri(this.variables)\n }\n\n protected updateServer(): void {\n const { serverInternal, uri = '', protocol, basePath, description } = this\n serverInternal.uri = uri\n serverInternal.protocol = protocol\n serverInternal.basePath = basePath\n serverInternal.description = description\n }\n\n /\n Creates a schema for the current values.\n /\n getSchema(): IServer {\n this.updateServer()\n return this.serverInternal.toJSON()\n }\n\n /\n Updates name/value of a parameter on a specific index.\n */\n updateProperty(field: 'uri' \| 'basePath' \| 'protocol', value: string): void {\n this[field] = value\n this.notifyChange()\n }\n\n protected handleUriChange(e: Event): void {\n const input = e.target as Input\n this.updateProperty('uri', input.value)\n input.checkValidity()\n }\n\n protected handleBasePathChange(e: Event): void {\n const input = e.target as Input\n this.updateProperty('basePath', input.value)\n input.checkValidity()\n }\n\n protected handleProtocolChange(e: Event): void {\n const input = e.target as Input\n this.updateProperty('protocol', input.value)\n input.checkValidity()\n }\n\n protected handleDelete(): void {\n this.dispatchEvent(new Event('delete'))\n }\n\n override render(): TemplateResult {\n return html`\n ${this.renderHeader()}\n <form>${this.renderUriInput()} ${this.renderProtocolInput()} ${this.renderBasePathInput()}</form>\n ${this.renderValue()}\n `\n }\n\n protected renderHeader(): TemplateResult {\n return html`\n <div class=\"header\">\n <div class=\"section-title\">Server</div>\n ${this.renderDeleteButton()}\n </div>\n `\n }\n\n protected renderUriInput(): TemplateResult {\n return html`\n <div class=\"form-item\">\n <ui-filled-text-field\n required\n name=\"uri\"\n .value=\"${live(this.uri \|\| '')}\"\n label=\"URI\"\n @change=\"${this.handleUriChange}\"\n ></ui-filled-text-field>\n </div>\n `\n }\n\n protected renderProtocolInput(): TemplateResult {\n return html` <div class=\"form-item\">\n <ui-filled-text-field\n name=\"protocol\"\n .value=\"${live(this.protocol \|\| '')}\"\n .list=\"${DefaultProtocols}\"\n label=\"Protocol (optional)\"\n @change=\"${this.handleProtocolChange}\"\n ></ui-filled-text-field>\n </div>`\n }\n\n protected renderBasePathInput(): TemplateResult {\n return html` <div class=\"form-item\">\n <ui-filled-text-field\n name=\"basePath\"\n .value=\"${live(this.basePath \|\| '')}\"\n label=\"Base path (optional)\"\n @change=\"${this.handleBasePathChange}\"\n ></ui-filled-text-field>\n </div>`\n }\n\n protected renderValue(): TemplateResult \| string {\n const { valueInternal } = this\n if (!valueInternal) {\n return ''\n }\n return html`\n <div class=\"uri-label\">Server URI</div>\n <div class=\"value-preview\">${valueInternal}</div>\n `\n }\n\n protected renderDeleteButton(): TemplateResult {\n return html`\n <ui-icon-button aria-label=\"Remove this server\" @click=\"${this.handleDelete}\">\n <ui-icon icon=\"deleteOutline\" role=\"presentation\"></ui-icon>\n </ui-icon-button>\n `\n }\n}\n"]}

package/build/src/elements/environment/ServerEditor.styles.js CHANGED Viewed

@@ -8,7 +8,7 @@ export default css `
     margin: 20px 0;
   }
-  ui-text-field {
+  ui-filled-text-field {
     margin: 0;
     width: 100%;
   }

package/build/src/elements/environment/ServerEditor.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ServerEditor.styles.js","sourceRoot":"","sources":["../../../../src/elements/environment/ServerEditor.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyDjB,CAAA","sourcesContent":["import { css } from 'lit'\n\nexport default css`\n :host {\n display: block;\n }\n\n .form-item {\n margin: 20px 0;\n }\n\n ui-text-field {\n margin: 0;\n width: 100%;\n }\n\n .uri-label {\n font-family: var(--md-sys-typescale-label-large-font);\n font-weight: var(--md-sys-typescale-label-large-weight);\n font-size: var(--md-sys-typescale-label-large-size);\n letter-spacing: var(--md-sys-typescale-label-large-tracking);\n line-height: var(--md-sys-typescale-label-large-height);\n }\n\n .value-preview {\n margin-top: 4px;\n padding: 8px 12px;\n background-color: var(--md-sys-color-surface);\n position: relative;\n\n font-family: var(--md-sys-typescale-body-medium-font);\n font-weight: var(--md-sys-typescale-body-medium-weight);\n font-size: var(--md-sys-typescale-body-medium-size);\n letter-spacing: var(--md-sys-typescale-body-medium-tracking);\n line-height: var(--md-sys-typescale-body-medium-height);\n }\n\n .value-preview::before {\n content: '';\n background-color: var(--md-sys-color-primary);\n position: absolute;\n inset: 0;\n border-radius: inherit;\n z-index: -1;\n }\n\n .header {\n display: flex;\n align-items: center;\n }\n\n .section-title {\n flex: 1;\n font-family: var(--md-sys-typescale-title-large-font);\n font-weight: var(--md-sys-typescale-title-large-weight);\n font-size: var(--md-sys-typescale-title-large-size);\n letter-spacing: var(--md-sys-typescale-title-large-tracking);\n line-height: var(--md-sys-typescale-title-large-height);\n }\n`\n"]}
1	+ {"version":3,"file":"ServerEditor.styles.js","sourceRoot":"","sources":["../../../../src/elements/environment/ServerEditor.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyDjB,CAAA","sourcesContent":["import { css } from 'lit'\n\nexport default css`\n :host {\n display: block;\n }\n\n .form-item {\n margin: 20px 0;\n }\n\n ui-filled-text-field {\n margin: 0;\n width: 100%;\n }\n\n .uri-label {\n font-family: var(--md-sys-typescale-label-large-font);\n font-weight: var(--md-sys-typescale-label-large-weight);\n font-size: var(--md-sys-typescale-label-large-size);\n letter-spacing: var(--md-sys-typescale-label-large-tracking);\n line-height: var(--md-sys-typescale-label-large-height);\n }\n\n .value-preview {\n margin-top: 4px;\n padding: 8px 12px;\n background-color: var(--md-sys-color-surface);\n position: relative;\n\n font-family: var(--md-sys-typescale-body-medium-font);\n font-weight: var(--md-sys-typescale-body-medium-weight);\n font-size: var(--md-sys-typescale-body-medium-size);\n letter-spacing: var(--md-sys-typescale-body-medium-tracking);\n line-height: var(--md-sys-typescale-body-medium-height);\n }\n\n .value-preview::before {\n content: '';\n background-color: var(--md-sys-color-primary);\n position: absolute;\n inset: 0;\n border-radius: inherit;\n z-index: -1;\n }\n\n .header {\n display: flex;\n align-items: center;\n }\n\n .section-title {\n flex: 1;\n font-family: var(--md-sys-typescale-title-large-font);\n font-weight: var(--md-sys-typescale-title-large-weight);\n font-size: var(--md-sys-typescale-title-large-size);\n letter-spacing: var(--md-sys-typescale-title-large-tracking);\n line-height: var(--md-sys-typescale-title-large-height);\n }\n`\n"]}

package/build/src/elements/http/BodyMultipartEditor.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BodyMultipartEditor.d.ts","sourceRoot":"","sources":["../../../../src/elements/http/BodyMultipartEditor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAE,OAAO,EAAE,MAAM,KAAK,CAAA;AAEnD,OAAO,EAGL,KAAK,cAAc,EAGpB,MAAM,wDAAwD,CAAA;AAK/D,OAAO,UAAU,MAAM,kBAAkB,CAAA;AACzC,OAAO,2BAA2B,CAAA;AAClC,OAAO,8BAA8B,CAAA;AACrC,OAAO,wCAAwC,CAAA;AAC/C,OAAO,mCAAmC,CAAA;AAU1C,eAAO,MAAM,kBAAkB,SAAa,CAAA;AAuB5C;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,OAAO,mBAAoB,SAAQ,UAAU;IACzD;;;OAGG;IACyC,QAAQ,CAAC,QAAQ,UAAQ;IAErE;;;OAGG;IACyC,QAAQ,CAAC,QAAQ,UAAQ;IAErE;;OAEG;IAC0B,QAAQ,CAAC,aAAa,EAAE,OAAO,GAAG,SAAS,CAAA;IAExE;;;;;OAKG;IACH,IAAI,KAAK,IAAI,QAAQ,CAEpB;IAED,IACI,KAAK,CAAC,KAAK,EAAE,QAAQ,EAExB;IAED;;OAEG;IACH,SAAS,CAAC,aAAa,EAAE,cAAc,EAAE,CAAK;IAE9C;;;;OAIG;IACH,IAAI,KAAK,IAAI,cAAc,EAAE,CAE5B;IAED,IACI,KAAK,CAAC,KAAK,EAAE,cAAc,EAAE,GAAG,SAAS,EAc5C;IAED;;OAEG;IACH,UAAU,IAAI,QAAQ;IAoBtB;;;;OAIG;cACa,aAAa,CAAC,KAAK,EAAE,cAAc,EAAE,GAAG,OAAO,CAAC,IAAI,CAAC;cA0BrD,iBAAiB,CAAC,IAAI,EAAE,cAAc,GAAG,OAAO,CAAC,IAAI,CAAC;cAgBtD,iBAAiB,CAAC,IAAI,EAAE,cAAc,GAAG,OAAO,CAAC,IAAI,CAAC;cAetD,WAAW,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC;~~IAS3D~~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"}
1	+ {"version":3,"file":"BodyMultipartEditor.d.ts","sourceRoot":"","sources":["../../../../src/elements/http/BodyMultipartEditor.ts"],"names":[],"mappings":"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"}

package/build/src/elements/http/BodyMultipartEditor.js CHANGED Viewed

@@ -221,10 +221,14 @@ let BodyMultipartEditor = (() => {
         async updateModel(value) {
             if (!value || !(value instanceof FormData)) {
                 this.model = [];
+                setTimeout(() => {
+                    this.dispatchEvent(new CustomEvent('modelupdate', { bubbles: false, composed: false }));
+                });
                 return;
             }
             const payload = await PayloadSerializer.stringifyFormData(value);
             this.model = payload.data;
+            this.dispatchEvent(new CustomEvent('modelupdate', { bubbles: false, composed: false }));
         }
         /**
          * Adds an instance of a file to the form data

package/build/src/elements/http/BodyMultipartEditor.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BodyMultipartEditor.js","sourceRoot":"","sources":["../../../../src/elements/http/BodyMultipartEditor.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, TemplateResult, nothing } from 'lit'\nimport { property } from 'lit/decorators.js'\nimport {\n type IBlobMeta,\n type IFileMeta,\n type IMultipartBody,\n type ISafePayload,\n PayloadSerializer,\n} from '@api-client/core/lib/transformers/PayloadSerializer.js'\nimport { queryRequestHeaders } from '@api-client/core/lib/definitions/HttpDefinitions.js'\nimport { live } from 'lit/directives/live.js'\nimport SwitchElement from '../../md/switch/internals/SwitchElement.js'\nimport Input from '../../md/input/Input.js'\nimport ApiElement from '../ApiElement.js'\nimport '../../md/icons/ui-icon.js'\nimport '../../md/switch/ui-switch.js'\nimport '../../md/icon-button/ui-icon-button.js'\nimport '../../md/button/ui-text-button.js'\n\nlet hasSupport: boolean\ntry {\n const fd = new FormData()\n fd.append('test', new Blob(['.'], { type: 'image/jpg' }), 'test.jpg')\n hasSupport = 'entries' in fd\n} catch {\n hasSupport = false\n}\nexport const hasFormDataSupport = hasSupport\n\nfunction normalizePartValue(item: IMultipartBody): void {\n if (typeof item.value === 'string') {\n const oldValue = item.value\n item.value = {\n type: 'string',\n data: oldValue,\n }\n }\n}\n\nlet mimeSuggestions: string[] = []\n\n;((): void => {\n const items = queryRequestHeaders('content-type')\n const item = items.find((i) => i.key.toLowerCase() === 'content-type')\n if (!item \|\| !item.autocomplete) {\n return\n }\n mimeSuggestions = item.autocomplete\n})()\n\n/*\n Multipart payload editor.\n \n The element internally uses a generated from a FormData model. It is API Client's `IMultipartBody` array.\n * The FormData is generated on-fly when accessing the `value` getter. It also regenerates the model when\n * the `value` property change. Because of that you should never set the value on the editor but only manipulate the\n * `model` property.\n /\nexport default class BodyMultipartEditor extends ApiElement {\n /\n When set the editor is in read only mode.\n * @attribute\n /\n @property({ type: Boolean, reflect: true }) accessor readOnly = false\n\n /\n When set all controls are disabled in the form\n * @attribute\n /\n @property({ type: Boolean, reflect: true }) accessor disabled = false\n\n /\n @attribute\n /\n @property({ type: Boolean }) accessor allowFormInfo: boolean \| undefined\n\n /\n The value of this form.\n * When reading the `value` it generated the FormData from the model values.\n * When setting this property is regenerates the `model` to the value in the FormData.\n * When setting to anything other than the `FormData` it sets the `model` to an empty array.\n /\n get value(): FormData {\n return this.toFormData()\n }\n\n @property({ type: Object })\n set value(value: FormData) {\n this.updateModel(value)\n }\n\n /\n The model used by the external application\n /\n protected modelInternal: IMultipartBody[] = []\n\n /\n Computed data model for the view.\n * Don't set both `value` and `model`. If the model exists then\n * set only it or otherwise the `value` setter override the model.\n /\n get model(): IMultipartBody[] {\n return this.modelInternal\n }\n\n @property({ type: Array })\n set model(value: IMultipartBody[] \| undefined) {\n const old = this.modelInternal\n if (old === value) {\n return\n }\n if (Array.isArray(value)) {\n this.modelInternal = value\n } else {\n this.modelInternal = []\n }\n this.requestUpdate('model', old)\n if (value) {\n this.upgradeLegacy(value)\n }\n }\n\n /\n @returns The FormData from the current model.\n /\n toFormData(): FormData {\n const validItems = this.modelInternal.filter((item) => {\n const { name, value } = item\n if (!name) {\n return false\n }\n if (typeof value === 'string') {\n return true\n }\n if (value.type === 'string') {\n return true\n }\n if (value.type === 'blob' \|\| value.type === 'file') {\n return !!value.data && !!value.data.length\n }\n return true\n })\n return PayloadSerializer.deserializeFormData(validItems)\n }\n\n /\n Makes an attempt to upgrade old definitions of the `IMultipartBody`.\n * If this fails, the form will show error instead of part field.\n * @param value The current model.\n /\n protected async upgradeLegacy(value: IMultipartBody[]): Promise<void> {\n const ps: Promise<void>[] = []\n for (const part of value) {\n if (part.isFile === undefined) {\n continue\n }\n if (part.isFile === false && !part.type) {\n delete part.isFile\n const oldValue = (part.value \|\| '') as string\n part.value = {\n type: 'string',\n data: oldValue,\n }\n } else if (part.isFile === false && part.type) {\n ps.push(this.upgradeLegacyBlob(part))\n } else {\n ps.push(this.upgradeLegacyFile(part))\n }\n }\n if (ps.length) {\n await Promise.allSettled(ps)\n this.requestUpdate()\n this.notifyChange()\n }\n }\n\n protected async upgradeLegacyBlob(part: IMultipartBody): Promise<void> {\n if (typeof part.value !== 'string') {\n return\n }\n const readBlob = PayloadSerializer.deserializeBlobLegacy(part.value as string)\n if (!readBlob) {\n return\n }\n const contents = await readBlob.text()\n part.blobText = contents \|\| ''\n const blob = new Blob([part.blobText as string], { type: part.type })\n part.value = await PayloadSerializer.stringifyBlob(blob)\n delete part.type\n delete part.isFile\n }\n\n protected async upgradeLegacyFile(part: IMultipartBody): Promise<void> {\n if (typeof part.value !== 'string') {\n return\n }\n const readBlob = PayloadSerializer.deserializeBlobLegacy(part.value as string)\n if (!readBlob) {\n return\n }\n const fname = part.fileName \|\| 'unknown-file.txt'\n const file = new File([readBlob], fname, { type: readBlob.type })\n part.value = await PayloadSerializer.stringifyFile(file)\n delete part.fileName\n delete part.isFile\n }\n\n protected async updateModel(value?: unknown): Promise<void> {\n if (!value \|\| !(value instanceof FormData)) {\n this.model = []\n return\n }\n const payload = await PayloadSerializer.stringifyFormData(value as FormData)\n this.model = payload.data as IMultipartBody[]\n }\n\n /\n Adds an instance of a file to the form data\n /\n async addFile(file: File): Promise<void> {\n if (this.readOnly \|\| this.disabled) {\n return\n }\n const { model } = this\n const entry = await PayloadSerializer.serializeFormDataEntry(file.name, file)\n model.push(entry)\n this.notifyChange()\n this.requestUpdate()\n }\n\n /\n Removes all parameters.\n /\n clear(): void {\n this.model = []\n this.notifyChange()\n }\n\n /\n Adds an empty text part item to the form.\n /\n addEmptyText(): void {\n if (this.readOnly \|\| this.disabled) {\n return\n }\n const { model } = this\n const obj: IMultipartBody = {\n name: '',\n value: {\n data: '',\n type: 'string',\n },\n enabled: true,\n }\n model.push(obj)\n this.requestUpdate()\n }\n\n /\n Adds an empty file part item to the form.\n /\n addEmptyFile(): void {\n if (this.readOnly \|\| this.disabled) {\n return\n }\n const { model } = this\n const obj: IMultipartBody = {\n name: '',\n value: {\n data: [],\n type: 'file',\n },\n enabled: true,\n }\n model.push(obj)\n this.requestUpdate()\n }\n\n /\n Removes a parameter from an index.\n /\n removeProperty(index: number): void {\n const items = this.modelInternal\n items.splice(index, 1)\n this.requestUpdate()\n this.notifyChange()\n }\n\n /\n Toggles enabled state of a parameter.\n */\n toggleProperty(index: number, enabled: boolean): void {\n const items = this.modelInternal\n const item = items[index]\n item.enabled = enabled\n this.notifyChange()\n }\n\n updatePartName(index: number, value: string): void {\n const item = this.modelInternal[index]\n const old = item.name\n if (old === value) {\n return\n }\n item.name = value\n this.notifyChange()\n }\n\n updateTextPartValue(index: number, value: string): void {\n const item = this.modelInternal[index]\n normalizePartValue(item)\n const typedValue = item.value as ISafePayload\n if (typedValue.data === value) {\n return\n }\n typedValue.data = value\n this.notifyChange()\n }\n\n async updateBlobPartValue(index: number, value: string): Promise<void> {\n const item = this.modelInternal[index]\n normalizePartValue(item)\n const typedValue = item.value as ISafePayload\n if (typedValue.data === value) {\n return\n }\n item.blobText = value\n const blob = new Blob([value], { type: typedValue.meta?.mime \|\| 'text/plain' })\n item.value = await PayloadSerializer.stringifyBlob(blob)\n this.notifyChange()\n }\n\n async updateFileValue(index: number, file: File): Promise<void> {\n const item = this.modelInternal[index]\n if (!item \|\| !file) {\n return\n }\n item.value = await PayloadSerializer.stringifyFile(file)\n this.notifyChange()\n this.requestUpdate()\n }\n\n async changePartMime(index: number, value: string): Promise<void> {\n const item = this.modelInternal[index]\n if (!item) {\n return\n }\n normalizePartValue(item)\n // change the type from text to blob, if needed\n const typedValue = item.value as ISafePayload\n\n if (typedValue.type === 'string') {\n item.blobText = typedValue.data as string\n } else if (!item.blobText && typedValue.data) {\n const restored = PayloadSerializer.deserializeBlob(typedValue) as Blob\n item.blobText = await restored.text()\n }\n const blob = new Blob([item.blobText \|\| ''], { type: value })\n item.value = await PayloadSerializer.stringifyBlob(blob)\n this.notifyChange()\n }\n\n protected handleRemove(e: Event): void {\n const node = e.currentTarget as HTMLElement\n const index = Number(node.dataset.index)\n if (Number.isNaN(index)) {\n return\n }\n this.removeProperty(index)\n }\n\n protected handleToggle(e: Event): void {\n const node = e.currentTarget as SwitchElement\n const index = Number(node.dataset.index)\n if (Number.isNaN(index)) {\n return\n }\n this.toggleProperty(index, !!node.checked)\n }\n\n protected handleFilePick(e: Event): void {\n const node = e.target as HTMLElement\n const input = node.nextElementSibling as HTMLInputElement\n input.click()\n }\n\n protected handleFilePartValue(e: Event): void {\n e.stopPropagation()\n const input = e.target as HTMLInputElement\n if (!input.files) {\n return\n }\n const index = Number(input.dataset.index)\n this.updateFileValue(index, input.files[0])\n }\n\n protected handleNameChange(e: Event): void {\n const input = e.target as Input\n const index = Number(input.dataset.index)\n if (Number.isNaN(index)) {\n return\n }\n this.updatePartName(index, input.value)\n input.checkValidity()\n }\n\n protected handleValueChange(e: Event): void {\n const input = e.target as Input\n const index = Number(input.dataset.index)\n if (Number.isNaN(index)) {\n return\n }\n this.updateTextPartValue(index, input.value)\n input.checkValidity()\n }\n\n protected handleBlobValueChange(e: Event): void {\n const input = e.target as Input\n const index = Number(input.dataset.index)\n if (Number.isNaN(index)) {\n return\n }\n this.updateBlobPartValue(index, input.value)\n input.checkValidity()\n }\n\n protected handleMimeChange(e: Event): void {\n const input = e.target as Input\n const index = Number(input.dataset.index)\n if (Number.isNaN(index)) {\n return\n }\n this.changePartMime(index, input.value)\n input.checkValidity()\n }\n\n override render(): TemplateResult {\n if (!hasSupport) {\n return this.renderNoSupport()\n }\n return html` ${this.renderList()} ${this.renderMimeList()} ${this.renderFormInfo()} `\n }\n\n protected renderFormInfo(): TemplateResult \| typeof nothing {\n if (!this.allowFormInfo) {\n return nothing\n }\n return html`\n <p class=\"form-info\">\n Note that the content-type header will be added when the request is sent. We encourage you to use variables to\n insert sensitive data.\n </p>\n `\n }\n\n protected renderList(): TemplateResult {\n const items = this.model\n if (!Array.isArray(items) \|\| !items.length) {\n return this.renderEmptyMessage()\n }\n return this.renderParams(items)\n }\n\n protected renderNoSupport(): TemplateResult {\n return html` <div class=\"empty-message\">Your browser does not support this editor</div> `\n }\n\n protected renderEmptyMessage(): TemplateResult {\n return html` <div class=\"empty-message\">No parameters added</div> `\n }\n\n protected renderParams(items: IMultipartBody[]): TemplateResult {\n return html` ${items.map((item, index) => this.renderParam(item, index))} `\n }\n\n protected renderToggleButton(part: IMultipartBody, index: number): TemplateResult {\n return html`\n <ui-switch\n .checked=\"${!!part.enabled}\"\n @change=\"${this.handleToggle}\"\n aria-label=\"Toggle this parameter\"\n data-index=\"${index}\"\n ?disabled=\"${this.readOnly}\"\n ></ui-switch>\n `\n }\n\n protected renderDeleteParameter(index: number): TemplateResult {\n return html`\n <ui-icon-button\n aria-label=\"Delete this parameter\"\n data-index=\"${index}\"\n @click=\"${this.handleRemove}\"\n ?disabled=\"${this.readOnly}\"\n class=\"delete-button\"\n >\n <ui-icon icon=\"deleteOutline\" role=\"presentation\"></ui-icon>\n </ui-icon-button>\n `\n }\n\n protected renderNameField(part: IMultipartBody, index: number): TemplateResult {\n return html`\n <div class=\"input-wrapper name-input\">\n <div class=\"error\" role=\"presentation\">Name is required</div>\n <div class=\"state\"></div>\n <input\n type=\"text\"\n name=\"name\"\n required\n autocomplete=\"off\"\n .value=\"${live(part.name)}\"\n data-index=\"${index}\"\n ?readOnly=\"${this.readOnly}\"\n aria-label=\"Part name value\"\n placeholder=\"Part name\"\n @change=\"${this.handleNameChange}\"\n />\n </div>\n `\n }\n\n protected renderValueField(part: IMultipartBody, index: number): TemplateResult {\n const value = ((part.value as ISafePayload).data as string) \|\| ''\n return html`\n <div class=\"input-wrapper value-input\">\n <div class=\"error\" role=\"presentation\">Value is required</div>\n <div class=\"state\"></div>\n <input\n type=\"text\"\n name=\"value\"\n required\n .value=\"${live(value)}\"\n data-index=\"${index}\"\n ?readOnly=\"${this.readOnly}\"\n aria-label=\"Text part value\"\n placeholder=\"Part text value\"\n @change=\"${this.handleValueChange}\"\n />\n </div>\n `\n }\n\n protected renderBlobValueField(part: IMultipartBody, index: number): TemplateResult {\n const { blobText } = part\n return html`\n <div class=\"input-wrapper value-input\">\n <div class=\"error\" role=\"presentation\">Value is required</div>\n <div class=\"state\"></div>\n <input\n type=\"text\"\n name=\"value\"\n required\n .value=\"${live(blobText \|\| '')}\"\n data-index=\"${index}\"\n ?readOnly=\"${this.readOnly}\"\n aria-label=\"Text part value\"\n placeholder=\"Part text value\"\n @change=\"${this.handleBlobValueChange}\"\n />\n </div>\n `\n }\n\n protected renderMimeField(index: number, value?: string): TemplateResult {\n return html`\n <div class=\"input-wrapper mime-input\">\n <div class=\"error\" role=\"presentation\">Invalid character</div>\n <div class=\"state\"></div>\n <input\n type=\"text\"\n name=\"value\"\n .value=\"${live(value \|\| '')}\"\n data-index=\"${index}\"\n ?readOnly=\"${this.readOnly}\"\n aria-label=\"Text part mime - optional value\"\n placeholder=\"Part mime (optional)\"\n @change=\"${this.handleMimeChange}\"\n list=\"mime-list\"\n />\n </div>\n `\n }\n\n protected renderParam(part: IMultipartBody, index: number): TemplateResult {\n if (typeof part.isFile === 'boolean') {\n // When this is still set it means that when setting the model something went wrong.\n // This also mean we can't recover from here so the only option is to remove the part.\n return this.renderIncompatiblePart(index)\n }\n normalizePartValue(part)\n const value = part.value as ISafePayload\n if (value.type === 'string') {\n return this.renderTextPart(part, index)\n }\n if (value.type === 'blob') {\n return this.renderBlobPart(part, index)\n }\n return this.renderFilePart(part, index)\n }\n\n protected renderTextPart(part: IMultipartBody, index: number): TemplateResult {\n return html`\n <div class=\"param-row\">\n ${this.renderToggleButton(part, index)} ${this.renderNameField(part, index)}\n ${this.renderValueField(part, index)} ${this.renderMimeField(index)} ${this.renderDeleteParameter(index)}\n </div>\n `\n }\n\n protected renderBlobPart(part: IMultipartBody, index: number): TemplateResult {\n const item = part.value as ISafePayload\n const meta = item && (item.meta as IBlobMeta \| undefined)\n return html`\n <div class=\"param-row\">\n ${this.renderToggleButton(part, index)} ${this.renderNameField(part, index)}\n ${this.renderBlobValueField(part, index)} ${this.renderMimeField(index, meta && meta.mime)}\n ${this.renderDeleteParameter(index)}\n </div>\n `\n }\n\n protected renderFilePart(part: IMultipartBody, index: number): TemplateResult {\n return html`\n <div class=\"param-row\">\n ${this.renderToggleButton(part, index)} ${this.renderNameField(part, index)}\n ${this.renderFileField(part, index)} ${this.renderDeleteParameter(index)}\n </div>\n `\n }\n\n protected renderFileField(part: IMultipartBody, index: number): TemplateResult {\n const { readOnly } = this\n const item = part.value as ISafePayload\n const meta = item && (item.meta as IFileMeta \| undefined)\n return html`\n <div class=\"input-wrapper file-input\">\n <ui-text-button @click=\"${this.handleFilePick}\" ?disabled=\"${readOnly}\" class=\"choose-button\"\n >Choose file</ui-text-button\n >\n <input type=\"file\" hidden data-index=\"${index}\" @change=\"${this.handleFilePartValue}\" />\n ${meta ? html`<span class=\"file-info\">${meta.name} (${meta.mime}), ${item.data.length} bytes</span>` : ''}\n </div>\n `\n }\n\n protected renderIncompatiblePart(index: number): TemplateResult {\n return html`\n <div class=\"param-row\">\n <p class=\"incompatible-part\">This part cannot be rendered. Please, remove this part.</p>\n ${this.renderDeleteParameter(index)}\n </div>\n `\n }\n\n protected renderMimeList(): TemplateResult {\n return html`\n <datalist id=\"mime-list\">${mimeSuggestions.map((i) => html`<option value=\"${i}\"></option>`)}</datalist>\n `\n }\n}\n"]}
1	+ {"version":3,"file":"BodyMultipartEditor.js","sourceRoot":"","sources":["../../../../src/elements/http/BodyMultipartEditor.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, TemplateResult, nothing } from 'lit'\nimport { property } from 'lit/decorators.js'\nimport {\n type IBlobMeta,\n type IFileMeta,\n type IMultipartBody,\n type ISafePayload,\n PayloadSerializer,\n} from '@api-client/core/lib/transformers/PayloadSerializer.js'\nimport { queryRequestHeaders } from '@api-client/core/lib/definitions/HttpDefinitions.js'\nimport { live } from 'lit/directives/live.js'\nimport SwitchElement from '../../md/switch/internals/SwitchElement.js'\nimport Input from '../../md/input/Input.js'\nimport ApiElement from '../ApiElement.js'\nimport '../../md/icons/ui-icon.js'\nimport '../../md/switch/ui-switch.js'\nimport '../../md/icon-button/ui-icon-button.js'\nimport '../../md/button/ui-text-button.js'\n\nlet hasSupport: boolean\ntry {\n const fd = new FormData()\n fd.append('test', new Blob(['.'], { type: 'image/jpg' }), 'test.jpg')\n hasSupport = 'entries' in fd\n} catch {\n hasSupport = false\n}\nexport const hasFormDataSupport = hasSupport\n\nfunction normalizePartValue(item: IMultipartBody): void {\n if (typeof item.value === 'string') {\n const oldValue = item.value\n item.value = {\n type: 'string',\n data: oldValue,\n }\n }\n}\n\nlet mimeSuggestions: string[] = []\n\n;((): void => {\n const items = queryRequestHeaders('content-type')\n const item = items.find((i) => i.key.toLowerCase() === 'content-type')\n if (!item \|\| !item.autocomplete) {\n return\n }\n mimeSuggestions = item.autocomplete\n})()\n\n/*\n Multipart payload editor.\n \n The element internally uses a generated from a FormData model. It is API Client's `IMultipartBody` array.\n * The FormData is generated on-fly when accessing the `value` getter. It also regenerates the model when\n * the `value` property change. Because of that you should never set the value on the editor but only manipulate the\n * `model` property.\n /\nexport default class BodyMultipartEditor extends ApiElement {\n /\n When set the editor is in read only mode.\n * @attribute\n /\n @property({ type: Boolean, reflect: true }) accessor readOnly = false\n\n /\n When set all controls are disabled in the form\n * @attribute\n /\n @property({ type: Boolean, reflect: true }) accessor disabled = false\n\n /\n @attribute\n /\n @property({ type: Boolean }) accessor allowFormInfo: boolean \| undefined\n\n /\n The value of this form.\n * When reading the `value` it generated the FormData from the model values.\n * When setting this property is regenerates the `model` to the value in the FormData.\n * When setting to anything other than the `FormData` it sets the `model` to an empty array.\n /\n get value(): FormData {\n return this.toFormData()\n }\n\n @property({ type: Object })\n set value(value: FormData) {\n this.updateModel(value)\n }\n\n /\n The model used by the external application\n /\n protected modelInternal: IMultipartBody[] = []\n\n /\n Computed data model for the view.\n * Don't set both `value` and `model`. If the model exists then\n * set only it or otherwise the `value` setter override the model.\n /\n get model(): IMultipartBody[] {\n return this.modelInternal\n }\n\n @property({ type: Array })\n set model(value: IMultipartBody[] \| undefined) {\n const old = this.modelInternal\n if (old === value) {\n return\n }\n if (Array.isArray(value)) {\n this.modelInternal = value\n } else {\n this.modelInternal = []\n }\n this.requestUpdate('model', old)\n if (value) {\n this.upgradeLegacy(value)\n }\n }\n\n /\n @returns The FormData from the current model.\n /\n toFormData(): FormData {\n const validItems = this.modelInternal.filter((item) => {\n const { name, value } = item\n if (!name) {\n return false\n }\n if (typeof value === 'string') {\n return true\n }\n if (value.type === 'string') {\n return true\n }\n if (value.type === 'blob' \|\| value.type === 'file') {\n return !!value.data && !!value.data.length\n }\n return true\n })\n return PayloadSerializer.deserializeFormData(validItems)\n }\n\n /\n Makes an attempt to upgrade old definitions of the `IMultipartBody`.\n * If this fails, the form will show error instead of part field.\n * @param value The current model.\n /\n protected async upgradeLegacy(value: IMultipartBody[]): Promise<void> {\n const ps: Promise<void>[] = []\n for (const part of value) {\n if (part.isFile === undefined) {\n continue\n }\n if (part.isFile === false && !part.type) {\n delete part.isFile\n const oldValue = (part.value \|\| '') as string\n part.value = {\n type: 'string',\n data: oldValue,\n }\n } else if (part.isFile === false && part.type) {\n ps.push(this.upgradeLegacyBlob(part))\n } else {\n ps.push(this.upgradeLegacyFile(part))\n }\n }\n if (ps.length) {\n await Promise.allSettled(ps)\n this.requestUpdate()\n this.notifyChange()\n }\n }\n\n protected async upgradeLegacyBlob(part: IMultipartBody): Promise<void> {\n if (typeof part.value !== 'string') {\n return\n }\n const readBlob = PayloadSerializer.deserializeBlobLegacy(part.value as string)\n if (!readBlob) {\n return\n }\n const contents = await readBlob.text()\n part.blobText = contents \|\| ''\n const blob = new Blob([part.blobText as string], { type: part.type })\n part.value = await PayloadSerializer.stringifyBlob(blob)\n delete part.type\n delete part.isFile\n }\n\n protected async upgradeLegacyFile(part: IMultipartBody): Promise<void> {\n if (typeof part.value !== 'string') {\n return\n }\n const readBlob = PayloadSerializer.deserializeBlobLegacy(part.value as string)\n if (!readBlob) {\n return\n }\n const fname = part.fileName \|\| 'unknown-file.txt'\n const file = new File([readBlob], fname, { type: readBlob.type })\n part.value = await PayloadSerializer.stringifyFile(file)\n delete part.fileName\n delete part.isFile\n }\n\n protected async updateModel(value?: unknown): Promise<void> {\n if (!value \|\| !(value instanceof FormData)) {\n this.model = []\n setTimeout(() => {\n this.dispatchEvent(new CustomEvent('modelupdate', { bubbles: false, composed: false }))\n })\n return\n }\n const payload = await PayloadSerializer.stringifyFormData(value as FormData)\n this.model = payload.data as IMultipartBody[]\n this.dispatchEvent(new CustomEvent('modelupdate', { bubbles: false, composed: false }))\n }\n\n /\n Adds an instance of a file to the form data\n /\n async addFile(file: File): Promise<void> {\n if (this.readOnly \|\| this.disabled) {\n return\n }\n const { model } = this\n const entry = await PayloadSerializer.serializeFormDataEntry(file.name, file)\n model.push(entry)\n this.notifyChange()\n this.requestUpdate()\n }\n\n /\n Removes all parameters.\n /\n clear(): void {\n this.model = []\n this.notifyChange()\n }\n\n /\n Adds an empty text part item to the form.\n /\n addEmptyText(): void {\n if (this.readOnly \|\| this.disabled) {\n return\n }\n const { model } = this\n const obj: IMultipartBody = {\n name: '',\n value: {\n data: '',\n type: 'string',\n },\n enabled: true,\n }\n model.push(obj)\n this.requestUpdate()\n }\n\n /\n Adds an empty file part item to the form.\n /\n addEmptyFile(): void {\n if (this.readOnly \|\| this.disabled) {\n return\n }\n const { model } = this\n const obj: IMultipartBody = {\n name: '',\n value: {\n data: [],\n type: 'file',\n },\n enabled: true,\n }\n model.push(obj)\n this.requestUpdate()\n }\n\n /\n Removes a parameter from an index.\n /\n removeProperty(index: number): void {\n const items = this.modelInternal\n items.splice(index, 1)\n this.requestUpdate()\n this.notifyChange()\n }\n\n /\n Toggles enabled state of a parameter.\n */\n toggleProperty(index: number, enabled: boolean): void {\n const items = this.modelInternal\n const item = items[index]\n item.enabled = enabled\n this.notifyChange()\n }\n\n updatePartName(index: number, value: string): void {\n const item = this.modelInternal[index]\n const old = item.name\n if (old === value) {\n return\n }\n item.name = value\n this.notifyChange()\n }\n\n updateTextPartValue(index: number, value: string): void {\n const item = this.modelInternal[index]\n normalizePartValue(item)\n const typedValue = item.value as ISafePayload\n if (typedValue.data === value) {\n return\n }\n typedValue.data = value\n this.notifyChange()\n }\n\n async updateBlobPartValue(index: number, value: string): Promise<void> {\n const item = this.modelInternal[index]\n normalizePartValue(item)\n const typedValue = item.value as ISafePayload\n if (typedValue.data === value) {\n return\n }\n item.blobText = value\n const blob = new Blob([value], { type: typedValue.meta?.mime \|\| 'text/plain' })\n item.value = await PayloadSerializer.stringifyBlob(blob)\n this.notifyChange()\n }\n\n async updateFileValue(index: number, file: File): Promise<void> {\n const item = this.modelInternal[index]\n if (!item \|\| !file) {\n return\n }\n item.value = await PayloadSerializer.stringifyFile(file)\n this.notifyChange()\n this.requestUpdate()\n }\n\n async changePartMime(index: number, value: string): Promise<void> {\n const item = this.modelInternal[index]\n if (!item) {\n return\n }\n normalizePartValue(item)\n // change the type from text to blob, if needed\n const typedValue = item.value as ISafePayload\n\n if (typedValue.type === 'string') {\n item.blobText = typedValue.data as string\n } else if (!item.blobText && typedValue.data) {\n const restored = PayloadSerializer.deserializeBlob(typedValue) as Blob\n item.blobText = await restored.text()\n }\n const blob = new Blob([item.blobText \|\| ''], { type: value })\n item.value = await PayloadSerializer.stringifyBlob(blob)\n this.notifyChange()\n }\n\n protected handleRemove(e: Event): void {\n const node = e.currentTarget as HTMLElement\n const index = Number(node.dataset.index)\n if (Number.isNaN(index)) {\n return\n }\n this.removeProperty(index)\n }\n\n protected handleToggle(e: Event): void {\n const node = e.currentTarget as SwitchElement\n const index = Number(node.dataset.index)\n if (Number.isNaN(index)) {\n return\n }\n this.toggleProperty(index, !!node.checked)\n }\n\n protected handleFilePick(e: Event): void {\n const node = e.target as HTMLElement\n const input = node.nextElementSibling as HTMLInputElement\n input.click()\n }\n\n protected handleFilePartValue(e: Event): void {\n e.stopPropagation()\n const input = e.target as HTMLInputElement\n if (!input.files) {\n return\n }\n const index = Number(input.dataset.index)\n this.updateFileValue(index, input.files[0])\n }\n\n protected handleNameChange(e: Event): void {\n const input = e.target as Input\n const index = Number(input.dataset.index)\n if (Number.isNaN(index)) {\n return\n }\n this.updatePartName(index, input.value)\n input.checkValidity()\n }\n\n protected handleValueChange(e: Event): void {\n const input = e.target as Input\n const index = Number(input.dataset.index)\n if (Number.isNaN(index)) {\n return\n }\n this.updateTextPartValue(index, input.value)\n input.checkValidity()\n }\n\n protected handleBlobValueChange(e: Event): void {\n const input = e.target as Input\n const index = Number(input.dataset.index)\n if (Number.isNaN(index)) {\n return\n }\n this.updateBlobPartValue(index, input.value)\n input.checkValidity()\n }\n\n protected handleMimeChange(e: Event): void {\n const input = e.target as Input\n const index = Number(input.dataset.index)\n if (Number.isNaN(index)) {\n return\n }\n this.changePartMime(index, input.value)\n input.checkValidity()\n }\n\n override render(): TemplateResult {\n if (!hasSupport) {\n return this.renderNoSupport()\n }\n return html` ${this.renderList()} ${this.renderMimeList()} ${this.renderFormInfo()} `\n }\n\n protected renderFormInfo(): TemplateResult \| typeof nothing {\n if (!this.allowFormInfo) {\n return nothing\n }\n return html`\n <p class=\"form-info\">\n Note that the content-type header will be added when the request is sent. We encourage you to use variables to\n insert sensitive data.\n </p>\n `\n }\n\n protected renderList(): TemplateResult {\n const items = this.model\n if (!Array.isArray(items) \|\| !items.length) {\n return this.renderEmptyMessage()\n }\n return this.renderParams(items)\n }\n\n protected renderNoSupport(): TemplateResult {\n return html` <div class=\"empty-message\">Your browser does not support this editor</div> `\n }\n\n protected renderEmptyMessage(): TemplateResult {\n return html` <div class=\"empty-message\">No parameters added</div> `\n }\n\n protected renderParams(items: IMultipartBody[]): TemplateResult {\n return html` ${items.map((item, index) => this.renderParam(item, index))} `\n }\n\n protected renderToggleButton(part: IMultipartBody, index: number): TemplateResult {\n return html`\n <ui-switch\n .checked=\"${!!part.enabled}\"\n @change=\"${this.handleToggle}\"\n aria-label=\"Toggle this parameter\"\n data-index=\"${index}\"\n ?disabled=\"${this.readOnly}\"\n ></ui-switch>\n `\n }\n\n protected renderDeleteParameter(index: number): TemplateResult {\n return html`\n <ui-icon-button\n aria-label=\"Delete this parameter\"\n data-index=\"${index}\"\n @click=\"${this.handleRemove}\"\n ?disabled=\"${this.readOnly}\"\n class=\"delete-button\"\n >\n <ui-icon icon=\"deleteOutline\" role=\"presentation\"></ui-icon>\n </ui-icon-button>\n `\n }\n\n protected renderNameField(part: IMultipartBody, index: number): TemplateResult {\n return html`\n <div class=\"input-wrapper name-input\">\n <div class=\"error\" role=\"presentation\">Name is required</div>\n <div class=\"state\"></div>\n <input\n type=\"text\"\n name=\"name\"\n required\n autocomplete=\"off\"\n .value=\"${live(part.name)}\"\n data-index=\"${index}\"\n ?readOnly=\"${this.readOnly}\"\n aria-label=\"Part name value\"\n placeholder=\"Part name\"\n @change=\"${this.handleNameChange}\"\n />\n </div>\n `\n }\n\n protected renderValueField(part: IMultipartBody, index: number): TemplateResult {\n const value = ((part.value as ISafePayload).data as string) \|\| ''\n return html`\n <div class=\"input-wrapper value-input\">\n <div class=\"error\" role=\"presentation\">Value is required</div>\n <div class=\"state\"></div>\n <input\n type=\"text\"\n name=\"value\"\n required\n .value=\"${live(value)}\"\n data-index=\"${index}\"\n ?readOnly=\"${this.readOnly}\"\n aria-label=\"Text part value\"\n placeholder=\"Part text value\"\n @change=\"${this.handleValueChange}\"\n />\n </div>\n `\n }\n\n protected renderBlobValueField(part: IMultipartBody, index: number): TemplateResult {\n const { blobText } = part\n return html`\n <div class=\"input-wrapper value-input\">\n <div class=\"error\" role=\"presentation\">Value is required</div>\n <div class=\"state\"></div>\n <input\n type=\"text\"\n name=\"value\"\n required\n .value=\"${live(blobText \|\| '')}\"\n data-index=\"${index}\"\n ?readOnly=\"${this.readOnly}\"\n aria-label=\"Text part value\"\n placeholder=\"Part text value\"\n @change=\"${this.handleBlobValueChange}\"\n />\n </div>\n `\n }\n\n protected renderMimeField(index: number, value?: string): TemplateResult {\n return html`\n <div class=\"input-wrapper mime-input\">\n <div class=\"error\" role=\"presentation\">Invalid character</div>\n <div class=\"state\"></div>\n <input\n type=\"text\"\n name=\"value\"\n .value=\"${live(value \|\| '')}\"\n data-index=\"${index}\"\n ?readOnly=\"${this.readOnly}\"\n aria-label=\"Text part mime - optional value\"\n placeholder=\"Part mime (optional)\"\n @change=\"${this.handleMimeChange}\"\n list=\"mime-list\"\n />\n </div>\n `\n }\n\n protected renderParam(part: IMultipartBody, index: number): TemplateResult {\n if (typeof part.isFile === 'boolean') {\n // When this is still set it means that when setting the model something went wrong.\n // This also mean we can't recover from here so the only option is to remove the part.\n return this.renderIncompatiblePart(index)\n }\n normalizePartValue(part)\n const value = part.value as ISafePayload\n if (value.type === 'string') {\n return this.renderTextPart(part, index)\n }\n if (value.type === 'blob') {\n return this.renderBlobPart(part, index)\n }\n return this.renderFilePart(part, index)\n }\n\n protected renderTextPart(part: IMultipartBody, index: number): TemplateResult {\n return html`\n <div class=\"param-row\">\n ${this.renderToggleButton(part, index)} ${this.renderNameField(part, index)}\n ${this.renderValueField(part, index)} ${this.renderMimeField(index)} ${this.renderDeleteParameter(index)}\n </div>\n `\n }\n\n protected renderBlobPart(part: IMultipartBody, index: number): TemplateResult {\n const item = part.value as ISafePayload\n const meta = item && (item.meta as IBlobMeta \| undefined)\n return html`\n <div class=\"param-row\">\n ${this.renderToggleButton(part, index)} ${this.renderNameField(part, index)}\n ${this.renderBlobValueField(part, index)} ${this.renderMimeField(index, meta && meta.mime)}\n ${this.renderDeleteParameter(index)}\n </div>\n `\n }\n\n protected renderFilePart(part: IMultipartBody, index: number): TemplateResult {\n return html`\n <div class=\"param-row\">\n ${this.renderToggleButton(part, index)} ${this.renderNameField(part, index)}\n ${this.renderFileField(part, index)} ${this.renderDeleteParameter(index)}\n </div>\n `\n }\n\n protected renderFileField(part: IMultipartBody, index: number): TemplateResult {\n const { readOnly } = this\n const item = part.value as ISafePayload\n const meta = item && (item.meta as IFileMeta \| undefined)\n return html`\n <div class=\"input-wrapper file-input\">\n <ui-text-button @click=\"${this.handleFilePick}\" ?disabled=\"${readOnly}\" class=\"choose-button\"\n >Choose file</ui-text-button\n >\n <input type=\"file\" hidden data-index=\"${index}\" @change=\"${this.handleFilePartValue}\" />\n ${meta ? html`<span class=\"file-info\">${meta.name} (${meta.mime}), ${item.data.length} bytes</span>` : ''}\n </div>\n `\n }\n\n protected renderIncompatiblePart(index: number): TemplateResult {\n return html`\n <div class=\"param-row\">\n <p class=\"incompatible-part\">This part cannot be rendered. Please, remove this part.</p>\n ${this.renderDeleteParameter(index)}\n </div>\n `\n }\n\n protected renderMimeList(): TemplateResult {\n return html`\n <datalist id=\"mime-list\">${mimeSuggestions.map((i) => html`<option value=\"${i}\"></option>`)}</datalist>\n `\n }\n}\n"]}

package/build/src/elements/http/CertificateAdd.element.d.ts CHANGED Viewed

@@ -4,7 +4,7 @@ import ApiElement from '../ApiElement.js';
 import type { ISegmentedButtonSelectionDetail } from '../../md/segmented-button/internals/SegmentedButtonsSet.js';
 import '../../md/segmented-button/ui-segmented-button.js';
 import '../../md/segmented-button/ui-segmented-button-set.js';
-import '../../md/text-field/ui-text-field.js';
+import '../../md/text-field/ui-filled-text-field.js';
 import '../../md/button/ui-text-button.js';
 import '../../md/button/ui-filled-button.js';
 import '../../md/button/ui-filled-tonal-button.js';

package/build/src/elements/http/CertificateAdd.element.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CertificateAdd.element.d.ts","sourceRoot":"","sources":["../../../../src/elements/http/CertificateAdd.element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAQ,OAAO,EAAE,cAAc,EAAE,MAAM,KAAK,CAAA;AAG9D,OAAO,EAAe,KAAK,eAAe,EAAE,MAAM,8CAA8C,CAAA;AAGhG,OAAO,UAAU,MAAM,kBAAkB,CAAA;AAGzC,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,4DAA4D,CAAA;AAKjH,OAAO,kDAAkD,CAAA;AACzD,OAAO,sDAAsD,CAAA;AAC7D,OAAO,~~sCAAsC~~,CAAA;~~AAC7C~~,OAAO,mCAAmC,CAAA;AAC1C,OAAO,qCAAqC,CAAA;AAC5C,OAAO,2CAA2C,CAAA;AAClD,OAAO,2BAA2B,CAAA;AAClC,OAAO,kCAAkC,CAAA;AAEzC,UAAU,eAAe;IACvB,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,WAAW,CAAA;CACtB;AAED;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,UAAU;IACpD,WAAoB,MAAM,IAAI,SAAS,EAAE,CAExC;IAED;;;OAGG;IACyB,QAAQ,CAAC,UAAU,EAAE,eAAe,CAAQ;IAExE;;;OAGG;IACyB,QAAQ,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;IAE/D;;;OAGG;IACyB,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAA;IAE9D;;OAEG;IACM,QAAQ,CAAC,OAAO,EAAE,OAAO,GAAG,SAAS,CAAA;IAErC,QAAQ,CAAC,eAAe,EAAE,eAAe,GAAG,SAAS,CAAA;IAErD,QAAQ,CAAC,OAAO,EAAE,eAAe,GAAG,SAAS,CAAA;IAEtD;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAE5B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;OAEG;IACH,SAAS,CAAC,eAAe,CAAC,EAAE,MAAM,CAAA;IAElC,IAAI,YAAY,IAAI,OAAO,CAE1B;IAED,IAAI,2BAA2B,IAAI,OAAO,CAEzC;IAED,SAAS,CAAC,mBAAmB,CAAC,CAAC,EAAE,WAAW,CAAC,+BAA+B,CAAC,GAAG,IAAI;IAWpF,SAAS,CAAC,gBAAgB,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAK1C,SAAS,CAAC,+BAA+B,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAKzD,SAAS,CAAC,uBAAuB,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAKjD,SAAS,CAAC,uBAAuB,IAAI,IAAI;IAIzC,SAAS,CAAC,eAAe,IAAI,IAAI;IAI3B,qBAAqB,IAAI,OAAO,CAAC,IAAI,CAAC;IA2CtC,aAAa,IAAI,OAAO,CAAC,IAAI,CAAC;IAmCpC,SAAS,CAAC,iBAAiB,CAAC,EAAE,EAAE,YAAY,GAAG,OAAO;IAKtD,SAAS,CAAC,mBAAmB,CAAC,CAAC,EAAE,SAAS,GAAG,IAAI;IAWjD,SAAS,CAAC,mBAAmB,CAAC,CAAC,EAAE,SAAS,GAAG,IAAI;IAWjD,SAAS,CAAC,kBAAkB,CAAC,CAAC,EAAE,SAAS,GAAG,IAAI;IAUhD,SAAS,CAAC,cAAc,CAAC,CAAC,EAAE,SAAS,GAAG,IAAI;IAgBtC,kBAAkB,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,aAAa,GAAG,KAAK,GAAG,OAAO,CAAC,IAAI,CAAC;IAkBhF,SAAS,CAAC,YAAY,IAAI,IAAI;IAI9B,SAAS,CAAC,YAAY,IAAI,IAAI;IAIxB,MAAM,IAAI,OAAO,CAAC,IAAI,CAAC;IAuB7B,cAAc,IAAI,OAAO;cAuBN,MAAM,IAAI,cAAc;IAU3C,SAAS,CAAC,gBAAgB,IAAI,cAAc;IAsB5C,SAAS,CAAC,eAAe,IAAI,cAAc;IAgB3C,SAAS,CAAC,qBAAqB,IAAI,cAAc;IAyBjD,SAAS,CAAC,8BAA8B,IAAI,cAAc,GAAG,OAAO,OAAO;IAmB3E,SAAS,CAAC,aAAa,IAAI,cAAc,GAAG,OAAO,OAAO;IA2B1D,SAAS,CAAC,sBAAsB,IAAI,cAAc,GAAG,OAAO,OAAO;IAmBnE,SAAS,CAAC,kBAAkB,IAAI,cAAc;IAS9C,SAAS,CAAC,cAAc,IAAI,cAAc,GAAG,OAAO,OAAO;CAM5D"}
1	+ {"version":3,"file":"CertificateAdd.element.d.ts","sourceRoot":"","sources":["../../../../src/elements/http/CertificateAdd.element.ts"],"names":[],"mappings":"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"}

package/build/src/elements/http/CertificateAdd.element.js CHANGED Viewed

@@ -12,7 +12,7 @@ import { getFileName } from '../../lib/files/Utils.js';
 import { SnackNotifications } from '../../md/notification/SnackNotifications.js';
 import '../../md/segmented-button/ui-segmented-button.js';
 import '../../md/segmented-button/ui-segmented-button-set.js';
-import '../../md/text-field/ui-text-field.js';
+import '../../md/text-field/ui-filled-text-field.js';
 import '../../md/button/ui-text-button.js';
 import '../../md/button/ui-filled-button.js';
 import '../../md/button/ui-filled-tonal-button.js';
@@ -305,7 +305,7 @@ let CertificateAdd = (() => {
             this.handleCancel();
         }
         reportValidity() {
-            const inputs = Array.from(this.shadowRoot.querySelectorAll('ui-text-field'));
+            const inputs = Array.from(this.shadowRoot.querySelectorAll('ui-filled-text-field'));
             let invalid = false;
             inputs.forEach((input) => {
                 const inputResult = input.reportValidity();
@@ -359,14 +359,14 @@ let CertificateAdd = (() => {
             const { certificateName = '' } = this;
             return html `
       <div class="form-input">
-        <ui-text-field
+        <ui-filled-text-field
           required
           name="name"
           .value="${live(certificateName)}"
           label="Certificate name"
           @change="${this.handleNameChange}"
           invalidText="The name is required"
-        ></ui-text-field>
+        ></ui-filled-text-field>
       </div>
     `;
         }
@@ -401,14 +401,14 @@ let CertificateAdd = (() => {
             }
             return html `
       <div class="form-input">
-        <ui-text-field
+        <ui-filled-text-field
           name="certificatePassword"
           type="password"
           .value="${live(certificatePassword)}"
           label="Certificate password"
           @change="${this.handleCertificatePasswordChange}"
           supportingText="Optional password for the certificate"
-        ></ui-text-field>
+        ></ui-filled-text-field>
       </div>
     `;
         }
@@ -445,14 +445,14 @@ let CertificateAdd = (() => {
             const { keyPassword = '' } = this;
             return html `
       <div class="form-input">
-        <ui-text-field
+        <ui-filled-text-field
           name="keyPassword"
           type="password"
           .value="${live(keyPassword)}"
           label="Key password"
           @change="${this.handleKeyPasswordChange}"
           supportingText="Optional password for the key"
-        ></ui-text-field>
+        ></ui-filled-text-field>
       </div>
     `;
         }

package/build/src/elements/http/CertificateAdd.element.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CertificateAdd.element.js","sourceRoot":"","sources":["../../../../src/elements/http/CertificateAdd.element.ts"],"names":[],"mappings":"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","sourcesContent":["import { CSSResult, html, nothing, TemplateResult } from 'lit'\nimport { property, state } from 'lit/decorators.js'\nimport { live } from 'lit/directives/live.js'\nimport { Certificate, type CertificateType } from '@api-client/core/models/ClientCertificate.js'\nimport { CertificateFile } from '@api-client/core/models/CertificateFile.js'\nimport { Events } from '../../events/Events.js'\nimport ApiElement from '../ApiElement.js'\nimport styles from './CertificateAdd.styles.js'\nimport { getFileName } from '../../lib/files/Utils.js'\nimport type { ISegmentedButtonSelectionDetail } from '../../md/segmented-button/internals/SegmentedButtonsSet.js'\nimport type SegmentedButton from '../../md/segmented-button/internals/SegmentedButton.js'\nimport type Input from '../../md/input/Input.js'\n// import type { IFileFilter, IOpenFileDialogInit } from '../../bindings/base/FileBindings.js'\nimport { SnackNotifications } from '../../md/notification/SnackNotifications.js'\nimport '../../md/segmented-button/ui-segmented-button.js'\nimport '../../md/segmented-button/ui-segmented-button-set.js'\nimport '../../md/text-field/ui-text-field.js'\nimport '../../md/button/ui-text-button.js'\nimport '../../md/button/ui-filled-button.js'\nimport '../../md/button/ui-filled-tonal-button.js'\nimport '../../md/icons/ui-icon.js'\nimport '../../md/progress/ui-progress.js'\n\ninterface CertificateInfo {\n fileName: string\n contents: ArrayBuffer\n}\n\n/*\n An element that renders a certificate import UI.\n \n Notes for implementation:\n * - `p12` is a single file, may have a passphrase\n * - `pem` is 2 files: the certificate and the key\n * - `pem` may have a `passphrase` on the key but not on the certificate.\n /\nexport default class CertificateAdd extends ApiElement {\n static override get styles(): CSSResult[] {\n return styles\n }\n\n /\n The type of the certificate to import.\n * @attribute\n /\n @property({ type: String }) accessor importType: CertificateType = 'pem'\n\n /\n The parent folder where to insert the imported certificate.\n * @attribute\n /\n @property({ type: String }) accessor folder: string \| undefined\n\n /\n The current workspace for the file.\n * @attribute\n /\n @property({ type: String }) accessor space: string \| undefined\n\n /\n When an IO operation is in progress.\n /\n @state() accessor working: boolean \| undefined\n\n @state() accessor certificateFile: CertificateInfo \| undefined\n\n @state() accessor keyFile: CertificateInfo \| undefined\n\n /\n The password for the certificate\n /\n certificatePassword?: string\n\n /\n The password for the key.\n /\n keyPassword?: string\n\n /\n The user entered certificate name.\n */\n protected certificateName?: string\n\n get hasKeyImport(): boolean {\n return this.importType === 'pem'\n }\n\n get hasCertificatePasswordInput(): boolean {\n return this.importType === 'p12'\n }\n\n protected handleViewSelection(e: CustomEvent<ISegmentedButtonSelectionDetail>): void {\n if (!e.detail.selected) {\n return\n }\n const button = e.detail.button as SegmentedButton\n const type = button.dataset.value as CertificateType \| undefined\n if (type) {\n this.importType = type\n }\n }\n\n protected handleNameChange(e: Event): void {\n const input = e.target as Input\n this.certificateName = input.value\n }\n\n protected handleCertificatePasswordChange(e: Event): void {\n const input = e.target as Input\n this.certificatePassword = input.value\n }\n\n protected handleKeyPasswordChange(e: Event): void {\n const input = e.target as Input\n this.keyPassword = input.value\n }\n\n protected handleSelectCertificate(): void {\n this.selectCertificateFLow()\n }\n\n protected handleSelectKey(): void {\n this.selectKeyFLow()\n }\n\n async selectCertificateFLow(): Promise<void> {\n throw new Error(`Not yet implemented`)\n // this.working = true\n // const options: IOpenFileDialogInit = {\n // multiple: false,\n // title: 'Select a certificate file',\n // filters: [\n // {\n // description: 'Certificate files',\n // accept: {},\n // },\n // ],\n // }\n // const filters = options.filters as IFileFilter[]\n // if (this.importType === 'p12') {\n // filters[0].accept = {\n // 'application/x-pkcs12': ['.p12', '.pfx'],\n // }\n // } else {\n // filters[0].accept = {\n // 'application/x-pem-file': ['.pem', '.crt', '.cer', '.key'],\n // }\n // }\n // const pickResult = await Events.Filesystem.requestOpenFile(options, this)\n // if (!pickResult \|\| pickResult.canceled) {\n // this.working = false\n // return\n // }\n // const [path] = pickResult.filePath as string[]\n // const readResult = await Events.Filesystem.readFile(path, { returnType: 'buffer', dispose: true }, this)\n // if (!readResult) {\n // this.working = false\n // return\n // }\n\n // const fileName = getFileName.getFileName(path)\n // this.certificateFile = {\n // fileName,\n // contents: readResult as ArrayBuffer,\n // }\n // this.working = false\n }\n\n async selectKeyFLow(): Promise<void> {\n throw new Error(`Not yet implemented`)\n // this.working = true\n // const options: IOpenFileDialogInit = {\n // multiple: false,\n // title: 'Select a key file',\n // filters: [\n // {\n // description: 'Certificate key files',\n // accept: {\n // 'application/x-pem-file': ['.pem', '.crt', '.cer', '.key'],\n // },\n // },\n // ],\n // }\n // const pickResult = await Events.Filesystem.requestOpenFile(options, this)\n // if (!pickResult \|\| pickResult.canceled) {\n // this.working = false\n // return\n // }\n // const [path] = pickResult.filePath as string[]\n // const readResult = await Events.Filesystem.readFile(path, { returnType: 'buffer', dispose: true }, this)\n // if (!readResult) {\n // this.working = false\n // return\n // }\n\n // const fileName = getFileName.getFileName(path)\n // this.keyFile = {\n // fileName,\n // contents: readResult as ArrayBuffer,\n // }\n // this.working = false\n }\n\n protected isValidDropTarget(dt: DataTransfer): boolean {\n const types = Array.from(dt.types)\n return types.includes('Files')\n }\n\n protected handleFileDragEnter(e: DragEvent): void {\n const dt = e.dataTransfer as DataTransfer\n if (!this.isValidDropTarget(dt)) {\n return\n }\n e.preventDefault()\n dt.dropEffect = 'copy'\n const node = e.currentTarget as HTMLElement\n node.classList.add('dragover')\n }\n\n protected handleFileDragLeave(e: DragEvent): void {\n const dt = e.dataTransfer as DataTransfer\n if (!this.isValidDropTarget(dt)) {\n return\n }\n e.preventDefault()\n dt.dropEffect = 'none'\n const node = e.currentTarget as HTMLElement\n node.classList.remove('dragover')\n }\n\n protected handleFileDragOver(e: DragEvent): void {\n const dt = e.dataTransfer as DataTransfer\n if (!this.isValidDropTarget(dt)) {\n return\n }\n e.preventDefault()\n const node = e.currentTarget as HTMLElement\n node.classList.add('dragover')\n }\n\n protected handleFileDrop(e: DragEvent): void {\n const dt = e.dataTransfer as DataTransfer\n e.preventDefault()\n const node = e.currentTarget as HTMLElement\n node.classList.remove('dragover')\n const file = dt.files[0]\n if (!file) {\n return\n }\n const { kind } = node.dataset\n if (!kind) {\n return\n }\n this.processDroppedFile(file, kind as 'certificate' \| 'key')\n }\n\n async processDroppedFile(file: File, kind: 'certificate' \| 'key'): Promise<void> {\n this.working = true\n const buff = await file.arrayBuffer()\n const fileName = getFileName(file.name)\n if (kind === 'certificate') {\n this.certificateFile = {\n fileName,\n contents: buff,\n }\n } else if (kind === 'key') {\n this.keyFile = {\n fileName,\n contents: buff,\n }\n }\n this.working = false\n }\n\n protected handleCancel(): void {\n this.dispatchEvent(new Event('close'))\n }\n\n protected handleImport(): void {\n this.submit()\n }\n\n async submit(): Promise<void> {\n const invalid = this.reportValidity()\n if (invalid) {\n return\n }\n const { certificateFile, certificateName, certificatePassword, keyFile, keyPassword, space, folder } = this\n if (!space) {\n throw new Error(`The workspace key is not set on the certificate import element.`)\n }\n const cert =\n this.importType === 'p12'\n ? Certificate.fromP12(certificateFile?.contents as ArrayBuffer, certificateName as string, certificatePassword)\n : Certificate.fromPem(\n certificateFile?.contents as ArrayBuffer,\n keyFile?.contents as ArrayBuffer,\n certificateName as string,\n keyPassword\n )\n const file = CertificateFile.fromCertificate(cert, space)\n await Events.Store.File.create(file.toJSON(), cert.toJSON(), { parent: folder }, this)\n this.handleCancel()\n }\n\n reportValidity(): boolean {\n const inputs = Array.from((this.shadowRoot as ShadowRoot).querySelectorAll('ui-text-field'))\n let invalid = false\n inputs.forEach((input) => {\n const inputResult = input.reportValidity()\n if (!inputResult) {\n invalid = true\n }\n })\n\n if (!invalid) {\n if (!this.certificateFile) {\n invalid = true\n SnackNotifications.notify(`Certificate file is required.`)\n }\n if (!invalid && this.hasKeyImport && !this.keyFile) {\n invalid = true\n SnackNotifications.notify(`The key file is required.`)\n }\n }\n return invalid\n }\n\n protected override render(): TemplateResult {\n return html`\n <div class=\"form\">\n ${this.renderProgress()} ${this.renderViewToggle()} ${this.renderNameInput()} ${this.renderCertificateFile()}\n ${this.renderCertificatePasswordInput()} ${this.renderKeyFile()} ${this.renderKeyPasswordInput()}\n ${this.renderImportButton()}\n </div>\n `\n }\n\n protected renderViewToggle(): TemplateResult {\n const { importType } = this\n return html`\n <div class=\"view-toggle\">\n <ui-segmented-button-set @select=\"${this.handleViewSelection}\">\n <ui-segmented-button\n .selected=\"${importType === 'pem'}\"\n title=\"Import a certificate in PEM format\"\n data-value=\"pem\"\n >PEM</ui-segmented-button\n >\n <ui-segmented-button\n .selected=\"${importType === 'p12'}\"\n title=\"Import a bundled PFX or PKCS12 encoded private key and certificate\"\n data-value=\"p12\"\n >PFX or PKCS12</ui-segmented-button\n >\n </ui-segmented-button-set>\n </div>\n `\n }\n\n protected renderNameInput(): TemplateResult {\n const { certificateName = '' } = this\n return html`\n <div class=\"form-input\">\n <ui-text-field\n required\n name=\"name\"\n .value=\"${live(certificateName)}\"\n label=\"Certificate name\"\n @change=\"${this.handleNameChange}\"\n invalidText=\"The name is required\"\n ></ui-text-field>\n </div>\n `\n }\n\n protected renderCertificateFile(): TemplateResult {\n const { certificateFile } = this\n return html`\n <div\n class=\"cert-file\"\n data-kind=\"certificate\"\n @dragenter=\"${this.handleFileDragEnter}\"\n @dragleave=\"${this.handleFileDragLeave}\"\n @dragover=\"${this.handleFileDragOver}\"\n @drop=\"${this.handleFileDrop}\"\n >\n <p class=\"body-medium\">Select or drop a certificate file here.</p>\n <ui-filled-tonal-button @click=\"${this.handleSelectCertificate}\" class=\"select-button\"\n >Select certificate file</ui-filled-tonal-button\n >\n ${certificateFile\n ? html`<span class=\"cert-info body-medium\">${certificateFile.fileName}</span>`\n : html`<span class=\"missing body-medium\"\n ><ui-icon role=\"presentation\" icon=\"warning\" class=\"missing-icon\"></ui-icon>Certificate is not\n selected</span\n >`}\n </div>\n `\n }\n\n protected renderCertificatePasswordInput(): TemplateResult \| typeof nothing {\n const { certificatePassword = '' } = this\n if (!this.hasCertificatePasswordInput) {\n return nothing\n }\n return html`\n <div class=\"form-input\">\n <ui-text-field\n name=\"certificatePassword\"\n type=\"password\"\n .value=\"${live(certificatePassword)}\"\n label=\"Certificate password\"\n @change=\"${this.handleCertificatePasswordChange}\"\n supportingText=\"Optional password for the certificate\"\n ></ui-text-field>\n </div>\n `\n }\n\n protected renderKeyFile(): TemplateResult \| typeof nothing {\n if (!this.hasKeyImport) {\n return nothing\n }\n const { keyFile } = this\n return html`\n <div\n class=\"cert-file\"\n data-kind=\"key\"\n @dragenter=\"${this.handleFileDragEnter}\"\n @dragleave=\"${this.handleFileDragLeave}\"\n @dragover=\"${this.handleFileDragOver}\"\n @drop=\"${this.handleFileDrop}\"\n >\n <p class=\"body-medium\">Select or drop a key file here.</p>\n <ui-filled-tonal-button @click=\"${this.handleSelectKey}\" class=\"select-button\"\n >Select key file</ui-filled-tonal-button\n >\n ${keyFile\n ? html`<span class=\"cert-info body-medium\">${keyFile.fileName}</span>`\n : html`<span class=\"missing body-medium\"\n ><ui-icon role=\"presentation\" icon=\"warning\" class=\"missing-icon\"></ui-icon>Key is not selected</span\n >`}\n </div>\n `\n }\n\n protected renderKeyPasswordInput(): TemplateResult \| typeof nothing {\n if (!this.hasKeyImport) {\n return nothing\n }\n const { keyPassword = '' } = this\n return html`\n <div class=\"form-input\">\n <ui-text-field\n name=\"keyPassword\"\n type=\"password\"\n .value=\"${live(keyPassword)}\"\n label=\"Key password\"\n @change=\"${this.handleKeyPasswordChange}\"\n supportingText=\"Optional password for the key\"\n ></ui-text-field>\n </div>\n `\n }\n\n protected renderImportButton(): TemplateResult {\n return html`\n <div class=\"form-action\">\n <ui-filled-button @click=\"${this.handleImport}\">Import</ui-filled-button>\n <ui-text-button @click=\"${this.handleCancel}\">Cancel</ui-text-button>\n </div>\n `\n }\n\n protected renderProgress(): TemplateResult \| typeof nothing {\n if (!this.working) {\n return nothing\n }\n return html`<ui-progress indeterminate class=\"working\"></ui-progress>`\n }\n}\n"]}
1	+ {"version":3,"file":"CertificateAdd.element.js","sourceRoot":"","sources":["../../../../src/elements/http/CertificateAdd.element.ts"],"names":[],"mappings":"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","sourcesContent":["import { CSSResult, html, nothing, TemplateResult } from 'lit'\nimport { property, state } from 'lit/decorators.js'\nimport { live } from 'lit/directives/live.js'\nimport { Certificate, type CertificateType } from '@api-client/core/models/ClientCertificate.js'\nimport { CertificateFile } from '@api-client/core/models/CertificateFile.js'\nimport { Events } from '../../events/Events.js'\nimport ApiElement from '../ApiElement.js'\nimport styles from './CertificateAdd.styles.js'\nimport { getFileName } from '../../lib/files/Utils.js'\nimport type { ISegmentedButtonSelectionDetail } from '../../md/segmented-button/internals/SegmentedButtonsSet.js'\nimport type SegmentedButton from '../../md/segmented-button/internals/SegmentedButton.js'\nimport type Input from '../../md/input/Input.js'\n// import type { IFileFilter, IOpenFileDialogInit } from '../../bindings/base/FileBindings.js'\nimport { SnackNotifications } from '../../md/notification/SnackNotifications.js'\nimport '../../md/segmented-button/ui-segmented-button.js'\nimport '../../md/segmented-button/ui-segmented-button-set.js'\nimport '../../md/text-field/ui-filled-text-field.js'\nimport '../../md/button/ui-text-button.js'\nimport '../../md/button/ui-filled-button.js'\nimport '../../md/button/ui-filled-tonal-button.js'\nimport '../../md/icons/ui-icon.js'\nimport '../../md/progress/ui-progress.js'\n\ninterface CertificateInfo {\n fileName: string\n contents: ArrayBuffer\n}\n\n/*\n An element that renders a certificate import UI.\n \n Notes for implementation:\n * - `p12` is a single file, may have a passphrase\n * - `pem` is 2 files: the certificate and the key\n * - `pem` may have a `passphrase` on the key but not on the certificate.\n /\nexport default class CertificateAdd extends ApiElement {\n static override get styles(): CSSResult[] {\n return styles\n }\n\n /\n The type of the certificate to import.\n * @attribute\n /\n @property({ type: String }) accessor importType: CertificateType = 'pem'\n\n /\n The parent folder where to insert the imported certificate.\n * @attribute\n /\n @property({ type: String }) accessor folder: string \| undefined\n\n /\n The current workspace for the file.\n * @attribute\n /\n @property({ type: String }) accessor space: string \| undefined\n\n /\n When an IO operation is in progress.\n /\n @state() accessor working: boolean \| undefined\n\n @state() accessor certificateFile: CertificateInfo \| undefined\n\n @state() accessor keyFile: CertificateInfo \| undefined\n\n /\n The password for the certificate\n /\n certificatePassword?: string\n\n /\n The password for the key.\n /\n keyPassword?: string\n\n /\n The user entered certificate name.\n */\n protected certificateName?: string\n\n get hasKeyImport(): boolean {\n return this.importType === 'pem'\n }\n\n get hasCertificatePasswordInput(): boolean {\n return this.importType === 'p12'\n }\n\n protected handleViewSelection(e: CustomEvent<ISegmentedButtonSelectionDetail>): void {\n if (!e.detail.selected) {\n return\n }\n const button = e.detail.button as SegmentedButton\n const type = button.dataset.value as CertificateType \| undefined\n if (type) {\n this.importType = type\n }\n }\n\n protected handleNameChange(e: Event): void {\n const input = e.target as Input\n this.certificateName = input.value\n }\n\n protected handleCertificatePasswordChange(e: Event): void {\n const input = e.target as Input\n this.certificatePassword = input.value\n }\n\n protected handleKeyPasswordChange(e: Event): void {\n const input = e.target as Input\n this.keyPassword = input.value\n }\n\n protected handleSelectCertificate(): void {\n this.selectCertificateFLow()\n }\n\n protected handleSelectKey(): void {\n this.selectKeyFLow()\n }\n\n async selectCertificateFLow(): Promise<void> {\n throw new Error(`Not yet implemented`)\n // this.working = true\n // const options: IOpenFileDialogInit = {\n // multiple: false,\n // title: 'Select a certificate file',\n // filters: [\n // {\n // description: 'Certificate files',\n // accept: {},\n // },\n // ],\n // }\n // const filters = options.filters as IFileFilter[]\n // if (this.importType === 'p12') {\n // filters[0].accept = {\n // 'application/x-pkcs12': ['.p12', '.pfx'],\n // }\n // } else {\n // filters[0].accept = {\n // 'application/x-pem-file': ['.pem', '.crt', '.cer', '.key'],\n // }\n // }\n // const pickResult = await Events.Filesystem.requestOpenFile(options, this)\n // if (!pickResult \|\| pickResult.canceled) {\n // this.working = false\n // return\n // }\n // const [path] = pickResult.filePath as string[]\n // const readResult = await Events.Filesystem.readFile(path, { returnType: 'buffer', dispose: true }, this)\n // if (!readResult) {\n // this.working = false\n // return\n // }\n\n // const fileName = getFileName.getFileName(path)\n // this.certificateFile = {\n // fileName,\n // contents: readResult as ArrayBuffer,\n // }\n // this.working = false\n }\n\n async selectKeyFLow(): Promise<void> {\n throw new Error(`Not yet implemented`)\n // this.working = true\n // const options: IOpenFileDialogInit = {\n // multiple: false,\n // title: 'Select a key file',\n // filters: [\n // {\n // description: 'Certificate key files',\n // accept: {\n // 'application/x-pem-file': ['.pem', '.crt', '.cer', '.key'],\n // },\n // },\n // ],\n // }\n // const pickResult = await Events.Filesystem.requestOpenFile(options, this)\n // if (!pickResult \|\| pickResult.canceled) {\n // this.working = false\n // return\n // }\n // const [path] = pickResult.filePath as string[]\n // const readResult = await Events.Filesystem.readFile(path, { returnType: 'buffer', dispose: true }, this)\n // if (!readResult) {\n // this.working = false\n // return\n // }\n\n // const fileName = getFileName.getFileName(path)\n // this.keyFile = {\n // fileName,\n // contents: readResult as ArrayBuffer,\n // }\n // this.working = false\n }\n\n protected isValidDropTarget(dt: DataTransfer): boolean {\n const types = Array.from(dt.types)\n return types.includes('Files')\n }\n\n protected handleFileDragEnter(e: DragEvent): void {\n const dt = e.dataTransfer as DataTransfer\n if (!this.isValidDropTarget(dt)) {\n return\n }\n e.preventDefault()\n dt.dropEffect = 'copy'\n const node = e.currentTarget as HTMLElement\n node.classList.add('dragover')\n }\n\n protected handleFileDragLeave(e: DragEvent): void {\n const dt = e.dataTransfer as DataTransfer\n if (!this.isValidDropTarget(dt)) {\n return\n }\n e.preventDefault()\n dt.dropEffect = 'none'\n const node = e.currentTarget as HTMLElement\n node.classList.remove('dragover')\n }\n\n protected handleFileDragOver(e: DragEvent): void {\n const dt = e.dataTransfer as DataTransfer\n if (!this.isValidDropTarget(dt)) {\n return\n }\n e.preventDefault()\n const node = e.currentTarget as HTMLElement\n node.classList.add('dragover')\n }\n\n protected handleFileDrop(e: DragEvent): void {\n const dt = e.dataTransfer as DataTransfer\n e.preventDefault()\n const node = e.currentTarget as HTMLElement\n node.classList.remove('dragover')\n const file = dt.files[0]\n if (!file) {\n return\n }\n const { kind } = node.dataset\n if (!kind) {\n return\n }\n this.processDroppedFile(file, kind as 'certificate' \| 'key')\n }\n\n async processDroppedFile(file: File, kind: 'certificate' \| 'key'): Promise<void> {\n this.working = true\n const buff = await file.arrayBuffer()\n const fileName = getFileName(file.name)\n if (kind === 'certificate') {\n this.certificateFile = {\n fileName,\n contents: buff,\n }\n } else if (kind === 'key') {\n this.keyFile = {\n fileName,\n contents: buff,\n }\n }\n this.working = false\n }\n\n protected handleCancel(): void {\n this.dispatchEvent(new Event('close'))\n }\n\n protected handleImport(): void {\n this.submit()\n }\n\n async submit(): Promise<void> {\n const invalid = this.reportValidity()\n if (invalid) {\n return\n }\n const { certificateFile, certificateName, certificatePassword, keyFile, keyPassword, space, folder } = this\n if (!space) {\n throw new Error(`The workspace key is not set on the certificate import element.`)\n }\n const cert =\n this.importType === 'p12'\n ? Certificate.fromP12(certificateFile?.contents as ArrayBuffer, certificateName as string, certificatePassword)\n : Certificate.fromPem(\n certificateFile?.contents as ArrayBuffer,\n keyFile?.contents as ArrayBuffer,\n certificateName as string,\n keyPassword\n )\n const file = CertificateFile.fromCertificate(cert, space)\n await Events.Store.File.create(file.toJSON(), cert.toJSON(), { parent: folder }, this)\n this.handleCancel()\n }\n\n reportValidity(): boolean {\n const inputs = Array.from((this.shadowRoot as ShadowRoot).querySelectorAll('ui-filled-text-field'))\n let invalid = false\n inputs.forEach((input) => {\n const inputResult = input.reportValidity()\n if (!inputResult) {\n invalid = true\n }\n })\n\n if (!invalid) {\n if (!this.certificateFile) {\n invalid = true\n SnackNotifications.notify(`Certificate file is required.`)\n }\n if (!invalid && this.hasKeyImport && !this.keyFile) {\n invalid = true\n SnackNotifications.notify(`The key file is required.`)\n }\n }\n return invalid\n }\n\n protected override render(): TemplateResult {\n return html`\n <div class=\"form\">\n ${this.renderProgress()} ${this.renderViewToggle()} ${this.renderNameInput()} ${this.renderCertificateFile()}\n ${this.renderCertificatePasswordInput()} ${this.renderKeyFile()} ${this.renderKeyPasswordInput()}\n ${this.renderImportButton()}\n </div>\n `\n }\n\n protected renderViewToggle(): TemplateResult {\n const { importType } = this\n return html`\n <div class=\"view-toggle\">\n <ui-segmented-button-set @select=\"${this.handleViewSelection}\">\n <ui-segmented-button\n .selected=\"${importType === 'pem'}\"\n title=\"Import a certificate in PEM format\"\n data-value=\"pem\"\n >PEM</ui-segmented-button\n >\n <ui-segmented-button\n .selected=\"${importType === 'p12'}\"\n title=\"Import a bundled PFX or PKCS12 encoded private key and certificate\"\n data-value=\"p12\"\n >PFX or PKCS12</ui-segmented-button\n >\n </ui-segmented-button-set>\n </div>\n `\n }\n\n protected renderNameInput(): TemplateResult {\n const { certificateName = '' } = this\n return html`\n <div class=\"form-input\">\n <ui-filled-text-field\n required\n name=\"name\"\n .value=\"${live(certificateName)}\"\n label=\"Certificate name\"\n @change=\"${this.handleNameChange}\"\n invalidText=\"The name is required\"\n ></ui-filled-text-field>\n </div>\n `\n }\n\n protected renderCertificateFile(): TemplateResult {\n const { certificateFile } = this\n return html`\n <div\n class=\"cert-file\"\n data-kind=\"certificate\"\n @dragenter=\"${this.handleFileDragEnter}\"\n @dragleave=\"${this.handleFileDragLeave}\"\n @dragover=\"${this.handleFileDragOver}\"\n @drop=\"${this.handleFileDrop}\"\n >\n <p class=\"body-medium\">Select or drop a certificate file here.</p>\n <ui-filled-tonal-button @click=\"${this.handleSelectCertificate}\" class=\"select-button\"\n >Select certificate file</ui-filled-tonal-button\n >\n ${certificateFile\n ? html`<span class=\"cert-info body-medium\">${certificateFile.fileName}</span>`\n : html`<span class=\"missing body-medium\"\n ><ui-icon role=\"presentation\" icon=\"warning\" class=\"missing-icon\"></ui-icon>Certificate is not\n selected</span\n >`}\n </div>\n `\n }\n\n protected renderCertificatePasswordInput(): TemplateResult \| typeof nothing {\n const { certificatePassword = '' } = this\n if (!this.hasCertificatePasswordInput) {\n return nothing\n }\n return html`\n <div class=\"form-input\">\n <ui-filled-text-field\n name=\"certificatePassword\"\n type=\"password\"\n .value=\"${live(certificatePassword)}\"\n label=\"Certificate password\"\n @change=\"${this.handleCertificatePasswordChange}\"\n supportingText=\"Optional password for the certificate\"\n ></ui-filled-text-field>\n </div>\n `\n }\n\n protected renderKeyFile(): TemplateResult \| typeof nothing {\n if (!this.hasKeyImport) {\n return nothing\n }\n const { keyFile } = this\n return html`\n <div\n class=\"cert-file\"\n data-kind=\"key\"\n @dragenter=\"${this.handleFileDragEnter}\"\n @dragleave=\"${this.handleFileDragLeave}\"\n @dragover=\"${this.handleFileDragOver}\"\n @drop=\"${this.handleFileDrop}\"\n >\n <p class=\"body-medium\">Select or drop a key file here.</p>\n <ui-filled-tonal-button @click=\"${this.handleSelectKey}\" class=\"select-button\"\n >Select key file</ui-filled-tonal-button\n >\n ${keyFile\n ? html`<span class=\"cert-info body-medium\">${keyFile.fileName}</span>`\n : html`<span class=\"missing body-medium\"\n ><ui-icon role=\"presentation\" icon=\"warning\" class=\"missing-icon\"></ui-icon>Key is not selected</span\n >`}\n </div>\n `\n }\n\n protected renderKeyPasswordInput(): TemplateResult \| typeof nothing {\n if (!this.hasKeyImport) {\n return nothing\n }\n const { keyPassword = '' } = this\n return html`\n <div class=\"form-input\">\n <ui-filled-text-field\n name=\"keyPassword\"\n type=\"password\"\n .value=\"${live(keyPassword)}\"\n label=\"Key password\"\n @change=\"${this.handleKeyPasswordChange}\"\n supportingText=\"Optional password for the key\"\n ></ui-filled-text-field>\n </div>\n `\n }\n\n protected renderImportButton(): TemplateResult {\n return html`\n <div class=\"form-action\">\n <ui-filled-button @click=\"${this.handleImport}\">Import</ui-filled-button>\n <ui-text-button @click=\"${this.handleCancel}\">Cancel</ui-text-button>\n </div>\n `\n }\n\n protected renderProgress(): TemplateResult \| typeof nothing {\n if (!this.working) {\n return nothing\n }\n return html`<ui-progress indeterminate class=\"working\"></ui-progress>`\n }\n}\n"]}

package/build/src/elements/http/CertificateAdd.styles.js CHANGED Viewed

@@ -52,7 +52,7 @@ export default [
       margin-right: 8px;
     }
-    ui-text-field {
+    ui-filled-text-field {
       min-width: 320px;
     }

package/build/src/elements/http/CertificateAdd.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CertificateAdd.styles.js","sourceRoot":"","sources":["../../../../src/elements/http/CertificateAdd.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AACzB,OAAO,UAAU,MAAM,sCAAsC,CAAA;AAE7D,eAAe;IACb,UAAU;IACV,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyDF;CACF,CAAA","sourcesContent":["import { css } from 'lit'\nimport typography from '../../styles/m3/typography.module.js'\n\nexport default [\n typography,\n css`\n :host {\n display: block;\n }\n\n .form {\n position: relative;\n }\n\n .working {\n position: absolute;\n top: 1px;\n width: 100%;\n }\n\n .view-toggle {\n margin-bottom: 20px;\n padding-top: 20px;\n }\n\n .form-input {\n margin: 12px 0;\n }\n\n .cert-file {\n margin: 20px 0;\n padding: 8px 4px;\n border: 1px transparent solid;\n }\n\n .cert-file.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 .missing,\n .cert-info {\n display: inline-flex;\n margin-left: 12px;\n vertical-align: middle;\n }\n\n .missing-icon {\n fill: var(--md-sys-color-error);\n width: 16px;\n height: 16px;\n margin-right: 8px;\n }\n\n ui-text-field {\n min-width: 320px;\n }\n\n .form-action {\n margin-top: 20px;\n }\n `,\n]\n"]}
1	+ {"version":3,"file":"CertificateAdd.styles.js","sourceRoot":"","sources":["../../../../src/elements/http/CertificateAdd.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AACzB,OAAO,UAAU,MAAM,sCAAsC,CAAA;AAE7D,eAAe;IACb,UAAU;IACV,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyDF;CACF,CAAA","sourcesContent":["import { css } from 'lit'\nimport typography from '../../styles/m3/typography.module.js'\n\nexport default [\n typography,\n css`\n :host {\n display: block;\n }\n\n .form {\n position: relative;\n }\n\n .working {\n position: absolute;\n top: 1px;\n width: 100%;\n }\n\n .view-toggle {\n margin-bottom: 20px;\n padding-top: 20px;\n }\n\n .form-input {\n margin: 12px 0;\n }\n\n .cert-file {\n margin: 20px 0;\n padding: 8px 4px;\n border: 1px transparent solid;\n }\n\n .cert-file.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 .missing,\n .cert-info {\n display: inline-flex;\n margin-left: 12px;\n vertical-align: middle;\n }\n\n .missing-icon {\n fill: var(--md-sys-color-error);\n width: 16px;\n height: 16px;\n margin-right: 8px;\n }\n\n ui-filled-text-field {\n min-width: 320px;\n }\n\n .form-action {\n margin-top: 20px;\n }\n `,\n]\n"]}

package/build/src/elements/http/HttpAssertions.element.js CHANGED Viewed

@@ -125,7 +125,7 @@ let HttpAssertions = (() => {
             if (!dialog) {
                 return;
             }
-            const input = dialog.querySelector('ui-text-field');
+            const input = dialog.querySelector('ui-filled-text-field');
             input.value = description || '';
             dialog.open = true;
             dialog.dataset.assertionIndex = target.dataset.assertionIndex;
@@ -143,7 +143,7 @@ let HttpAssertions = (() => {
             if (!assertion) {
                 return;
             }
-            const input = dialog.querySelector('ui-text-field');
+            const input = dialog.querySelector('ui-filled-text-field');
             assertion.description = input.value;
             this.requestUpdate();
             this.notifyChange();
@@ -254,7 +254,7 @@ let HttpAssertions = (() => {
         <ui-icon slot="icon" icon="rename"></ui-icon>
         <span slot="title">Rename assertion</span>
-        <ui-text-field name="rename" label="Assertion description" required class="input"></ui-text-field>
+        <ui-filled-text-field name="rename" label="Assertion description" required class="input"></ui-filled-text-field>
       </ui-dialog>
     `;
         }