@api-client/ui 0.2.10 → 0.2.12

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 (154) hide show
  1. package/build/src/elements/http/CertificateAdd.element.d.ts.map +1 -1
  2. package/build/src/elements/http/CertificateAdd.element.js +2 -5
  3. package/build/src/elements/http/CertificateAdd.element.js.map +1 -1
  4. package/build/src/elements/user/internals/UserAvatar.styles.d.ts.map +1 -1
  5. package/build/src/elements/user/internals/UserAvatar.styles.js +0 -1
  6. package/build/src/elements/user/internals/UserAvatar.styles.js.map +1 -1
  7. package/build/src/md/UiElement.d.ts +5 -0
  8. package/build/src/md/UiElement.d.ts.map +1 -1
  9. package/build/src/md/UiElement.js +7 -0
  10. package/build/src/md/UiElement.js.map +1 -1
  11. package/build/src/md/button/ui-elevated-button.d.ts +1 -1
  12. package/build/src/md/button/ui-elevated-button.js +1 -1
  13. package/build/src/md/button/ui-elevated-button.js.map +1 -1
  14. package/build/src/md/button/ui-filled-button.d.ts +1 -1
  15. package/build/src/md/button/ui-filled-button.js +1 -1
  16. package/build/src/md/button/ui-filled-button.js.map +1 -1
  17. package/build/src/md/button/ui-filled-tonal-button.d.ts +3 -3
  18. package/build/src/md/button/ui-filled-tonal-button.d.ts.map +1 -1
  19. package/build/src/md/button/ui-filled-tonal-button.js +6 -6
  20. package/build/src/md/button/ui-filled-tonal-button.js.map +1 -1
  21. package/build/src/md/button/ui-outlined-button.d.ts +1 -1
  22. package/build/src/md/button/ui-outlined-button.js +1 -1
  23. package/build/src/md/button/ui-outlined-button.js.map +1 -1
  24. package/build/src/md/button/ui-text-button.d.ts +1 -1
  25. package/build/src/md/button/ui-text-button.js +1 -1
  26. package/build/src/md/button/ui-text-button.js.map +1 -1
  27. package/build/src/md/checkbox/internals/Checkbox.styles.d.ts.map +1 -1
  28. package/build/src/md/checkbox/internals/Checkbox.styles.js +55 -216
  29. package/build/src/md/checkbox/internals/Checkbox.styles.js.map +1 -1
  30. package/build/src/md/checkbox/internals/CheckboxElement.d.ts +10 -7
  31. package/build/src/md/checkbox/internals/CheckboxElement.d.ts.map +1 -1
  32. package/build/src/md/checkbox/internals/CheckboxElement.js +39 -32
  33. package/build/src/md/checkbox/internals/CheckboxElement.js.map +1 -1
  34. package/build/src/md/checkbox/internals/CheckedElement.d.ts.map +1 -1
  35. package/build/src/md/checkbox/internals/CheckedElement.js +1 -0
  36. package/build/src/md/checkbox/internals/CheckedElement.js.map +1 -1
  37. package/build/src/md/dropdown-list/internals/UiDropdownList.d.ts +13 -2
  38. package/build/src/md/dropdown-list/internals/UiDropdownList.d.ts.map +1 -1
  39. package/build/src/md/dropdown-list/internals/UiDropdownList.js +59 -20
  40. package/build/src/md/dropdown-list/internals/UiDropdownList.js.map +1 -1
  41. package/build/src/md/icon-button/internals/IconButton.d.ts +8 -24
  42. package/build/src/md/icon-button/internals/IconButton.d.ts.map +1 -1
  43. package/build/src/md/icon-button/internals/IconButton.js +35 -63
  44. package/build/src/md/icon-button/internals/IconButton.js.map +1 -1
  45. package/build/src/md/icon-button/internals/{IconButton.styles.d.ts → base.styles.d.ts} +1 -1
  46. package/build/src/md/icon-button/internals/base.styles.d.ts.map +1 -0
  47. package/build/src/md/icon-button/internals/base.styles.js +93 -0
  48. package/build/src/md/icon-button/internals/base.styles.js.map +1 -0
  49. package/build/src/md/icon-button/internals/filled-tonal.styles.d.ts +3 -0
  50. package/build/src/md/icon-button/internals/filled-tonal.styles.d.ts.map +1 -0
  51. package/build/src/md/icon-button/internals/filled-tonal.styles.js +30 -0
  52. package/build/src/md/icon-button/internals/filled-tonal.styles.js.map +1 -0
  53. package/build/src/md/icon-button/internals/filled.styles.d.ts +3 -0
  54. package/build/src/md/icon-button/internals/filled.styles.d.ts.map +1 -0
  55. package/build/src/md/icon-button/internals/filled.styles.js +36 -0
  56. package/build/src/md/icon-button/internals/filled.styles.js.map +1 -0
  57. package/build/src/md/icon-button/internals/outlined.styles.d.ts +3 -0
  58. package/build/src/md/icon-button/internals/outlined.styles.d.ts.map +1 -0
  59. package/build/src/md/icon-button/internals/outlined.styles.js +31 -0
  60. package/build/src/md/icon-button/internals/outlined.styles.js.map +1 -0
  61. package/build/src/md/icon-button/internals/standard.styles.d.ts +3 -0
  62. package/build/src/md/icon-button/internals/standard.styles.d.ts.map +1 -0
  63. package/build/src/md/icon-button/internals/standard.styles.js +18 -0
  64. package/build/src/md/icon-button/internals/standard.styles.js.map +1 -0
  65. package/build/src/md/icon-button/ui-filled-icon-button.d.ts +11 -0
  66. package/build/src/md/icon-button/ui-filled-icon-button.d.ts.map +1 -0
  67. package/build/src/md/icon-button/ui-filled-icon-button.js +28 -0
  68. package/build/src/md/icon-button/ui-filled-icon-button.js.map +1 -0
  69. package/build/src/md/icon-button/ui-filled-tonal-icon-button.d.ts +11 -0
  70. package/build/src/md/icon-button/ui-filled-tonal-icon-button.d.ts.map +1 -0
  71. package/build/src/md/icon-button/ui-filled-tonal-icon-button.js +28 -0
  72. package/build/src/md/icon-button/ui-filled-tonal-icon-button.js.map +1 -0
  73. package/build/src/md/icon-button/ui-icon-button.d.ts.map +1 -1
  74. package/build/src/md/icon-button/ui-icon-button.js +3 -2
  75. package/build/src/md/icon-button/ui-icon-button.js.map +1 -1
  76. package/build/src/md/icon-button/ui-outlined-icon-button.d.ts +11 -0
  77. package/build/src/md/icon-button/ui-outlined-icon-button.d.ts.map +1 -0
  78. package/build/src/md/icon-button/ui-outlined-icon-button.js +28 -0
  79. package/build/src/md/icon-button/ui-outlined-icon-button.js.map +1 -0
  80. package/build/src/md/icons/internals/Icon.d.ts +1 -0
  81. package/build/src/md/icons/internals/Icon.d.ts.map +1 -1
  82. package/build/src/md/icons/internals/Icon.js +13 -0
  83. package/build/src/md/icons/internals/Icon.js.map +1 -1
  84. package/build/src/md/icons/internals/Icon.styles.d.ts.map +1 -1
  85. package/build/src/md/icons/internals/Icon.styles.js +31 -2
  86. package/build/src/md/icons/internals/Icon.styles.js.map +1 -1
  87. package/build/src/md/list/internals/ListItem.d.ts +4 -3
  88. package/build/src/md/list/internals/ListItem.d.ts.map +1 -1
  89. package/build/src/md/list/internals/ListItem.js +20 -18
  90. package/build/src/md/list/internals/ListItem.js.map +1 -1
  91. package/build/src/md/list/internals/ListItem.styles.d.ts.map +1 -1
  92. package/build/src/md/list/internals/ListItem.styles.js +6 -2
  93. package/build/src/md/list/internals/ListItem.styles.js.map +1 -1
  94. package/build/src/md/ripple/internals/ripple.d.ts +2 -1
  95. package/build/src/md/ripple/internals/ripple.d.ts.map +1 -1
  96. package/build/src/md/ripple/internals/ripple.js +42 -12
  97. package/build/src/md/ripple/internals/ripple.js.map +1 -1
  98. package/build/src/md/segmented-button/internals/SegmentedButton.d.ts +1 -1
  99. package/build/src/md/segmented-button/internals/SegmentedButton.d.ts.map +1 -1
  100. package/build/src/md/segmented-button/internals/SegmentedButton.js +1 -1
  101. package/build/src/md/segmented-button/internals/SegmentedButton.js.map +1 -1
  102. package/demo/md/buttons/{button.html → index.html} +1 -1
  103. package/demo/md/{inputs/checkbox.html → checkbox/index.html} +1 -1
  104. package/demo/md/{list/dropdown-list.html → dropdown-list/index.html} +1 -1
  105. package/demo/md/{buttons/icon-button.html → icon-button/index.html} +5 -1
  106. package/demo/md/icon-button/index.ts +236 -0
  107. package/demo/md/index.html +36 -29
  108. package/demo/md/listbox/listbox.html +31 -0
  109. package/demo/md/listbox/listbox.ts +27 -0
  110. package/demo/md/{buttons/segmented-buttons.html → segmented-button/index.html} +1 -1
  111. package/package.json +2 -2
  112. package/src/elements/http/CertificateAdd.element.ts +2 -5
  113. package/src/elements/user/internals/UserAvatar.styles.ts +0 -1
  114. package/src/md/UiElement.ts +8 -0
  115. package/src/md/button/ui-elevated-button.ts +1 -1
  116. package/src/md/button/ui-filled-button.ts +1 -1
  117. package/src/md/button/ui-filled-tonal-button.ts +3 -3
  118. package/src/md/button/ui-outlined-button.ts +1 -1
  119. package/src/md/button/ui-text-button.ts +1 -1
  120. package/src/md/checkbox/internals/Checkbox.styles.ts +55 -216
  121. package/src/md/checkbox/internals/CheckboxElement.ts +39 -26
  122. package/src/md/checkbox/internals/CheckedElement.ts +1 -0
  123. package/src/md/dropdown-list/internals/UiDropdownList.ts +60 -21
  124. package/src/md/icon-button/internals/IconButton.ts +29 -46
  125. package/src/md/icon-button/internals/base.styles.ts +93 -0
  126. package/src/md/icon-button/internals/filled-tonal.styles.ts +30 -0
  127. package/src/md/icon-button/internals/filled.styles.ts +36 -0
  128. package/src/md/icon-button/internals/outlined.styles.ts +31 -0
  129. package/src/md/icon-button/internals/standard.styles.ts +18 -0
  130. package/src/md/icon-button/ui-filled-icon-button.ts +16 -0
  131. package/src/md/icon-button/ui-filled-tonal-icon-button.ts +16 -0
  132. package/src/md/icon-button/ui-icon-button.ts +3 -2
  133. package/src/md/icon-button/ui-outlined-icon-button.ts +16 -0
  134. package/src/md/icons/internals/Icon.styles.ts +31 -2
  135. package/src/md/icons/internals/Icon.ts +14 -0
  136. package/src/md/list/internals/ListItem.styles.ts +6 -2
  137. package/src/md/list/internals/ListItem.ts +16 -21
  138. package/src/md/ripple/internals/ripple.ts +47 -13
  139. package/src/md/segmented-button/internals/SegmentedButton.ts +2 -2
  140. package/test/ui/button/UiIconButton.test.ts +1 -8
  141. package/build/src/lib/UserCache.d.ts +0 -13
  142. package/build/src/lib/UserCache.d.ts.map +0 -1
  143. package/build/src/lib/UserCache.js +0 -30
  144. package/build/src/lib/UserCache.js.map +0 -1
  145. package/build/src/md/icon-button/internals/IconButton.styles.d.ts.map +0 -1
  146. package/build/src/md/icon-button/internals/IconButton.styles.js +0 -614
  147. package/build/src/md/icon-button/internals/IconButton.styles.js.map +0 -1
  148. package/demo/md/buttons/icon-button.ts +0 -184
  149. package/src/lib/UserCache.ts +0 -33
  150. package/src/md/icon-button/internals/IconButton.styles.ts +0 -614
  151. /package/demo/md/buttons/{button.ts → index.ts} +0 -0
  152. /package/demo/md/{inputs/checkbox.ts → checkbox/index.ts} +0 -0
  153. /package/demo/md/{list/dropdown-list.ts → dropdown-list/index.ts} +0 -0
  154. /package/demo/md/{buttons/segmented-buttons.ts → segmented-button/index.ts} +0 -0
@@ -1 +1 @@
1
- {"version":3,"file":"CertificateAdd.element.d.ts","sourceRoot":"","sources":["../../../../src/elements/http/CertificateAdd.element.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"CertificateAdd.element.d.ts","sourceRoot":"","sources":["../../../../src/elements/http/CertificateAdd.element.ts"],"names":[],"mappings":"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"}
@@ -293,14 +293,11 @@ let CertificateAdd = (() => {
293
293
  if (invalid) {
294
294
  return;
295
295
  }
296
- const { certificateFile, certificateName, certificatePassword, keyFile, keyPassword, space, folder } = this;
297
- if (!space) {
298
- throw new Error(`The workspace key is not set on the certificate import element.`);
299
- }
296
+ const { certificateFile, certificateName, certificatePassword, keyFile, keyPassword, folder } = this;
300
297
  const cert = this.importType === 'p12'
301
298
  ? Certificate.fromP12(certificateFile?.contents, certificateName, certificatePassword)
302
299
  : Certificate.fromPem(certificateFile?.contents, keyFile?.contents, certificateName, keyPassword);
303
- const file = CertificateFile.fromCertificate(cert, space);
300
+ const file = CertificateFile.fromCertificate(cert);
304
301
  await Events.Store.File.create(file.toJSON(), cert.toJSON(), { parent: folder }, this);
305
302
  this.handleCancel();
306
303
  }
@@ -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-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"]}
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, folder } = this\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)\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"]}
@@ -1 +1 @@
1
- {"version":3,"file":"UserAvatar.styles.d.ts","sourceRoot":"","sources":["../../../../../src/elements/user/internals/UserAvatar.styles.ts"],"names":[],"mappings":";AAEA,wBAmHC"}
1
+ {"version":3,"file":"UserAvatar.styles.d.ts","sourceRoot":"","sources":["../../../../../src/elements/user/internals/UserAvatar.styles.ts"],"names":[],"mappings":";AAEA,wBAkHC"}
@@ -92,7 +92,6 @@ export default css `
92
92
 
93
93
  .avatar-initials {
94
94
  text-transform: uppercase;
95
- font-size: large;
96
95
  width: 100%;
97
96
  height: 100%;
98
97
  display: flex;
@@ -1 +1 @@
1
- {"version":3,"file":"UserAvatar.styles.js","sourceRoot":"","sources":["../../../../../src/elements/user/internals/UserAvatar.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmHjB,CAAA","sourcesContent":["import { css } from 'lit'\n\nexport default css`\n :host {\n display: inline-flex;\n outline: none;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n justify-content: center;\n height: 40px;\n width: 40px;\n\n --_focus-icon-color: var(--md-icon-button-focus-icon-color, var(--md-sys-color-on-surface-variant, #49454f));\n --_hover-icon-color: var(--md-icon-button-hover-icon-color, var(--md-sys-color-on-surface-variant, #49454f));\n --_hover-state-layer-color: var(\n --md-icon-button-hover-state-layer-color,\n var(--md-sys-color-on-surface-variant, #49454f)\n );\n --_hover-state-layer-opacity: var(--md-icon-button-hover-state-layer-opacity, 0.08);\n --_icon-color: var(--md-icon-button-icon-color, var(--md-sys-color-on-surface-variant, #49454f));\n --_pressed-icon-color: var(--md-icon-button-pressed-icon-color, var(--md-sys-color-on-surface-variant, #49454f));\n --_pressed-state-layer-color: var(\n --md-icon-button-pressed-state-layer-color,\n var(--md-sys-color-on-surface-variant, #49454f)\n );\n --_pressed-state-layer-opacity: var(--md-icon-button-pressed-state-layer-opacity, 0.12);\n --_state-layer-shape: var(--md-icon-button-state-layer-shape, var(--md-sys-shape-corner-full, 9999px));\n }\n\n .icon-button {\n background-color: rgba(0, 0, 0, 0);\n color: var(--_icon-color);\n place-items: center;\n background: none;\n border: none;\n box-sizing: border-box;\n cursor: pointer;\n display: flex;\n place-content: center;\n outline: none;\n padding: 0;\n position: relative;\n text-decoration: none;\n user-select: none;\n z-index: 0;\n flex: 1;\n border-radius: var(--_state-layer-shape);\n --md-ripple-hover-color: var(--_hover-state-layer-color);\n --md-ripple-hover-opacity: var(--_hover-state-layer-opacity);\n --md-ripple-pressed-color: var(--_pressed-state-layer-color);\n --md-ripple-pressed-opacity: var(--_pressed-state-layer-opacity);\n }\n\n .icon-button:hover {\n color: var(--_hover-icon-color);\n }\n\n .icon-button:focus {\n color: var(--_focus-icon-color);\n }\n\n .icon-button:active {\n color: var(--_pressed-icon-color);\n }\n\n md-focus-ring {\n --md-focus-ring-shape-start-start: var(--_state-layer-shape);\n --md-focus-ring-shape-start-end: var(--_state-layer-shape);\n --md-focus-ring-shape-end-end: var(--_state-layer-shape);\n --md-focus-ring-shape-end-start: var(--_state-layer-shape);\n }\n\n md-ripple {\n border-radius: var(--_state-layer-shape);\n }\n\n .icon {\n display: inline-flex;\n border-radius: var(--_state-layer-shape);\n overflow: hidden;\n }\n\n .touch {\n position: absolute;\n height: max(48px, 100%);\n width: max(48px, 100%);\n }\n\n .user-icon,\n .avatar-initials {\n background-color: var(--md-sys-color-primary-container, #9eeffe);\n color: var(--md-sys-color-on-primary-container, #001f24);\n }\n\n .avatar-initials {\n text-transform: uppercase;\n font-size: large;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .user-icon,\n .icon-button,\n .icon {\n height: inherit;\n width: inherit;\n }\n\n .avatar-background {\n fill: var(--md-sys-color-primary-container, #9eeffe);\n }\n\n .avatar-lines {\n fill: var(--md-sys-color-on-primary-container, #001f24);\n }\n`\n"]}
1
+ {"version":3,"file":"UserAvatar.styles.js","sourceRoot":"","sources":["../../../../../src/elements/user/internals/UserAvatar.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkHjB,CAAA","sourcesContent":["import { css } from 'lit'\n\nexport default css`\n :host {\n display: inline-flex;\n outline: none;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n justify-content: center;\n height: 40px;\n width: 40px;\n\n --_focus-icon-color: var(--md-icon-button-focus-icon-color, var(--md-sys-color-on-surface-variant, #49454f));\n --_hover-icon-color: var(--md-icon-button-hover-icon-color, var(--md-sys-color-on-surface-variant, #49454f));\n --_hover-state-layer-color: var(\n --md-icon-button-hover-state-layer-color,\n var(--md-sys-color-on-surface-variant, #49454f)\n );\n --_hover-state-layer-opacity: var(--md-icon-button-hover-state-layer-opacity, 0.08);\n --_icon-color: var(--md-icon-button-icon-color, var(--md-sys-color-on-surface-variant, #49454f));\n --_pressed-icon-color: var(--md-icon-button-pressed-icon-color, var(--md-sys-color-on-surface-variant, #49454f));\n --_pressed-state-layer-color: var(\n --md-icon-button-pressed-state-layer-color,\n var(--md-sys-color-on-surface-variant, #49454f)\n );\n --_pressed-state-layer-opacity: var(--md-icon-button-pressed-state-layer-opacity, 0.12);\n --_state-layer-shape: var(--md-icon-button-state-layer-shape, var(--md-sys-shape-corner-full, 9999px));\n }\n\n .icon-button {\n background-color: rgba(0, 0, 0, 0);\n color: var(--_icon-color);\n place-items: center;\n background: none;\n border: none;\n box-sizing: border-box;\n cursor: pointer;\n display: flex;\n place-content: center;\n outline: none;\n padding: 0;\n position: relative;\n text-decoration: none;\n user-select: none;\n z-index: 0;\n flex: 1;\n border-radius: var(--_state-layer-shape);\n --md-ripple-hover-color: var(--_hover-state-layer-color);\n --md-ripple-hover-opacity: var(--_hover-state-layer-opacity);\n --md-ripple-pressed-color: var(--_pressed-state-layer-color);\n --md-ripple-pressed-opacity: var(--_pressed-state-layer-opacity);\n }\n\n .icon-button:hover {\n color: var(--_hover-icon-color);\n }\n\n .icon-button:focus {\n color: var(--_focus-icon-color);\n }\n\n .icon-button:active {\n color: var(--_pressed-icon-color);\n }\n\n md-focus-ring {\n --md-focus-ring-shape-start-start: var(--_state-layer-shape);\n --md-focus-ring-shape-start-end: var(--_state-layer-shape);\n --md-focus-ring-shape-end-end: var(--_state-layer-shape);\n --md-focus-ring-shape-end-start: var(--_state-layer-shape);\n }\n\n md-ripple {\n border-radius: var(--_state-layer-shape);\n }\n\n .icon {\n display: inline-flex;\n border-radius: var(--_state-layer-shape);\n overflow: hidden;\n }\n\n .touch {\n position: absolute;\n height: max(48px, 100%);\n width: max(48px, 100%);\n }\n\n .user-icon,\n .avatar-initials {\n background-color: var(--md-sys-color-primary-container, #9eeffe);\n color: var(--md-sys-color-on-primary-container, #001f24);\n }\n\n .avatar-initials {\n text-transform: uppercase;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .user-icon,\n .icon-button,\n .icon {\n height: inherit;\n width: inherit;\n }\n\n .avatar-background {\n fill: var(--md-sys-color-primary-container, #9eeffe);\n }\n\n .avatar-lines {\n fill: var(--md-sys-color-on-primary-container, #001f24);\n }\n`\n"]}
@@ -65,6 +65,11 @@ export declare abstract class UiElement extends LitElement implements ActionCont
65
65
  * template element with `@pointerleave="${this.handlePointerleave}"`
66
66
  */
67
67
  handlePointerLeave(e: PointerEvent): void;
68
+ /**
69
+ * Subclasses should add this method as an event handler on the interactive
70
+ * template element with `@pointerenter="${this.handlePointerEnter}"`
71
+ */
72
+ handlePointerEnter(e: PointerEvent): void;
68
73
  /**
69
74
  * Hook method for the ActionController.
70
75
  * Subclasses should add this method as an event handler on the interactive
@@ -1 +1 @@
1
- {"version":3,"file":"UiElement.d.ts","sourceRoot":"","sources":["../../../src/md/UiElement.ts"],"names":[],"mappings":"AACA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAEhC,OAAO,EACL,gBAAgB,EAChB,oBAAoB,EACpB,gBAAgB,EAChB,cAAc,EACf,MAAM,oCAAoC,CAAA;AAE3C;;;;;GAKG;AACH,8BAAsB,SAAU,SAAQ,UAAW,YAAW,oBAAoB;IAChF;;;OAGG;IACH,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAA;IAE1B,SAAS,CAAC,gBAAgB,mBAA6B;IAEvD;;OAEG;IACM,SAAS,CAAC,QAAQ,CAAC,OAAO,EAAE,OAAO,GAAG,SAAS,CAAA;IAExD;;;;;;;;OAQG;IACH,UAAU,CAAC,OAAO,EAAE,gBAAgB,GAAG,IAAI;IAI3C;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,EAAE,cAAc,GAAG,IAAI;IAazD;;;;OAIG;IACH,iBAAiB,CAAC,CAAC,EAAE,YAAY,GAAG,IAAI;IAIxC;;;;OAIG;IACH,eAAe,CAAC,CAAC,EAAE,YAAY,GAAG,IAAI;IAItC;;;;OAIG;IACH,mBAAmB,CAAC,CAAC,EAAE,YAAY,GAAG,IAAI;IAI1C;;;;OAIG;IACH,kBAAkB,CAAC,CAAC,EAAE,YAAY,GAAG,IAAI;IAIzC;;;;OAIG;IACH,WAAW,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAIhC;;;;OAIG;IACH,iBAAiB,IAAI,IAAI;IAIzB;;;;OAIG;IACH,aAAa,CAAC,CAAC,EAAE,aAAa,GAAG,IAAI;IAIrC;;;;OAIG;IACH,WAAW,CAAC,CAAC,EAAE,aAAa,GAAG,IAAI;IAInC;;OAEG;IACH,YAAY,IAAI,IAAI;CAGrB"}
1
+ {"version":3,"file":"UiElement.d.ts","sourceRoot":"","sources":["../../../src/md/UiElement.ts"],"names":[],"mappings":"AACA;;;;GAIG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAEhC,OAAO,EACL,gBAAgB,EAChB,oBAAoB,EACpB,gBAAgB,EAChB,cAAc,EACf,MAAM,oCAAoC,CAAA;AAE3C;;;;;GAKG;AACH,8BAAsB,SAAU,SAAQ,UAAW,YAAW,oBAAoB;IAChF;;;OAGG;IACH,QAAQ,CAAC,QAAQ,EAAE,OAAO,CAAA;IAE1B,SAAS,CAAC,gBAAgB,mBAA6B;IAEvD;;OAEG;IACM,SAAS,CAAC,QAAQ,CAAC,OAAO,EAAE,OAAO,GAAG,SAAS,CAAA;IAExD;;;;;;;;OAQG;IACH,UAAU,CAAC,OAAO,EAAE,gBAAgB,GAAG,IAAI;IAI3C;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,EAAE,cAAc,GAAG,IAAI;IAazD;;;;OAIG;IACH,iBAAiB,CAAC,CAAC,EAAE,YAAY,GAAG,IAAI;IAIxC;;;;OAIG;IACH,eAAe,CAAC,CAAC,EAAE,YAAY,GAAG,IAAI;IAItC;;;;OAIG;IACH,mBAAmB,CAAC,CAAC,EAAE,YAAY,GAAG,IAAI;IAI1C;;;;OAIG;IACH,kBAAkB,CAAC,CAAC,EAAE,YAAY,GAAG,IAAI;IAIzC;;;OAGG;IACH,kBAAkB,CAAC,CAAC,EAAE,YAAY,GAAG,IAAI;IAIzC;;;;OAIG;IACH,WAAW,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAIhC;;;;OAIG;IACH,iBAAiB,IAAI,IAAI;IAIzB;;;;OAIG;IACH,aAAa,CAAC,CAAC,EAAE,aAAa,GAAG,IAAI;IAIrC;;;;OAIG;IACH,WAAW,CAAC,CAAC,EAAE,aAAa,GAAG,IAAI;IAInC;;OAEG;IACH,YAAY,IAAI,IAAI;CAGrB"}
@@ -95,6 +95,13 @@ let UiElement = (() => {
95
95
  handlePointerLeave(e) {
96
96
  this.actionController.pointerLeave(e);
97
97
  }
98
+ /**
99
+ * Subclasses should add this method as an event handler on the interactive
100
+ * template element with `@pointerenter="${this.handlePointerEnter}"`
101
+ */
102
+ handlePointerEnter(e) {
103
+ // this.actionController.pointerEnter(e)
104
+ }
98
105
  /**
99
106
  * Hook method for the ActionController.
100
107
  * Subclasses should add this method as an event handler on the interactive
@@ -1 +1 @@
1
- {"version":3,"file":"UiElement.js","sourceRoot":"","sources":["../../../src/md/UiElement.ts"],"names":[],"mappings":"AAAA,sDAAsD;AACtD;;;;GAIG;;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACzC,OAAO,EACL,gBAAgB,GAIjB,MAAM,oCAAoC,CAAA;AAE3C;;;;;GAKG;IACmB,SAAS;sBAAS,UAAU;;;;iBAA5B,SAAU,SAAQ,WAAU;;;mCAY/C,KAAK,EAAE;YAAC,0KAAmB,OAAO,6BAAP,OAAO,yFAAqB;;;QAL9C,gBAAgB,GAAG,IAAI,gBAAgB,CAAC,IAAI,CAAC,CAAA;QAK9C,mFAA+C;QAHxD;;WAEG;QACM,IAAmB,OAAO,6CAAqB;QAA/C,IAAmB,OAAO,mDAAqB;QAExD;;;;;;;;WAQG;QACH,UAAU,CAAC,OAAyB;YAClC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAA;QACrB,CAAC;QAED;;;;;;;WAOG;QACH,QAAQ,CAAC,EAAE,SAAS,EAAE,UAAU,EAAkB;YAChD,IAAI,CAAC,OAAO,GAAG,KAAK,CAAA;YACpB,IAAI,CAAC,SAAS,EAAE,CAAC;gBACf,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,QAAQ,EAAE;oBACxB,MAAM,EAAE,UAAU;oBAClB,OAAO,EAAE,IAAI;oBACb,QAAQ,EAAE,IAAI;iBACf,CAAC,CACH,CAAA;YACH,CAAC;QACH,CAAC;QAED;;;;WAIG;QACH,iBAAiB,CAAC,CAAe;YAC/B,IAAI,CAAC,gBAAgB,CAAC,WAAW,CAAC,CAAC,CAAC,CAAA;QACtC,CAAC;QAED;;;;WAIG;QACH,eAAe,CAAC,CAAe;YAC7B,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC,CAAC,CAAA;QACpC,CAAC;QAED;;;;WAIG;QACH,mBAAmB,CAAC,CAAe;YACjC,IAAI,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAAC,CAAC,CAAA;QACxC,CAAC;QAED;;;;WAIG;QACH,kBAAkB,CAAC,CAAe;YAChC,IAAI,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC,CAAC,CAAA;QACvC,CAAC;QAED;;;;WAIG;QACH,WAAW,CAAC,CAAa;YACvB,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA;QAChC,CAAC;QAED;;;;WAIG;QACH,iBAAiB;YACf,IAAI,CAAC,gBAAgB,CAAC,WAAW,EAAE,CAAA;QACrC,CAAC;QAED;;;;WAIG;QACH,aAAa,CAAC,CAAgB;YAC5B,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;QAClC,CAAC;QAED;;;;WAIG;QACH,WAAW,CAAC,CAAgB;YAC1B,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA;QAChC,CAAC;QAED;;WAEG;QACH,YAAY;YACV,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;QACzC,CAAC;;;;;;;SA7HmB,SAAS","sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\n/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport { LitElement } from 'lit'\nimport { state } from 'lit/decorators.js'\nimport {\n ActionController,\n ActionControllerHost,\n BeginPressConfig,\n EndPressConfig,\n} from '../controllers/ActionController.js'\n\n/**\n * The base class for all API Client's base UI elements.\n * Only contains logic to be applied to **all** UI elements.\n *\n * @fires action - An event dispatched when the UI element was activated (pointer, keyboard).\n */\nexport abstract class UiElement extends LitElement implements ActionControllerHost {\n /**\n * ActionController needs to know if the component is disabled, so subclasses\n * must implement a `disabled` property.\n */\n abstract disabled: boolean\n\n protected actionController = new ActionController(this)\n\n /**\n * Indicates the component is in the pressed state.\n */\n @state() protected accessor pressed: boolean | undefined\n\n /**\n * Hook method called when we've confirmed that the gesture is intended to be\n * a press. Subclasses should change the visual state of the control to\n * 'active' at this point, and possibly fire an event. Subclasses should\n * override this method if more needs to be done.\n *\n * @param options `positionEvent` is the Event that is considered the\n * beginning of the press. Null if this was a keyboard interaction.\n */\n beginPress(options: BeginPressConfig): void {\n this.pressed = true\n }\n\n /**\n * Hook method called when the control goes from a pressed to unpressed\n * state.\n *\n * @param options If `cancelled` is true, means the user canceled the action.\n * Subclasses which trigger events on endPress() should check the value\n * of this flag, and modify their behavior accordingly.\n */\n endPress({ cancelled, actionData }: EndPressConfig): void {\n this.pressed = false\n if (!cancelled) {\n this.dispatchEvent(\n new CustomEvent('action', {\n detail: actionData,\n bubbles: true,\n composed: true,\n })\n )\n }\n }\n\n /**\n * Hook method for the ActionController.\n * Subclasses should add this method as an event handler on the interactive\n * template element with `@pointerdown=\"${this.handlePointerDown}\"`\n */\n handlePointerDown(e: PointerEvent): void {\n this.actionController.pointerDown(e)\n }\n\n /**\n * Hook method for the ActionController.\n * Subclasses should add this method as an event handler on the interactive\n * template element with `@pointerup=\"${this.handlePointerUp}\"`\n */\n handlePointerUp(e: PointerEvent): void {\n this.actionController.pointerUp(e)\n }\n\n /**\n * Hook method for the ActionController.\n * Subclasses should add this method as an event handler on the interactive\n * template element with `@pointercancel=\"${this.handlePointerCancel}\"`\n */\n handlePointerCancel(e: PointerEvent): void {\n this.actionController.pointerCancel(e)\n }\n\n /**\n * Hook method for the ActionController.\n * Subclasses should add this method as an event handler on the interactive\n * template element with `@pointerleave=\"${this.handlePointerleave}\"`\n */\n handlePointerLeave(e: PointerEvent): void {\n this.actionController.pointerLeave(e)\n }\n\n /**\n * Hook method for the ActionController.\n * Subclasses should add this method as an event handler on the interactive\n * template element with `@click=\"${this.handleClick}\"`\n */\n handleClick(e: MouseEvent): void {\n this.actionController.click(e)\n }\n\n /**\n * Hook method for the ActionController.\n * Subclasses should add this method as an event handler on the interactive\n * template element with `@contextmenu=\"${this.handleContextMenu}\"`\n */\n handleContextMenu(): void {\n this.actionController.contextMenu()\n }\n\n /**\n * Hook method for the ActionController.\n * Subclasses should add this method as an event handler on the interactive\n * template element with `@keydown=\"${this.handleKeyDown}\"`\n */\n handleKeyDown(e: KeyboardEvent): void {\n this.actionController.keyDown(e)\n }\n\n /**\n * Hook method for the ActionController.\n * Subclasses should add this method as an event handler on the interactive\n * template element with `@keyup=\"${this.handleKeyUp}\"`\n */\n handleKeyUp(e: KeyboardEvent): void {\n this.actionController.keyUp(e)\n }\n\n /**\n * A common way for an element to notify a change.\n */\n notifyChange(): void {\n this.dispatchEvent(new Event('change'))\n }\n}\n"]}
1
+ {"version":3,"file":"UiElement.js","sourceRoot":"","sources":["../../../src/md/UiElement.ts"],"names":[],"mappings":"AAAA,sDAAsD;AACtD;;;;GAIG;;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACzC,OAAO,EACL,gBAAgB,GAIjB,MAAM,oCAAoC,CAAA;AAE3C;;;;;GAKG;IACmB,SAAS;sBAAS,UAAU;;;;iBAA5B,SAAU,SAAQ,WAAU;;;mCAY/C,KAAK,EAAE;YAAC,0KAAmB,OAAO,6BAAP,OAAO,yFAAqB;;;QAL9C,gBAAgB,GAAG,IAAI,gBAAgB,CAAC,IAAI,CAAC,CAAA;QAK9C,mFAA+C;QAHxD;;WAEG;QACM,IAAmB,OAAO,6CAAqB;QAA/C,IAAmB,OAAO,mDAAqB;QAExD;;;;;;;;WAQG;QACH,UAAU,CAAC,OAAyB;YAClC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAA;QACrB,CAAC;QAED;;;;;;;WAOG;QACH,QAAQ,CAAC,EAAE,SAAS,EAAE,UAAU,EAAkB;YAChD,IAAI,CAAC,OAAO,GAAG,KAAK,CAAA;YACpB,IAAI,CAAC,SAAS,EAAE,CAAC;gBACf,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,QAAQ,EAAE;oBACxB,MAAM,EAAE,UAAU;oBAClB,OAAO,EAAE,IAAI;oBACb,QAAQ,EAAE,IAAI;iBACf,CAAC,CACH,CAAA;YACH,CAAC;QACH,CAAC;QAED;;;;WAIG;QACH,iBAAiB,CAAC,CAAe;YAC/B,IAAI,CAAC,gBAAgB,CAAC,WAAW,CAAC,CAAC,CAAC,CAAA;QACtC,CAAC;QAED;;;;WAIG;QACH,eAAe,CAAC,CAAe;YAC7B,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC,CAAC,CAAA;QACpC,CAAC;QAED;;;;WAIG;QACH,mBAAmB,CAAC,CAAe;YACjC,IAAI,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAAC,CAAC,CAAA;QACxC,CAAC;QAED;;;;WAIG;QACH,kBAAkB,CAAC,CAAe;YAChC,IAAI,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC,CAAC,CAAA;QACvC,CAAC;QAED;;;WAGG;QACH,kBAAkB,CAAC,CAAe;YAChC,wCAAwC;QAC1C,CAAC;QAED;;;;WAIG;QACH,WAAW,CAAC,CAAa;YACvB,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA;QAChC,CAAC;QAED;;;;WAIG;QACH,iBAAiB;YACf,IAAI,CAAC,gBAAgB,CAAC,WAAW,EAAE,CAAA;QACrC,CAAC;QAED;;;;WAIG;QACH,aAAa,CAAC,CAAgB;YAC5B,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;QAClC,CAAC;QAED;;;;WAIG;QACH,WAAW,CAAC,CAAgB;YAC1B,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA;QAChC,CAAC;QAED;;WAEG;QACH,YAAY;YACV,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;QACzC,CAAC;;;;;;;SArImB,SAAS","sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\n/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport { LitElement } from 'lit'\nimport { state } from 'lit/decorators.js'\nimport {\n ActionController,\n ActionControllerHost,\n BeginPressConfig,\n EndPressConfig,\n} from '../controllers/ActionController.js'\n\n/**\n * The base class for all API Client's base UI elements.\n * Only contains logic to be applied to **all** UI elements.\n *\n * @fires action - An event dispatched when the UI element was activated (pointer, keyboard).\n */\nexport abstract class UiElement extends LitElement implements ActionControllerHost {\n /**\n * ActionController needs to know if the component is disabled, so subclasses\n * must implement a `disabled` property.\n */\n abstract disabled: boolean\n\n protected actionController = new ActionController(this)\n\n /**\n * Indicates the component is in the pressed state.\n */\n @state() protected accessor pressed: boolean | undefined\n\n /**\n * Hook method called when we've confirmed that the gesture is intended to be\n * a press. Subclasses should change the visual state of the control to\n * 'active' at this point, and possibly fire an event. Subclasses should\n * override this method if more needs to be done.\n *\n * @param options `positionEvent` is the Event that is considered the\n * beginning of the press. Null if this was a keyboard interaction.\n */\n beginPress(options: BeginPressConfig): void {\n this.pressed = true\n }\n\n /**\n * Hook method called when the control goes from a pressed to unpressed\n * state.\n *\n * @param options If `cancelled` is true, means the user canceled the action.\n * Subclasses which trigger events on endPress() should check the value\n * of this flag, and modify their behavior accordingly.\n */\n endPress({ cancelled, actionData }: EndPressConfig): void {\n this.pressed = false\n if (!cancelled) {\n this.dispatchEvent(\n new CustomEvent('action', {\n detail: actionData,\n bubbles: true,\n composed: true,\n })\n )\n }\n }\n\n /**\n * Hook method for the ActionController.\n * Subclasses should add this method as an event handler on the interactive\n * template element with `@pointerdown=\"${this.handlePointerDown}\"`\n */\n handlePointerDown(e: PointerEvent): void {\n this.actionController.pointerDown(e)\n }\n\n /**\n * Hook method for the ActionController.\n * Subclasses should add this method as an event handler on the interactive\n * template element with `@pointerup=\"${this.handlePointerUp}\"`\n */\n handlePointerUp(e: PointerEvent): void {\n this.actionController.pointerUp(e)\n }\n\n /**\n * Hook method for the ActionController.\n * Subclasses should add this method as an event handler on the interactive\n * template element with `@pointercancel=\"${this.handlePointerCancel}\"`\n */\n handlePointerCancel(e: PointerEvent): void {\n this.actionController.pointerCancel(e)\n }\n\n /**\n * Hook method for the ActionController.\n * Subclasses should add this method as an event handler on the interactive\n * template element with `@pointerleave=\"${this.handlePointerleave}\"`\n */\n handlePointerLeave(e: PointerEvent): void {\n this.actionController.pointerLeave(e)\n }\n\n /**\n * Subclasses should add this method as an event handler on the interactive\n * template element with `@pointerenter=\"${this.handlePointerEnter}\"`\n */\n handlePointerEnter(e: PointerEvent): void {\n // this.actionController.pointerEnter(e)\n }\n\n /**\n * Hook method for the ActionController.\n * Subclasses should add this method as an event handler on the interactive\n * template element with `@click=\"${this.handleClick}\"`\n */\n handleClick(e: MouseEvent): void {\n this.actionController.click(e)\n }\n\n /**\n * Hook method for the ActionController.\n * Subclasses should add this method as an event handler on the interactive\n * template element with `@contextmenu=\"${this.handleContextMenu}\"`\n */\n handleContextMenu(): void {\n this.actionController.contextMenu()\n }\n\n /**\n * Hook method for the ActionController.\n * Subclasses should add this method as an event handler on the interactive\n * template element with `@keydown=\"${this.handleKeyDown}\"`\n */\n handleKeyDown(e: KeyboardEvent): void {\n this.actionController.keyDown(e)\n }\n\n /**\n * Hook method for the ActionController.\n * Subclasses should add this method as an event handler on the interactive\n * template element with `@keyup=\"${this.handleKeyUp}\"`\n */\n handleKeyUp(e: KeyboardEvent): void {\n this.actionController.keyUp(e)\n }\n\n /**\n * A common way for an element to notify a change.\n */\n notifyChange(): void {\n this.dispatchEvent(new Event('change'))\n }\n}\n"]}
@@ -1,7 +1,7 @@
1
1
  import type { CSSResultOrNative } from 'lit';
2
2
  import Element from './internals/elevated-button.js';
3
3
  /**
4
- * @attrbite {string} form
4
+ * @attribute form
5
5
  */
6
6
  export declare class UiElevatedButtonElement extends Element {
7
7
  static styles: CSSResultOrNative[];
@@ -4,7 +4,7 @@ import Element from './internals/elevated-button.js';
4
4
  import base from './internals/button-styles.js';
5
5
  import styles from './internals/elevated-button.styles.js';
6
6
  /**
7
- * @attrbite {string} form
7
+ * @attribute form
8
8
  */
9
9
  let UiElevatedButtonElement = (() => {
10
10
  let _classDecorators = [customElement('ui-elevated-button')];
@@ -1 +1 @@
1
- {"version":3,"file":"ui-elevated-button.js","sourceRoot":"","sources":["../../../../src/md/button/ui-elevated-button.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,OAAO,MAAM,gCAAgC,CAAA;AACpD,OAAO,IAAI,MAAM,8BAA8B,CAAA;AAC/C,OAAO,MAAM,MAAM,uCAAuC,CAAA;AAE1D;;GAEG;IAEU,uBAAuB;4BADnC,aAAa,CAAC,oBAAoB,CAAC;;;;sBACS,OAAO;uCAAf,SAAQ,WAAO;;;;YAApD,6KAEC;;;;QADC,MAAM,CAAU,MAAM,GAAwB,CAAC,IAAI,EAAE,MAAM,CAAC,CAAA;;YADjD,uDAAuB;;;;;SAAvB,uBAAuB","sourcesContent":["import type { CSSResultOrNative } from 'lit'\nimport { customElement } from 'lit/decorators.js'\nimport Element from './internals/elevated-button.js'\nimport base from './internals/button-styles.js'\nimport styles from './internals/elevated-button.styles.js'\n\n/**\n * @attrbite {string} form\n */\n@customElement('ui-elevated-button')\nexport class UiElevatedButtonElement extends Element {\n static override styles: CSSResultOrNative[] = [base, styles]\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'ui-elevated-button': UiElevatedButtonElement\n }\n}\n"]}
1
+ {"version":3,"file":"ui-elevated-button.js","sourceRoot":"","sources":["../../../../src/md/button/ui-elevated-button.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,OAAO,MAAM,gCAAgC,CAAA;AACpD,OAAO,IAAI,MAAM,8BAA8B,CAAA;AAC/C,OAAO,MAAM,MAAM,uCAAuC,CAAA;AAE1D;;GAEG;IAEU,uBAAuB;4BADnC,aAAa,CAAC,oBAAoB,CAAC;;;;sBACS,OAAO;uCAAf,SAAQ,WAAO;;;;YAApD,6KAEC;;;;QADC,MAAM,CAAU,MAAM,GAAwB,CAAC,IAAI,EAAE,MAAM,CAAC,CAAA;;YADjD,uDAAuB;;;;;SAAvB,uBAAuB","sourcesContent":["import type { CSSResultOrNative } from 'lit'\nimport { customElement } from 'lit/decorators.js'\nimport Element from './internals/elevated-button.js'\nimport base from './internals/button-styles.js'\nimport styles from './internals/elevated-button.styles.js'\n\n/**\n * @attribute form\n */\n@customElement('ui-elevated-button')\nexport class UiElevatedButtonElement extends Element {\n static override styles: CSSResultOrNative[] = [base, styles]\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'ui-elevated-button': UiElevatedButtonElement\n }\n}\n"]}
@@ -1,7 +1,7 @@
1
1
  import type { CSSResultOrNative } from 'lit';
2
2
  import Element from './internals/filled-button.js';
3
3
  /**
4
- * @attrbite {string} form
4
+ * @attribute {string} form
5
5
  */
6
6
  export declare class UiFilledButtonElement extends Element {
7
7
  static styles: CSSResultOrNative[];
@@ -4,7 +4,7 @@ import Element from './internals/filled-button.js';
4
4
  import base from './internals/button-styles.js';
5
5
  import styles from './internals/filled-button.styles.js';
6
6
  /**
7
- * @attrbite {string} form
7
+ * @attribute {string} form
8
8
  */
9
9
  let UiFilledButtonElement = (() => {
10
10
  let _classDecorators = [customElement('ui-filled-button')];
@@ -1 +1 @@
1
- {"version":3,"file":"ui-filled-button.js","sourceRoot":"","sources":["../../../../src/md/button/ui-filled-button.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,OAAO,MAAM,8BAA8B,CAAA;AAClD,OAAO,IAAI,MAAM,8BAA8B,CAAA;AAC/C,OAAO,MAAM,MAAM,qCAAqC,CAAA;AAExD;;GAEG;IAEU,qBAAqB;4BADjC,aAAa,CAAC,kBAAkB,CAAC;;;;sBACS,OAAO;qCAAf,SAAQ,WAAO;;;;YAAlD,6KAEC;;;;QADC,MAAM,CAAU,MAAM,GAAwB,CAAC,IAAI,EAAE,MAAM,CAAC,CAAA;;YADjD,uDAAqB;;;;;SAArB,qBAAqB","sourcesContent":["import type { CSSResultOrNative } from 'lit'\nimport { customElement } from 'lit/decorators.js'\nimport Element from './internals/filled-button.js'\nimport base from './internals/button-styles.js'\nimport styles from './internals/filled-button.styles.js'\n\n/**\n * @attrbite {string} form\n */\n@customElement('ui-filled-button')\nexport class UiFilledButtonElement extends Element {\n static override styles: CSSResultOrNative[] = [base, styles]\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'ui-filled-button': UiFilledButtonElement\n }\n}\n"]}
1
+ {"version":3,"file":"ui-filled-button.js","sourceRoot":"","sources":["../../../../src/md/button/ui-filled-button.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,OAAO,MAAM,8BAA8B,CAAA;AAClD,OAAO,IAAI,MAAM,8BAA8B,CAAA;AAC/C,OAAO,MAAM,MAAM,qCAAqC,CAAA;AAExD;;GAEG;IAEU,qBAAqB;4BADjC,aAAa,CAAC,kBAAkB,CAAC;;;;sBACS,OAAO;qCAAf,SAAQ,WAAO;;;;YAAlD,6KAEC;;;;QADC,MAAM,CAAU,MAAM,GAAwB,CAAC,IAAI,EAAE,MAAM,CAAC,CAAA;;YADjD,uDAAqB;;;;;SAArB,qBAAqB","sourcesContent":["import type { CSSResultOrNative } from 'lit'\nimport { customElement } from 'lit/decorators.js'\nimport Element from './internals/filled-button.js'\nimport base from './internals/button-styles.js'\nimport styles from './internals/filled-button.styles.js'\n\n/**\n * @attribute {string} form\n */\n@customElement('ui-filled-button')\nexport class UiFilledButtonElement extends Element {\n static override styles: CSSResultOrNative[] = [base, styles]\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'ui-filled-button': UiFilledButtonElement\n }\n}\n"]}
@@ -1,14 +1,14 @@
1
1
  import type { CSSResultOrNative } from 'lit';
2
2
  import Element from './internals/filled-tonal-button.js';
3
3
  /**
4
- * @attrbite {string} form
4
+ * @attribute {string} form
5
5
  */
6
- export declare class UiFilltedButtonElement extends Element {
6
+ export declare class UiFilledButtonElement extends Element {
7
7
  static styles: CSSResultOrNative[];
8
8
  }
9
9
  declare global {
10
10
  interface HTMLElementTagNameMap {
11
- 'ui-filled-tonal-button': UiFilltedButtonElement;
11
+ 'ui-filled-tonal-button': UiFilledButtonElement;
12
12
  }
13
13
  }
14
14
  //# sourceMappingURL=ui-filled-tonal-button.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ui-filled-tonal-button.d.ts","sourceRoot":"","sources":["../../../../src/md/button/ui-filled-tonal-button.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,KAAK,CAAA;AAE5C,OAAO,OAAO,MAAM,oCAAoC,CAAA;AAIxD;;GAEG;AACH,qBACa,sBAAuB,SAAQ,OAAO;IACjD,OAAgB,MAAM,EAAE,iBAAiB,EAAE,CAAiB;CAC7D;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,wBAAwB,EAAE,sBAAsB,CAAA;KACjD;CACF"}
1
+ {"version":3,"file":"ui-filled-tonal-button.d.ts","sourceRoot":"","sources":["../../../../src/md/button/ui-filled-tonal-button.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,KAAK,CAAA;AAE5C,OAAO,OAAO,MAAM,oCAAoC,CAAA;AAIxD;;GAEG;AACH,qBACa,qBAAsB,SAAQ,OAAO;IAChD,OAAgB,MAAM,EAAE,iBAAiB,EAAE,CAAiB;CAC7D;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,wBAAwB,EAAE,qBAAqB,CAAA;KAChD;CACF"}
@@ -4,20 +4,20 @@ import Element from './internals/filled-tonal-button.js';
4
4
  import base from './internals/button-styles.js';
5
5
  import styles from './internals/filled-tonal-button.styles.js';
6
6
  /**
7
- * @attrbite {string} form
7
+ * @attribute {string} form
8
8
  */
9
- let UiFilltedButtonElement = (() => {
9
+ let UiFilledButtonElement = (() => {
10
10
  let _classDecorators = [customElement('ui-filled-tonal-button')];
11
11
  let _classDescriptor;
12
12
  let _classExtraInitializers = [];
13
13
  let _classThis;
14
14
  let _classSuper = Element;
15
- var UiFilltedButtonElement = class extends _classSuper {
15
+ var UiFilledButtonElement = class extends _classSuper {
16
16
  static { _classThis = this; }
17
17
  static {
18
18
  const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
19
19
  __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
20
- UiFilltedButtonElement = _classThis = _classDescriptor.value;
20
+ UiFilledButtonElement = _classThis = _classDescriptor.value;
21
21
  if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
22
22
  }
23
23
  static styles = [base, styles];
@@ -25,7 +25,7 @@ let UiFilltedButtonElement = (() => {
25
25
  __runInitializers(_classThis, _classExtraInitializers);
26
26
  }
27
27
  };
28
- return UiFilltedButtonElement = _classThis;
28
+ return UiFilledButtonElement = _classThis;
29
29
  })();
30
- export { UiFilltedButtonElement };
30
+ export { UiFilledButtonElement };
31
31
  //# sourceMappingURL=ui-filled-tonal-button.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ui-filled-tonal-button.js","sourceRoot":"","sources":["../../../../src/md/button/ui-filled-tonal-button.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,OAAO,MAAM,oCAAoC,CAAA;AACxD,OAAO,IAAI,MAAM,8BAA8B,CAAA;AAC/C,OAAO,MAAM,MAAM,2CAA2C,CAAA;AAE9D;;GAEG;IAEU,sBAAsB;4BADlC,aAAa,CAAC,wBAAwB,CAAC;;;;sBACI,OAAO;sCAAf,SAAQ,WAAO;;;;YAAnD,6KAEC;;;;QADC,MAAM,CAAU,MAAM,GAAwB,CAAC,IAAI,EAAE,MAAM,CAAC,CAAA;;YADjD,uDAAsB;;;;;SAAtB,sBAAsB","sourcesContent":["import type { CSSResultOrNative } from 'lit'\nimport { customElement } from 'lit/decorators.js'\nimport Element from './internals/filled-tonal-button.js'\nimport base from './internals/button-styles.js'\nimport styles from './internals/filled-tonal-button.styles.js'\n\n/**\n * @attrbite {string} form\n */\n@customElement('ui-filled-tonal-button')\nexport class UiFilltedButtonElement extends Element {\n static override styles: CSSResultOrNative[] = [base, styles]\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'ui-filled-tonal-button': UiFilltedButtonElement\n }\n}\n"]}
1
+ {"version":3,"file":"ui-filled-tonal-button.js","sourceRoot":"","sources":["../../../../src/md/button/ui-filled-tonal-button.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,OAAO,MAAM,oCAAoC,CAAA;AACxD,OAAO,IAAI,MAAM,8BAA8B,CAAA;AAC/C,OAAO,MAAM,MAAM,2CAA2C,CAAA;AAE9D;;GAEG;IAEU,qBAAqB;4BADjC,aAAa,CAAC,wBAAwB,CAAC;;;;sBACG,OAAO;qCAAf,SAAQ,WAAO;;;;YAAlD,6KAEC;;;;QADC,MAAM,CAAU,MAAM,GAAwB,CAAC,IAAI,EAAE,MAAM,CAAC,CAAA;;YADjD,uDAAqB;;;;;SAArB,qBAAqB","sourcesContent":["import type { CSSResultOrNative } from 'lit'\nimport { customElement } from 'lit/decorators.js'\nimport Element from './internals/filled-tonal-button.js'\nimport base from './internals/button-styles.js'\nimport styles from './internals/filled-tonal-button.styles.js'\n\n/**\n * @attribute {string} form\n */\n@customElement('ui-filled-tonal-button')\nexport class UiFilledButtonElement extends Element {\n static override styles: CSSResultOrNative[] = [base, styles]\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'ui-filled-tonal-button': UiFilledButtonElement\n }\n}\n"]}
@@ -1,7 +1,7 @@
1
1
  import type { CSSResultOrNative } from 'lit';
2
2
  import Element from './internals/outlined-button.js';
3
3
  /**
4
- * @attrbite {string} form
4
+ * @attribute {string} form
5
5
  */
6
6
  export declare class UiOutlinedButtonElement extends Element {
7
7
  static styles: CSSResultOrNative[];
@@ -4,7 +4,7 @@ import Element from './internals/outlined-button.js';
4
4
  import base from './internals/button-styles.js';
5
5
  import styles from './internals/outlined-button.styles.js';
6
6
  /**
7
- * @attrbite {string} form
7
+ * @attribute {string} form
8
8
  */
9
9
  let UiOutlinedButtonElement = (() => {
10
10
  let _classDecorators = [customElement('ui-outlined-button')];
@@ -1 +1 @@
1
- {"version":3,"file":"ui-outlined-button.js","sourceRoot":"","sources":["../../../../src/md/button/ui-outlined-button.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,OAAO,MAAM,gCAAgC,CAAA;AACpD,OAAO,IAAI,MAAM,8BAA8B,CAAA;AAC/C,OAAO,MAAM,MAAM,uCAAuC,CAAA;AAE1D;;GAEG;IAEU,uBAAuB;4BADnC,aAAa,CAAC,oBAAoB,CAAC;;;;sBACS,OAAO;uCAAf,SAAQ,WAAO;;;;YAApD,6KAEC;;;;QADC,MAAM,CAAU,MAAM,GAAwB,CAAC,IAAI,EAAE,MAAM,CAAC,CAAA;;YADjD,uDAAuB;;;;;SAAvB,uBAAuB","sourcesContent":["import type { CSSResultOrNative } from 'lit'\nimport { customElement } from 'lit/decorators.js'\nimport Element from './internals/outlined-button.js'\nimport base from './internals/button-styles.js'\nimport styles from './internals/outlined-button.styles.js'\n\n/**\n * @attrbite {string} form\n */\n@customElement('ui-outlined-button')\nexport class UiOutlinedButtonElement extends Element {\n static override styles: CSSResultOrNative[] = [base, styles]\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'ui-outlined-button': UiOutlinedButtonElement\n }\n}\n"]}
1
+ {"version":3,"file":"ui-outlined-button.js","sourceRoot":"","sources":["../../../../src/md/button/ui-outlined-button.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,OAAO,MAAM,gCAAgC,CAAA;AACpD,OAAO,IAAI,MAAM,8BAA8B,CAAA;AAC/C,OAAO,MAAM,MAAM,uCAAuC,CAAA;AAE1D;;GAEG;IAEU,uBAAuB;4BADnC,aAAa,CAAC,oBAAoB,CAAC;;;;sBACS,OAAO;uCAAf,SAAQ,WAAO;;;;YAApD,6KAEC;;;;QADC,MAAM,CAAU,MAAM,GAAwB,CAAC,IAAI,EAAE,MAAM,CAAC,CAAA;;YADjD,uDAAuB;;;;;SAAvB,uBAAuB","sourcesContent":["import type { CSSResultOrNative } from 'lit'\nimport { customElement } from 'lit/decorators.js'\nimport Element from './internals/outlined-button.js'\nimport base from './internals/button-styles.js'\nimport styles from './internals/outlined-button.styles.js'\n\n/**\n * @attribute {string} form\n */\n@customElement('ui-outlined-button')\nexport class UiOutlinedButtonElement extends Element {\n static override styles: CSSResultOrNative[] = [base, styles]\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'ui-outlined-button': UiOutlinedButtonElement\n }\n}\n"]}
@@ -1,7 +1,7 @@
1
1
  import type { CSSResultOrNative } from 'lit';
2
2
  import Element from './internals/text-button.js';
3
3
  /**
4
- * @attrbite {string} form
4
+ * @attribute {string} form
5
5
  */
6
6
  export declare class UiTextButtonElement extends Element {
7
7
  static styles: CSSResultOrNative[];
@@ -4,7 +4,7 @@ import Element from './internals/text-button.js';
4
4
  import base from './internals/button-styles.js';
5
5
  import styles from './internals/text-button.styles.js';
6
6
  /**
7
- * @attrbite {string} form
7
+ * @attribute {string} form
8
8
  */
9
9
  let UiTextButtonElement = (() => {
10
10
  let _classDecorators = [customElement('ui-text-button')];
@@ -1 +1 @@
1
- {"version":3,"file":"ui-text-button.js","sourceRoot":"","sources":["../../../../src/md/button/ui-text-button.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,OAAO,MAAM,4BAA4B,CAAA;AAChD,OAAO,IAAI,MAAM,8BAA8B,CAAA;AAC/C,OAAO,MAAM,MAAM,mCAAmC,CAAA;AAEtD;;GAEG;IAEU,mBAAmB;4BAD/B,aAAa,CAAC,gBAAgB,CAAC;;;;sBACS,OAAO;mCAAf,SAAQ,WAAO;;;;YAAhD,6KAEC;;;;QADC,MAAM,CAAU,MAAM,GAAwB,CAAC,IAAI,EAAE,MAAM,CAAC,CAAA;;YADjD,uDAAmB;;;;;SAAnB,mBAAmB","sourcesContent":["import type { CSSResultOrNative } from 'lit'\nimport { customElement } from 'lit/decorators.js'\nimport Element from './internals/text-button.js'\nimport base from './internals/button-styles.js'\nimport styles from './internals/text-button.styles.js'\n\n/**\n * @attrbite {string} form\n */\n@customElement('ui-text-button')\nexport class UiTextButtonElement extends Element {\n static override styles: CSSResultOrNative[] = [base, styles]\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'ui-text-button': UiTextButtonElement\n }\n}\n"]}
1
+ {"version":3,"file":"ui-text-button.js","sourceRoot":"","sources":["../../../../src/md/button/ui-text-button.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,OAAO,MAAM,4BAA4B,CAAA;AAChD,OAAO,IAAI,MAAM,8BAA8B,CAAA;AAC/C,OAAO,MAAM,MAAM,mCAAmC,CAAA;AAEtD;;GAEG;IAEU,mBAAmB;4BAD/B,aAAa,CAAC,gBAAgB,CAAC;;;;sBACS,OAAO;mCAAf,SAAQ,WAAO;;;;YAAhD,6KAEC;;;;QADC,MAAM,CAAU,MAAM,GAAwB,CAAC,IAAI,EAAE,MAAM,CAAC,CAAA;;YADjD,uDAAmB;;;;;SAAnB,mBAAmB","sourcesContent":["import type { CSSResultOrNative } from 'lit'\nimport { customElement } from 'lit/decorators.js'\nimport Element from './internals/text-button.js'\nimport base from './internals/button-styles.js'\nimport styles from './internals/text-button.styles.js'\n\n/**\n * @attribute {string} form\n */\n@customElement('ui-text-button')\nexport class UiTextButtonElement extends Element {\n static override styles: CSSResultOrNative[] = [base, styles]\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'ui-text-button': UiTextButtonElement\n }\n}\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"Checkbox.styles.d.ts","sourceRoot":"","sources":["../../../../../src/md/checkbox/internals/Checkbox.styles.ts"],"names":[],"mappings":";AAEA,wBA0RC"}
1
+ {"version":3,"file":"Checkbox.styles.d.ts","sourceRoot":"","sources":["../../../../../src/md/checkbox/internals/Checkbox.styles.ts"],"names":[],"mappings":";AAEA,wBAyHC"}