@api-client/ui 0.2.13 → 0.3.1

package/.vscode/settings.json

@@ -5,6 +5,7 @@
     "itemschange",
     "openentity",
     "querycomplete",
+    "selectedcontent",
     "startactivity",
     "startactivityforresult",
     "typescale"

package/build/src/core/ModalActivity.d.ts

@@ -2,7 +2,7 @@ import { type TemplateResult } from 'lit';
 import { Activity } from './Activity.js';
 import type { UiDialogClosingReason } from '../md/dialog/internals/Dialog.js';
 import '../md/dialog/ui-dialog.js';
-import '../md/button/ui-text-button.js';
+import '../md/button/ui-button.js';
 export interface ActionButtonInit {
     /**
      * The label to use for the button.

package/build/src/core/ModalActivity.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModalActivity.d.ts","sourceRoot":"","sources":["../../../src/core/ModalActivity.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAA;AAG/C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,kCAAkC,CAAA;AAI7E,OAAO,2BAA2B,CAAA;AAClC,OAAO,gCAAgC,CAAA;AAEvC,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;CACnC;AAED;;;;;;;;;GASG;AACH,8BAAsB,aAAc,SAAQ,QAAQ;IAClD;;OAEG;IACH,SAAS,CAAC,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAK;IACrD;;OAEG;IACM,QAAQ,CAAC,MAAM,UAAO;IAE/B;;OAEG;IACH,SAAS,CAAC,MAAM,CAAC,EAAE,MAAM,CAAA;IAEhB,QAAQ,IAAI,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;IAQ1B,MAAM,IAAI,OAAO,CAAC,IAAI,CAAC;IAQtC,SAAS,CAAC,kBAAkB,CAAC,CAAC,EAAE,WAAW,CAAC,qBAAqB,CAAC,GAAG,IAAI;IASzE;;;;OAIG;IACH,SAAS,CAAC,oBAAoB,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;IAKpD;;;;OAIG;IAEH,SAAS,CAAC,oBAAoB,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;IAIpD;;;OAGG;IACH,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,WAAW,GAAG,IAAI;IAI5C;;;OAGG;IACH,YAAY,IAAI,cAAc;IAW9B;;;;;OAKG;IACH,SAAS,CAAC,UAAU,CAAC,OAAO,EAAE,cAAc,EAAE,IAAI,CAAC,EAAE,MAAM,GAAG,cAAc;IAc5E;;;OAGG;IACH,SAAS,CAAC,oBAAoB,CAAC,IAAI,GAAE,gBAAqB,GAAG,cAAc;IAO3E;;;;;OAKG;IACH,SAAS,CAAC,oBAAoB,CAAC,IAAI,GAAE,gBAAqB,GAAG,cAAc;IAgB3E;;;OAGG;IACH,SAAS,CAAC,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,cAAc;CAGrD"}
+{"version":3,"file":"ModalActivity.d.ts","sourceRoot":"","sources":["../../../src/core/ModalActivity.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAA;AAG/C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACxC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,kCAAkC,CAAA;AAI7E,OAAO,2BAA2B,CAAA;AAClC,OAAO,2BAA2B,CAAA;AAElC,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAA;CACnC;AAED;;;;;;;;;GASG;AACH,8BAAsB,aAAc,SAAQ,QAAQ;IAClD;;OAEG;IACH,SAAS,CAAC,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAK;IACrD;;OAEG;IACM,QAAQ,CAAC,MAAM,UAAO;IAE/B;;OAEG;IACH,SAAS,CAAC,MAAM,CAAC,EAAE,MAAM,CAAA;IAEhB,QAAQ,IAAI,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;IAQ1B,MAAM,IAAI,OAAO,CAAC,IAAI,CAAC;IAQtC,SAAS,CAAC,kBAAkB,CAAC,CAAC,EAAE,WAAW,CAAC,qBAAqB,CAAC,GAAG,IAAI;IASzE;;;;OAIG;IACH,SAAS,CAAC,oBAAoB,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;IAKpD;;;;OAIG;IAEH,SAAS,CAAC,oBAAoB,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;IAIpD;;;OAGG;IACH,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,WAAW,GAAG,IAAI;IAI5C;;;OAGG;IACH,YAAY,IAAI,cAAc;IAW9B;;;;;OAKG;IACH,SAAS,CAAC,UAAU,CAAC,OAAO,EAAE,cAAc,EAAE,IAAI,CAAC,EAAE,MAAM,GAAG,cAAc;IAc5E;;;OAGG;IACH,SAAS,CAAC,oBAAoB,CAAC,IAAI,GAAE,gBAAqB,GAAG,cAAc;IAO3E;;;;;OAKG;IACH,SAAS,CAAC,oBAAoB,CAAC,IAAI,GAAE,gBAAqB,GAAG,cAAc;IAiB3E;;;OAGG;IACH,SAAS,CAAC,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,cAAc;CAGrD"}

package/build/src/core/ModalActivity.js

@@ -6,7 +6,7 @@ import { Activity } from './Activity.js';
 import state from '../decorators/state.js';
 import { IntentResult } from './ActivityManager.js';
 import '../md/dialog/ui-dialog.js';
-import '../md/button/ui-text-button.js';
+import '../md/button/ui-button.js';
 /**
  * A special kind of activity that renders content in a modal dialog.
  * When a modal activity is running the underlying activities are paused.
@@ -134,8 +134,8 @@ let ModalActivity = (() => {
          */
         renderNegativeButton(init = {}) {
             const { label = 'Cancel' } = init;
-            return html `<ui-text-button slot="button" type="button" value="dismiss" @click="${init.callback}"
-      >${label}</ui-text-button
+            return html `<ui-button color="text" slot="button" type="button" value="dismiss" @click="${init.callback}"
+      >${label}</ui-button
     >`;
         }
         /**
@@ -149,14 +149,15 @@ let ModalActivity = (() => {
             const { formId } = this;
             const type = formId ? 'submit' : 'button';
             // UI buttons have a proper support for form association.
-            return html `<ui-text-button
+            return html `<ui-button
+      color="text"
       slot="button"
       ?disabled="${disabled}"
       type="${type}"
       value="confirm"
       form="${ifDefined(formId)}"
       @click="${init.callback}"
-      >${label}</ui-text-button
+      >${label}</ui-button
     >`;
         }
         /**

package/build/src/core/ModalActivity.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalActivity.js","sourceRoot":"","sources":["../../../src/core/ModalActivity.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, type TemplateResult } from 'lit'\nimport { ifDefined } from 'lit/directives/if-defined.js'\nimport { classMap } from 'lit/directives/class-map.js'\nimport { Activity } from './Activity.js'\nimport type { UiDialogClosingReason } from '../md/dialog/internals/Dialog.js'\nimport state from '../decorators/state.js'\nimport { IntentResult } from './ActivityManager.js'\n\nimport '../md/dialog/ui-dialog.js'\nimport '../md/button/ui-text-button.js'\n\nexport interface ActionButtonInit {\n  /**\n   * The label to use for the button.\n   */\n  label?: string\n  /**\n   * Whether the button is disabled.\n   */\n  disabled?: boolean\n  /**\n   * Optional callback to be called when the button is clicked.\n   */\n  callback?: (e: MouseEvent) => void\n}\n\n/**\n * A special kind of activity that renders content in a modal dialog.\n * When a modal activity is running the underlying activities are paused.\n *\n * A modal activity uses the UiDialogElement to render its content. The dialog\n * is inserted directly into the `<body>` element of the document and rendered\n * in the top layer. Because of that, the modal activity does not support\n * regular rendering logic. It creates its own render root that is used to render\n * the template.\n */\nexport abstract class ModalActivity extends Activity {\n  /**\n   * The list of classes to apply to the dialog.\n   */\n  protected dialogClasses: Record<string, boolean> = {}\n  /**\n   * Controls dialog visibility without controlling the activity state.\n   */\n  @state() accessor opened = true\n\n  /**\n   * The id of the form used to render the dialog.\n   */\n  protected formId?: string\n\n  override onResume(): void | Promise<void> {\n    this.renderRoot = document.createElement('div')\n    this.renderRoot.classList.add('modal-activity-container')\n    document.body.appendChild(this.renderRoot)\n    super.onResume()\n    this.requestUpdate()\n  }\n\n  override async finish(): Promise<void> {\n    if (this.renderRoot) {\n      document.body.removeChild(this.renderRoot)\n      this.renderRoot = undefined\n    }\n    await super.finish()\n  }\n\n  protected handleDialogClosed(e: CustomEvent<UiDialogClosingReason>): void {\n    const { cancelled, value } = e.detail\n    if (cancelled) {\n      this.handleNegativeAction(value)\n    } else {\n      this.handlePositiveAction(value)\n    }\n  }\n\n  /**\n   * Called when the dialog is closed with a negative action.\n   * Override this function to handle the negative action.\n   * @param value The value passed to the dialog when it is closed.\n   */\n  protected handleNegativeAction(value: unknown): void {\n    this.setResult(IntentResult.RESULT_CANCELED, value)\n    this.finish()\n  }\n\n  /**\n   * Called when the dialog is closed with a positive action.\n   * Override this function to handle the positive action.\n   * @param value The value passed to the dialog when it is closed.\n   */\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  protected handlePositiveAction(value: unknown): void {\n    this.finish()\n  }\n\n  /**\n   * Override this method to handle the form submission.\n   * @param e The submit event.\n   */\n  protected handleSubmit(e: SubmitEvent): void {\n    e.preventDefault()\n  }\n\n  /**\n   * The function called by the rendered when rendering this dialog.\n   * This way, the `render()` function is still used as the primary template provider.\n   */\n  renderDialog(): TemplateResult {\n    const classes = {\n      activityDialog: true,\n      [this.constructor.name.toLowerCase()]: true,\n      ...this.dialogClasses,\n    }\n    return html`<ui-dialog modal .open=\"${this.opened}\" class=\"${classMap(classes)}\" @close=\"${this.handleDialogClosed}\"\n      >${this.render()}</ui-dialog\n    >`\n  }\n\n  /**\n   * Used with dialogs that render forms. Override the `handleSubmit` method\n   * to handle the form submission.\n   * @param content The content to render in the form.\n   * @param name Optional form name\n   */\n  protected renderForm(content: TemplateResult, name?: string): TemplateResult {\n    if (!this.formId) {\n      this.formId = `form-${this.constructor.name.toLowerCase()}`\n    }\n    return html`<form\n      id=\"${this.formId}\"\n      name=\"${ifDefined(name)}\"\n      class=\"dialog-content\"\n      @submit=\"${this.handleSubmit}\"\n    >\n      ${content}\n    </form>`\n  }\n\n  /**\n   * Renders the cancel button for the dialog.\n   * @param label The label to use for the cancel button.\n   */\n  protected renderNegativeButton(init: ActionButtonInit = {}): TemplateResult {\n    const { label = 'Cancel' } = init\n    return html`<ui-text-button slot=\"button\" type=\"button\" value=\"dismiss\" @click=\"${init.callback}\"\n      >${label}</ui-text-button\n    >`\n  }\n\n  /**\n   * Renders the submit button for the dialog.\n   * If the formId is set, the button will be a submit button.\n   * Otherwise, it will be a regular button.\n   * @param label The label to use for the submit button.\n   */\n  protected renderPositiveButton(init: ActionButtonInit = {}): TemplateResult {\n    const { label = 'OK', disabled = false } = init\n    const { formId } = this\n    const type = formId ? 'submit' : 'button'\n    // UI buttons have a proper support for form association.\n    return html`<ui-text-button\n      slot=\"button\"\n      ?disabled=\"${disabled}\"\n      type=\"${type}\"\n      value=\"confirm\"\n      form=\"${ifDefined(formId)}\"\n      @click=\"${init.callback}\"\n      >${label}</ui-text-button\n    >`\n  }\n\n  /**\n   * Renders the title for the dialog.\n   * @param title The title to render in the dialog.\n   */\n  protected renderTitle(title: string): TemplateResult {\n    return html`<span slot=\"title\">${title}</span>`\n  }\n}\n"]}
+{"version":3,"file":"ModalActivity.js","sourceRoot":"","sources":["../../../src/core/ModalActivity.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, type TemplateResult } from 'lit'\nimport { ifDefined } from 'lit/directives/if-defined.js'\nimport { classMap } from 'lit/directives/class-map.js'\nimport { Activity } from './Activity.js'\nimport type { UiDialogClosingReason } from '../md/dialog/internals/Dialog.js'\nimport state from '../decorators/state.js'\nimport { IntentResult } from './ActivityManager.js'\n\nimport '../md/dialog/ui-dialog.js'\nimport '../md/button/ui-button.js'\n\nexport interface ActionButtonInit {\n  /**\n   * The label to use for the button.\n   */\n  label?: string\n  /**\n   * Whether the button is disabled.\n   */\n  disabled?: boolean\n  /**\n   * Optional callback to be called when the button is clicked.\n   */\n  callback?: (e: MouseEvent) => void\n}\n\n/**\n * A special kind of activity that renders content in a modal dialog.\n * When a modal activity is running the underlying activities are paused.\n *\n * A modal activity uses the UiDialogElement to render its content. The dialog\n * is inserted directly into the `<body>` element of the document and rendered\n * in the top layer. Because of that, the modal activity does not support\n * regular rendering logic. It creates its own render root that is used to render\n * the template.\n */\nexport abstract class ModalActivity extends Activity {\n  /**\n   * The list of classes to apply to the dialog.\n   */\n  protected dialogClasses: Record<string, boolean> = {}\n  /**\n   * Controls dialog visibility without controlling the activity state.\n   */\n  @state() accessor opened = true\n\n  /**\n   * The id of the form used to render the dialog.\n   */\n  protected formId?: string\n\n  override onResume(): void | Promise<void> {\n    this.renderRoot = document.createElement('div')\n    this.renderRoot.classList.add('modal-activity-container')\n    document.body.appendChild(this.renderRoot)\n    super.onResume()\n    this.requestUpdate()\n  }\n\n  override async finish(): Promise<void> {\n    if (this.renderRoot) {\n      document.body.removeChild(this.renderRoot)\n      this.renderRoot = undefined\n    }\n    await super.finish()\n  }\n\n  protected handleDialogClosed(e: CustomEvent<UiDialogClosingReason>): void {\n    const { cancelled, value } = e.detail\n    if (cancelled) {\n      this.handleNegativeAction(value)\n    } else {\n      this.handlePositiveAction(value)\n    }\n  }\n\n  /**\n   * Called when the dialog is closed with a negative action.\n   * Override this function to handle the negative action.\n   * @param value The value passed to the dialog when it is closed.\n   */\n  protected handleNegativeAction(value: unknown): void {\n    this.setResult(IntentResult.RESULT_CANCELED, value)\n    this.finish()\n  }\n\n  /**\n   * Called when the dialog is closed with a positive action.\n   * Override this function to handle the positive action.\n   * @param value The value passed to the dialog when it is closed.\n   */\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  protected handlePositiveAction(value: unknown): void {\n    this.finish()\n  }\n\n  /**\n   * Override this method to handle the form submission.\n   * @param e The submit event.\n   */\n  protected handleSubmit(e: SubmitEvent): void {\n    e.preventDefault()\n  }\n\n  /**\n   * The function called by the rendered when rendering this dialog.\n   * This way, the `render()` function is still used as the primary template provider.\n   */\n  renderDialog(): TemplateResult {\n    const classes = {\n      activityDialog: true,\n      [this.constructor.name.toLowerCase()]: true,\n      ...this.dialogClasses,\n    }\n    return html`<ui-dialog modal .open=\"${this.opened}\" class=\"${classMap(classes)}\" @close=\"${this.handleDialogClosed}\"\n      >${this.render()}</ui-dialog\n    >`\n  }\n\n  /**\n   * Used with dialogs that render forms. Override the `handleSubmit` method\n   * to handle the form submission.\n   * @param content The content to render in the form.\n   * @param name Optional form name\n   */\n  protected renderForm(content: TemplateResult, name?: string): TemplateResult {\n    if (!this.formId) {\n      this.formId = `form-${this.constructor.name.toLowerCase()}`\n    }\n    return html`<form\n      id=\"${this.formId}\"\n      name=\"${ifDefined(name)}\"\n      class=\"dialog-content\"\n      @submit=\"${this.handleSubmit}\"\n    >\n      ${content}\n    </form>`\n  }\n\n  /**\n   * Renders the cancel button for the dialog.\n   * @param label The label to use for the cancel button.\n   */\n  protected renderNegativeButton(init: ActionButtonInit = {}): TemplateResult {\n    const { label = 'Cancel' } = init\n    return html`<ui-button color=\"text\" slot=\"button\" type=\"button\" value=\"dismiss\" @click=\"${init.callback}\"\n      >${label}</ui-button\n    >`\n  }\n\n  /**\n   * Renders the submit button for the dialog.\n   * If the formId is set, the button will be a submit button.\n   * Otherwise, it will be a regular button.\n   * @param label The label to use for the submit button.\n   */\n  protected renderPositiveButton(init: ActionButtonInit = {}): TemplateResult {\n    const { label = 'OK', disabled = false } = init\n    const { formId } = this\n    const type = formId ? 'submit' : 'button'\n    // UI buttons have a proper support for form association.\n    return html`<ui-button\n      color=\"text\"\n      slot=\"button\"\n      ?disabled=\"${disabled}\"\n      type=\"${type}\"\n      value=\"confirm\"\n      form=\"${ifDefined(formId)}\"\n      @click=\"${init.callback}\"\n      >${label}</ui-button\n    >`\n  }\n\n  /**\n   * Renders the title for the dialog.\n   * @param title The title to render in the dialog.\n   */\n  protected renderTitle(title: string): TemplateResult {\n    return html`<span slot=\"title\">${title}</span>`\n  }\n}\n"]}

package/build/src/core/ThemeManager.d.ts

@@ -1,8 +1,10 @@
-export type ThemeType = 'default' | 'light' | 'dark';
+type ThemeTypeInternal = 'light' | 'dark';
+export type ThemeType = 'default' | ThemeTypeInternal;
 export declare class ThemeManager {
     #private;
     constructor();
     setUserTheme(theme: ThemeType): void;
-    activateTheme(type: 'light' | 'dark'): void;
+    activateTheme(type: ThemeTypeInternal): void;
 }
+export {};
 //# sourceMappingURL=ThemeManager.d.ts.map

package/build/src/core/ThemeManager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeManager.d.ts","sourceRoot":"","sources":["../../../src/core/ThemeManager.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAA;AAEpD,qBAAa,YAAY;;;IAkBvB,YAAY,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI;IA6BpC,aAAa,CAAC,IAAI,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI;CAe5C"}
+{"version":3,"file":"ThemeManager.d.ts","sourceRoot":"","sources":["../../../src/core/ThemeManager.ts"],"names":[],"mappings":"AAAA,KAAK,iBAAiB,GAAG,OAAO,GAAG,MAAM,CAAA;AACzC,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,iBAAiB,CAAA;AAErD,qBAAa,YAAY;;;IAkBvB,YAAY,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI;IA6BpC,aAAa,CAAC,IAAI,EAAE,iBAAiB,GAAG,IAAI;CAe7C"}

package/build/src/core/ThemeManager.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeManager.js","sourceRoot":"","sources":["../../../src/core/ThemeManager.ts"],"names":[],"mappings":"AAEA,MAAM,OAAO,YAAY;IACvB;;OAEG;IACH,YAAY,GAAqB,OAAO,CAAA;IAExC;;;OAGG;IACH,UAAU,GAAc,SAAS,CAAA;IAEjC;QACE,IAAI,CAAC,iBAAiB,EAAE,CAAA;QACxB,+DAA+D;QAC/D,IAAI,CAAC,oBAAoB,EAAE,CAAA;IAC7B,CAAC;IAED,YAAY,CAAC,KAAgB;QAC3B,IAAI,CAAC,UAAU,GAAG,KAAK,CAAA;QACvB,IAAI,CAAC,oBAAoB,EAAE,CAAA;IAC7B,CAAC;IAED;;OAEG;IACH,iBAAiB;QACf,MAAM,IAAI,GAAG,MAAM,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAA;QAC9D,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACjB,IAAI,CAAC,YAAY,GAAG,MAAM,CAAA;QAC5B,CAAC;QACD,IAAI,CAAC,gBAAgB,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;YACpC,IAAI,CAAC,YAAY,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAA;YAChD,IAAI,CAAC,oBAAoB,EAAE,CAAA;QAC7B,CAAC,CAAC,CAAA;IACJ,CAAC;IAED,oBAAoB;QAClB,IAAI,KAAuB,CAAA;QAC3B,IAAI,IAAI,CAAC,UAAU,KAAK,SAAS,EAAE,CAAC;YAClC,KAAK,GAAG,IAAI,CAAC,YAAY,CAAA;QAC3B,CAAC;aAAM,CAAC;YACN,KAAK,GAAG,IAAI,CAAC,UAAU,CAAA;QACzB,CAAC;QACD,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;IAC3B,CAAC;IAED,aAAa,CAAC,IAAsB;QAClC,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAA;QAC3C,IAAI,CAAC,IAAI,EAAE,CAAC;YACV,OAAM;QACR,CAAC;QACD,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,CAAA;QAC1B,mBAAmB;QACnB,SAAS,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;YAC1B,IAAI,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,CAAC;gBAC/B,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;YACzB,CAAC;QACH,CAAC,CAAC,CAAA;QACF,MAAM,IAAI,GAAG,SAAS,IAAI,EAAE,CAAA;QAC5B,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,CAAA;IACrB,CAAC;CACF","sourcesContent":["export type ThemeType = 'default' | 'light' | 'dark'\n\nexport class ThemeManager {\n  /**\n   * Detected system theme.\n   */\n  #systemTheme: 'light' | 'dark' = 'light'\n\n  /**\n   * The theme to use as selected by the user.\n   * Default to system default.\n   */\n  #userTheme: ThemeType = 'default'\n\n  constructor() {\n    this.#initMediaQueries()\n    // this will use the system-default theme until config is read.\n    this.#themeActiveCallback()\n  }\n\n  setUserTheme(theme: ThemeType): void {\n    this.#userTheme = theme\n    this.#themeActiveCallback()\n  }\n\n  /**\n   * Initializes media queries and observers.\n   */\n  #initMediaQueries(): void {\n    const dark = window.matchMedia('(prefers-color-scheme: dark)')\n    if (dark.matches) {\n      this.#systemTheme = 'dark'\n    }\n    dark.addEventListener('change', (e) => {\n      this.#systemTheme = e.matches ? 'dark' : 'light'\n      this.#themeActiveCallback()\n    })\n  }\n\n  #themeActiveCallback(): void {\n    let theme: 'light' | 'dark'\n    if (this.#userTheme === 'default') {\n      theme = this.#systemTheme\n    } else {\n      theme = this.#userTheme\n    }\n    this.activateTheme(theme)\n  }\n\n  activateTheme(type: 'light' | 'dark'): void {\n    const root = document.querySelector('html')\n    if (!root) {\n      return\n    }\n    const { classList } = root\n    // clear all themes\n    classList.forEach((value) => {\n      if (value.startsWith('theme-')) {\n        classList.remove(value)\n      }\n    })\n    const name = `theme-${type}`\n    classList.add(name)\n  }\n}\n"]}
+{"version":3,"file":"ThemeManager.js","sourceRoot":"","sources":["../../../src/core/ThemeManager.ts"],"names":[],"mappings":"AAGA,MAAM,OAAO,YAAY;IACvB;;OAEG;IACH,YAAY,GAAsB,OAAO,CAAA;IAEzC;;;OAGG;IACH,UAAU,GAAc,SAAS,CAAA;IAEjC;QACE,IAAI,CAAC,iBAAiB,EAAE,CAAA;QACxB,+DAA+D;QAC/D,IAAI,CAAC,oBAAoB,EAAE,CAAA;IAC7B,CAAC;IAED,YAAY,CAAC,KAAgB;QAC3B,IAAI,CAAC,UAAU,GAAG,KAAK,CAAA;QACvB,IAAI,CAAC,oBAAoB,EAAE,CAAA;IAC7B,CAAC;IAED;;OAEG;IACH,iBAAiB;QACf,MAAM,IAAI,GAAG,MAAM,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAA;QAC9D,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACjB,IAAI,CAAC,YAAY,GAAG,MAAM,CAAA;QAC5B,CAAC;QACD,IAAI,CAAC,gBAAgB,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;YACpC,IAAI,CAAC,YAAY,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAA;YAChD,IAAI,CAAC,oBAAoB,EAAE,CAAA;QAC7B,CAAC,CAAC,CAAA;IACJ,CAAC;IAED,oBAAoB;QAClB,IAAI,KAAwB,CAAA;QAC5B,IAAI,IAAI,CAAC,UAAU,KAAK,SAAS,EAAE,CAAC;YAClC,KAAK,GAAG,IAAI,CAAC,YAAY,CAAA;QAC3B,CAAC;aAAM,CAAC;YACN,KAAK,GAAG,IAAI,CAAC,UAAU,CAAA;QACzB,CAAC;QACD,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;IAC3B,CAAC;IAED,aAAa,CAAC,IAAuB;QACnC,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAA;QAC3C,IAAI,CAAC,IAAI,EAAE,CAAC;YACV,OAAM;QACR,CAAC;QACD,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,CAAA;QAC1B,mBAAmB;QACnB,SAAS,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;YAC1B,IAAI,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,CAAC;gBAC/B,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;YACzB,CAAC;QACH,CAAC,CAAC,CAAA;QACF,MAAM,IAAI,GAAG,SAAS,IAAI,EAAE,CAAA;QAC5B,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,CAAA;IACrB,CAAC;CACF","sourcesContent":["type ThemeTypeInternal = 'light' | 'dark'\nexport type ThemeType = 'default' | ThemeTypeInternal\n\nexport class ThemeManager {\n  /**\n   * Detected system theme.\n   */\n  #systemTheme: ThemeTypeInternal = 'light'\n\n  /**\n   * The theme to use as selected by the user.\n   * Default to system default.\n   */\n  #userTheme: ThemeType = 'default'\n\n  constructor() {\n    this.#initMediaQueries()\n    // this will use the system-default theme until config is read.\n    this.#themeActiveCallback()\n  }\n\n  setUserTheme(theme: ThemeType): void {\n    this.#userTheme = theme\n    this.#themeActiveCallback()\n  }\n\n  /**\n   * Initializes media queries and observers.\n   */\n  #initMediaQueries(): void {\n    const dark = window.matchMedia('(prefers-color-scheme: dark)')\n    if (dark.matches) {\n      this.#systemTheme = 'dark'\n    }\n    dark.addEventListener('change', (e) => {\n      this.#systemTheme = e.matches ? 'dark' : 'light'\n      this.#themeActiveCallback()\n    })\n  }\n\n  #themeActiveCallback(): void {\n    let theme: ThemeTypeInternal\n    if (this.#userTheme === 'default') {\n      theme = this.#systemTheme\n    } else {\n      theme = this.#userTheme\n    }\n    this.activateTheme(theme)\n  }\n\n  activateTheme(type: ThemeTypeInternal): void {\n    const root = document.querySelector('html')\n    if (!root) {\n      return\n    }\n    const { classList } = root\n    // clear all themes\n    classList.forEach((value) => {\n      if (value.startsWith('theme-')) {\n        classList.remove(value)\n      }\n    })\n    const name = `theme-${type}`\n    classList.add(name)\n  }\n}\n"]}

package/build/src/demo/DemoPage.d.ts

@@ -1,9 +1,6 @@
 import { TemplateResult, CSSResult } from 'lit';
 import '../md/icons/ui-icon.js';
-import '../md/button/ui-filled-button.js';
-import '../md/button/ui-text-button.js';
-import '../md/button/ui-outlined-button.js';
-import '../md/button/ui-elevated-button.js';
+import '../md/button/ui-button.js';
 declare const Base: (new (...args: any[]) => import("../mixins/RenderableMixin.js").RenderableMixinInterface) & (new (...args: any[]) => import("../mixins/RouteMixin.js").RouteMixinInterface) & {
     new (): EventTarget;
     prototype: EventTarget;

package/build/src/demo/DemoPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DemoPage.d.ts","sourceRoot":"","sources":["../../../src/demo/DemoPage.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAWrD,OAAO,wBAAwB,CAAA;AAC/B,OAAO,kCAAkC,CAAA;AACzC,OAAO,gCAAgC,CAAA;AACvC,OAAO,oCAAoC,CAAA;AAC3C,OAAO,oCAAoC,CAAA;AAE3C,QAAA,MAAM,IAAI;;;CAA2C,CAAA;AAErD;;GAEG;AACH,8BAAsB,QAAS,SAAQ,IAAI;IAEzC,MAAM,KAAK,MAAM,IAAI,SAAS,EAAE,CAE/B;IAED;;OAEG;IACS,QAAQ,CAAC,aAAa,SAAK;IAEvC;;;OAGG;IACH,SAAkB,aAAa,UAAQ;IAEvC;;OAEG;IACS,QAAQ,CAAC,eAAe,UAAQ;IAE5C;;OAEG;IACH,aAAa,UAAQ;;IAUrB;;OAEG;IACH,gBAAgB,IAAI,IAAI;IASxB,SAAS,CAAC,gBAAgB,CAAC,CAAC,EAAE,mBAAmB,GAAG,IAAI;IAKxD;;;;;;;OAOG;IACH,SAAS,CAAC,mBAAmB,IAAI,IAAI;IASrC,SAAS,CAAC,aAAa,CAAC,IAAI,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI;IAgBrD;;;;;;OAMG;IACH,SAAS,CAAC,oBAAoB,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAMxC,UAAU,IAAI,OAAO,CAAC,IAAI,CAAC;IAOjC;;;OAGG;IACM,YAAY,IAAI,cAAc;IAKvC;;;OAGG;IACH,cAAc,IAAI,cAAc;IAKhC,kBAAkB,IAAI,cAAc;IAIpC;;;;;;;;;OASG;IACH,QAAQ,CAAC,eAAe,IAAI,cAAc;IAE1C,kBAAkB,IAAI,IAAI;IAI1B,oBAAoB,IAAI,cAAc;CAMvC"}
+{"version":3,"file":"DemoPage.d.ts","sourceRoot":"","sources":["../../../src/demo/DemoPage.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AAWrD,OAAO,wBAAwB,CAAA;AAC/B,OAAO,2BAA2B,CAAA;AAElC,QAAA,MAAM,IAAI;;;CAA2C,CAAA;AAErD;;GAEG;AACH,8BAAsB,QAAS,SAAQ,IAAI;IAEzC,MAAM,KAAK,MAAM,IAAI,SAAS,EAAE,CAE/B;IAED;;OAEG;IACS,QAAQ,CAAC,aAAa,SAAK;IAEvC;;;OAGG;IACH,SAAkB,aAAa,UAAQ;IAEvC;;OAEG;IACS,QAAQ,CAAC,eAAe,UAAQ;IAE5C;;OAEG;IACH,aAAa,UAAQ;;IAUrB;;OAEG;IACH,gBAAgB,IAAI,IAAI;IASxB,SAAS,CAAC,gBAAgB,CAAC,CAAC,EAAE,mBAAmB,GAAG,IAAI;IAKxD;;;;;;;OAOG;IACH,SAAS,CAAC,mBAAmB,IAAI,IAAI;IASrC,SAAS,CAAC,aAAa,CAAC,IAAI,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI;IAgBrD;;;;;;OAMG;IACH,SAAS,CAAC,oBAAoB,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAMxC,UAAU,IAAI,OAAO,CAAC,IAAI,CAAC;IAOjC;;;OAGG;IACM,YAAY,IAAI,cAAc;IAKvC;;;OAGG;IACH,cAAc,IAAI,cAAc;IAKhC,kBAAkB,IAAI,cAAc;IAIpC;;;;;;;;;OASG;IACH,QAAQ,CAAC,eAAe,IAAI,cAAc;IAE1C,kBAAkB,IAAI,IAAI;IAI1B,oBAAoB,IAAI,cAAc;CAMvC"}

package/build/src/demo/DemoPage.js

@@ -9,10 +9,7 @@ import typography from '../styles/m3/typography.module.js';
 import surface from '../styles/m3/surface.module.js';
 import { adaptStatic } from '../decorators/styles.js';
 import '../md/icons/ui-icon.js';
-import '../md/button/ui-filled-button.js';
-import '../md/button/ui-text-button.js';
-import '../md/button/ui-outlined-button.js';
-import '../md/button/ui-elevated-button.js';
+import '../md/button/ui-button.js';
 const Base = RenderableMixin(RouteMixin(EventTarget));
 /**
  * A base class for demo pages in the API Client ecosystem.
@@ -169,7 +166,7 @@ let DemoPage = (() => {
         authenticateTemplate() {
             return html `
       <p>Store authorization required.</p>
-      <ui-filled-button @click="${this.handleAuthenticate}">Authenticate</ui-filled-button>
+      <ui-button color="filled" @click="${this.handleAuthenticate}">Authenticate</ui-button>
     `;
         }
     };

package/build/src/demo/DemoPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"DemoPage.js","sourceRoot":"","sources":["../../../src/demo/DemoPage.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, TemplateResult, CSSResult } from 'lit'\nimport { RenderableMixin } from '../mixins/RenderableMixin.js'\nimport reactive from '../decorators/reactive.js'\nimport styles from './DemoStyles.js'\nimport { RouteMixin } from '../mixins/RouteMixin.js'\nimport * as MonacoLoader from '../monaco/loader.js'\nimport typography from '../styles/m3/typography.module.js'\nimport surface from '../styles/m3/surface.module.js'\nimport type CheckboxElement from '../md/checkbox/internals/CheckboxElement.js'\nimport { adaptStatic } from '../decorators/styles.js'\n\nimport '../md/icons/ui-icon.js'\nimport '../md/button/ui-filled-button.js'\nimport '../md/button/ui-text-button.js'\nimport '../md/button/ui-outlined-button.js'\nimport '../md/button/ui-elevated-button.js'\n\nconst Base = RenderableMixin(RouteMixin(EventTarget))\n\n/**\n * A base class for demo pages in the API Client ecosystem.\n */\nexport abstract class DemoPage extends Base {\n  @adaptStatic\n  static get styles(): CSSResult[] {\n    return [typography, styles, surface]\n  }\n\n  /**\n   * Component name rendered in the header section.\n   */\n  @reactive() accessor componentName = ''\n\n  /**\n   * Determines whether the initial render had run and the `firstRender()`\n   * function was called.\n   */\n  override accessor firstRendered = false\n\n  /**\n   * Whether or not the dark theme is active\n   */\n  @reactive() accessor darkThemeActive = false\n\n  /**\n   * For some demo pages, whether the user is authenticated in the store.\n   */\n  authenticated = false\n\n  constructor() {\n    super()\n    this.handleMediaQuery = this.handleMediaQuery.bind(this)\n    this.initMediaQueries()\n\n    document.body.classList.add('demo')\n  }\n\n  /**\n   * Initializes media queries and observers.\n   */\n  initMediaQueries(): void {\n    const matcher = window.matchMedia('(prefers-color-scheme: dark)')\n    if (matcher.matches) {\n      this.darkThemeActive = true\n    }\n    this.themeActiveCallback()\n    matcher.addEventListener('change', this.handleMediaQuery)\n  }\n\n  protected handleMediaQuery(e: MediaQueryListEvent): void {\n    this.darkThemeActive = e.matches\n    this.themeActiveCallback()\n  }\n\n  /**\n   * The callback is called when the `darkThemeActive` property change.\n   * Overwrite this function to change the theme of the demo page.\n   *\n   * Note, this is not called by the `darkThemeActive` setter. This is called during the\n   * initialization and then when the media query event is dispatched.\n   * Call this manually when changing this value in the child page.\n   */\n  protected themeActiveCallback(): void {\n    const { darkThemeActive } = this\n    if (darkThemeActive) {\n      this.activateTheme('dark')\n    } else {\n      this.activateTheme('light')\n    }\n  }\n\n  protected activateTheme(type: 'light' | 'dark'): void {\n    const root = document.querySelector('html')\n    if (!root) {\n      return\n    }\n    const { classList } = root\n    // clear all themes\n    classList.forEach((value) => {\n      if (value.startsWith('theme-')) {\n        classList.remove(value)\n      }\n    })\n    const name = `theme-${type}`\n    classList.add(name)\n  }\n\n  /**\n   * A handler for the `change` event for an element that has `checked` and `name` properties.\n   * This can be used with `ui-switch`, `ui-checkbox`, and `checkbox` elements.\n   *\n   * The `name` should correspond to a variable name to be set. The set value is the value\n   * of `checked` property read from the event's target.\n   */\n  protected _toggleBooleanOption(e: Event): void {\n    const { name, checked } = e.target as CheckboxElement\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    ;(this as any)[name as string] = checked\n  }\n\n  async loadMonaco(): Promise<void> {\n    const base = new URL('/node_modules/monaco-editor/', window.location.href).toString()\n    MonacoLoader.createEnvironment(base)\n    await MonacoLoader.loadMonaco(base)\n    await MonacoLoader.monacoReady()\n  }\n\n  /**\n   * The page render function. Usually you don't need to use it.\n   * It renders the header template, main section, and the content.\n   */\n  override pageTemplate(): TemplateResult {\n    return html` ${this.headerTemplate()} ${this.navigationTemplate()}\n      <main>${this.contentTemplate()}</main>`\n  }\n\n  /**\n   * Call this on the top of the `render()` method to render demo navigation\n   * @returns HTML template for demo header\n   */\n  headerTemplate(): TemplateResult {\n    const { componentName } = this\n    return html` <header>${componentName ? html`<h1 class=\"api-title\">${componentName}</h1>` : ''}</header>`\n  }\n\n  navigationTemplate(): TemplateResult {\n    return html``\n  }\n\n  /**\n   * Abstract method. When not overriding `render()` method you can use\n   * this function to render content inside the standard API components layout.\n   *\n   * ```\n   * contentTemplate() {\n   *  return html`<p>Demo content</p>`;\n   * }\n   * ```\n   */\n  abstract contentTemplate(): TemplateResult\n\n  handleAuthenticate(): void {\n    // ...\n  }\n\n  authenticateTemplate(): TemplateResult {\n    return html`\n      <p>Store authorization required.</p>\n      <ui-filled-button @click=\"${this.handleAuthenticate}\">Authenticate</ui-filled-button>\n    `\n  }\n}\n"]}
+{"version":3,"file":"DemoPage.js","sourceRoot":"","sources":["../../../src/demo/DemoPage.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, TemplateResult, CSSResult } from 'lit'\nimport { RenderableMixin } from '../mixins/RenderableMixin.js'\nimport reactive from '../decorators/reactive.js'\nimport styles from './DemoStyles.js'\nimport { RouteMixin } from '../mixins/RouteMixin.js'\nimport * as MonacoLoader from '../monaco/loader.js'\nimport typography from '../styles/m3/typography.module.js'\nimport surface from '../styles/m3/surface.module.js'\nimport type CheckboxElement from '../md/checkbox/internals/CheckboxElement.js'\nimport { adaptStatic } from '../decorators/styles.js'\n\nimport '../md/icons/ui-icon.js'\nimport '../md/button/ui-button.js'\n\nconst Base = RenderableMixin(RouteMixin(EventTarget))\n\n/**\n * A base class for demo pages in the API Client ecosystem.\n */\nexport abstract class DemoPage extends Base {\n  @adaptStatic\n  static get styles(): CSSResult[] {\n    return [typography, styles, surface]\n  }\n\n  /**\n   * Component name rendered in the header section.\n   */\n  @reactive() accessor componentName = ''\n\n  /**\n   * Determines whether the initial render had run and the `firstRender()`\n   * function was called.\n   */\n  override accessor firstRendered = false\n\n  /**\n   * Whether or not the dark theme is active\n   */\n  @reactive() accessor darkThemeActive = false\n\n  /**\n   * For some demo pages, whether the user is authenticated in the store.\n   */\n  authenticated = false\n\n  constructor() {\n    super()\n    this.handleMediaQuery = this.handleMediaQuery.bind(this)\n    this.initMediaQueries()\n\n    document.body.classList.add('demo')\n  }\n\n  /**\n   * Initializes media queries and observers.\n   */\n  initMediaQueries(): void {\n    const matcher = window.matchMedia('(prefers-color-scheme: dark)')\n    if (matcher.matches) {\n      this.darkThemeActive = true\n    }\n    this.themeActiveCallback()\n    matcher.addEventListener('change', this.handleMediaQuery)\n  }\n\n  protected handleMediaQuery(e: MediaQueryListEvent): void {\n    this.darkThemeActive = e.matches\n    this.themeActiveCallback()\n  }\n\n  /**\n   * The callback is called when the `darkThemeActive` property change.\n   * Overwrite this function to change the theme of the demo page.\n   *\n   * Note, this is not called by the `darkThemeActive` setter. This is called during the\n   * initialization and then when the media query event is dispatched.\n   * Call this manually when changing this value in the child page.\n   */\n  protected themeActiveCallback(): void {\n    const { darkThemeActive } = this\n    if (darkThemeActive) {\n      this.activateTheme('dark')\n    } else {\n      this.activateTheme('light')\n    }\n  }\n\n  protected activateTheme(type: 'light' | 'dark'): void {\n    const root = document.querySelector('html')\n    if (!root) {\n      return\n    }\n    const { classList } = root\n    // clear all themes\n    classList.forEach((value) => {\n      if (value.startsWith('theme-')) {\n        classList.remove(value)\n      }\n    })\n    const name = `theme-${type}`\n    classList.add(name)\n  }\n\n  /**\n   * A handler for the `change` event for an element that has `checked` and `name` properties.\n   * This can be used with `ui-switch`, `ui-checkbox`, and `checkbox` elements.\n   *\n   * The `name` should correspond to a variable name to be set. The set value is the value\n   * of `checked` property read from the event's target.\n   */\n  protected _toggleBooleanOption(e: Event): void {\n    const { name, checked } = e.target as CheckboxElement\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    ;(this as any)[name as string] = checked\n  }\n\n  async loadMonaco(): Promise<void> {\n    const base = new URL('/node_modules/monaco-editor/', window.location.href).toString()\n    MonacoLoader.createEnvironment(base)\n    await MonacoLoader.loadMonaco(base)\n    await MonacoLoader.monacoReady()\n  }\n\n  /**\n   * The page render function. Usually you don't need to use it.\n   * It renders the header template, main section, and the content.\n   */\n  override pageTemplate(): TemplateResult {\n    return html` ${this.headerTemplate()} ${this.navigationTemplate()}\n      <main>${this.contentTemplate()}</main>`\n  }\n\n  /**\n   * Call this on the top of the `render()` method to render demo navigation\n   * @returns HTML template for demo header\n   */\n  headerTemplate(): TemplateResult {\n    const { componentName } = this\n    return html` <header>${componentName ? html`<h1 class=\"api-title\">${componentName}</h1>` : ''}</header>`\n  }\n\n  navigationTemplate(): TemplateResult {\n    return html``\n  }\n\n  /**\n   * Abstract method. When not overriding `render()` method you can use\n   * this function to render content inside the standard API components layout.\n   *\n   * ```\n   * contentTemplate() {\n   *  return html`<p>Demo content</p>`;\n   * }\n   * ```\n   */\n  abstract contentTemplate(): TemplateResult\n\n  handleAuthenticate(): void {\n    // ...\n  }\n\n  authenticateTemplate(): TemplateResult {\n    return html`\n      <p>Store authorization required.</p>\n      <ui-button color=\"filled\" @click=\"${this.handleAuthenticate}\">Authenticate</ui-button>\n    `\n  }\n}\n"]}

package/build/src/elements/authorization/ui/CcAuthorization.d.ts

@@ -1,7 +1,7 @@
 import { nothing, TemplateResult } from 'lit';
 import { Authorization } from './Authorization.js';
 import '../../../md/dropdown-list/ui-dropdown-list.js';
-import '../../../md/button/ui-filled-tonal-button.js';
+import '../../../md/button/ui-button.js';
 import '../../../md/icon-button/ui-icon-button.js';
 import '../../../md/icons/ui-icon.js';
 import type { ICCAuthorization } from '@api-client/core/models/Authorization.js';

package/build/src/elements/authorization/ui/CcAuthorization.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CcAuthorization.d.ts","sourceRoot":"","sources":["../../../../../src/elements/authorization/ui/CcAuthorization.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,OAAO,EAAE,cAAc,EAAE,MAAM,KAAK,CAAA;AAEnD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAElD,OAAO,+CAA+C,CAAA;AACtD,OAAO,8CAA8C,CAAA;AACrD,OAAO,2CAA2C,CAAA;AAClD,OAAO,8BAA8B,CAAA;AACrC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAA;AAChF,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uCAAuC,CAAA;AAElE,OAAO,KAAK,EAAE,eAAe,EAAgB,MAAM,8CAA8C,CAAA;AAIjG,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,aAAa;IAC/C,QAAQ,CAAC,gBAAgB,UAAQ;IAE1C,IAAI,MAAM,IAAI,gBAAgB,CAS7B;IAED,SAAS,CAAC,WAAW,CAAC,CAAC,EAAE,WAAW,CAAC;QAAE,QAAQ,EAAE,OAAO,CAAC;QAAC,IAAI,EAAE,KAAK,CAAA;KAAE,CAAC,GAAG,IAAI;IAgBzE,cAAc,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAahD,SAAS,CAAC,kBAAkB,IAAI,IAAI;IAOpC,SAAS,CAAC,sBAAsB,IAAI,IAAI;IAO/B,MAAM,IAAI,cAAc;IAIjC,SAAS,CAAC,YAAY,IAAI,cAAc,GAAG,OAAO,OAAO;IAUzD,SAAS,CAAC,cAAc,IAAI,cAAc;IAe1C,SAAS,CAAC,eAAe,CAAC,WAAW,EAAE,eAAe,GAAG,cAAc;CAcxE"}
+{"version":3,"file":"CcAuthorization.d.ts","sourceRoot":"","sources":["../../../../../src/elements/authorization/ui/CcAuthorization.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,OAAO,EAAE,cAAc,EAAE,MAAM,KAAK,CAAA;AAEnD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAElD,OAAO,+CAA+C,CAAA;AACtD,OAAO,iCAAiC,CAAA;AACxC,OAAO,2CAA2C,CAAA;AAClD,OAAO,8BAA8B,CAAA;AACrC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAA;AAChF,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uCAAuC,CAAA;AAElE,OAAO,KAAK,EAAE,eAAe,EAAgB,MAAM,8CAA8C,CAAA;AAIjG,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,aAAa;IAC/C,QAAQ,CAAC,gBAAgB,UAAQ;IAE1C,IAAI,MAAM,IAAI,gBAAgB,CAS7B;IAED,SAAS,CAAC,WAAW,CAAC,CAAC,EAAE,WAAW,CAAC;QAAE,QAAQ,EAAE,OAAO,CAAC;QAAC,IAAI,EAAE,KAAK,CAAA;KAAE,CAAC,GAAG,IAAI;IAgBzE,cAAc,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAahD,SAAS,CAAC,kBAAkB,IAAI,IAAI;IAOpC,SAAS,CAAC,sBAAsB,IAAI,IAAI;IAO/B,MAAM,IAAI,cAAc;IAIjC,SAAS,CAAC,YAAY,IAAI,cAAc,GAAG,OAAO,OAAO;IAUzD,SAAS,CAAC,cAAc,IAAI,cAAc;IAe1C,SAAS,CAAC,eAAe,CAAC,WAAW,EAAE,eAAe,GAAG,cAAc;CAcxE"}

package/build/src/elements/authorization/ui/CcAuthorization.js

@@ -4,7 +4,7 @@ import { state } from 'lit/decorators.js';
 import { Authorization } from './Authorization.js';
 import { Events } from '../../../events/Events.js';
 import '../../../md/dropdown-list/ui-dropdown-list.js';
-import '../../../md/button/ui-filled-tonal-button.js';
+import '../../../md/button/ui-button.js';
 import '../../../md/icon-button/ui-icon-button.js';
 import '../../../md/icons/ui-icon.js';
 import { Events as CoreEvents } from '@api-client/core/events/Events.js';
@@ -89,7 +89,7 @@ let CcAuthorization = (() => {
             return html `
       <div class="selector">
         <ui-dropdown-list @open="${this.handleDropDownOpen}">
-          <ui-filled-tonal-button class="dropdown-trigger">Select a certificate</ui-filled-tonal-button>
+          <ui-button color="tonal" class="dropdown-trigger">Select a certificate</ui-button>
           ${selectorRendered
                 ? html `<file-picker slot="dropdown" .kinds="${kinds}" @close="${this.handleClose}"></file-picker>`
                 : nothing}

package/build/src/elements/authorization/ui/CcAuthorization.js.map

@@ -1 +1 @@
-{"version":3,"file":"CcAuthorization.js","sourceRoot":"","sources":["../../../../../src/elements/authorization/ui/CcAuthorization.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, nothing, TemplateResult } from 'lit'\nimport { state } from 'lit/decorators.js'\nimport { Authorization } from './Authorization.js'\nimport { Events } from '../../../events/Events.js'\nimport '../../../md/dropdown-list/ui-dropdown-list.js'\nimport '../../../md/button/ui-filled-tonal-button.js'\nimport '../../../md/icon-button/ui-icon-button.js'\nimport '../../../md/icons/ui-icon.js'\nimport type { ICCAuthorization } from '@api-client/core/models/Authorization.js'\nimport type { IFile } from '@api-client/core/models/store/File.js'\nimport { Events as CoreEvents } from '@api-client/core/events/Events.js'\nimport type { HttpCertificate, ICertificate } from '@api-client/core/models/ClientCertificate.js'\nimport { CertificateFileKind } from '@api-client/core/models/kinds.js'\n// import '../../../define/store/file-picker.js'\n\nexport default class CcAuthorization extends Authorization {\n  @state() accessor selectorRendered = false\n\n  get config(): ICCAuthorization {\n    const { authorization } = this\n    if (!authorization) {\n      return {}\n    }\n    if (!authorization.config) {\n      authorization.config = {} as ICCAuthorization\n    }\n    return authorization.config as ICCAuthorization\n  }\n\n  protected handleClose(e: CustomEvent<{ canceled: boolean; file: IFile }>): void {\n    const { canceled, file } = e.detail\n    if (canceled) {\n      return\n    }\n    this.setCertificate((file as IFile).key)\n    CoreEvents.Telemetry.event(\n      {\n        category: 'Certificates',\n        action: 'Authorization',\n        label: 'selected-certificate',\n      },\n      this\n    )\n  }\n\n  async setCertificate(key: string): Promise<void> {\n    let result: unknown\n    try {\n      result = await Events.Store.File.read(key, true, this)\n    } catch {\n      return\n    }\n    const { config } = this\n    config.certificate = result as ICertificate\n    this.requestUpdate()\n    this.notifyChange()\n  }\n\n  protected handleDropDownOpen(): void {\n    this.selectorRendered = true\n    if (this.isUpdatePending) {\n      this.scheduleUpdate()\n    }\n  }\n\n  protected handleClearCertificate(): void {\n    const { config } = this\n    delete config.certificate\n    this.requestUpdate()\n    this.notifyChange()\n  }\n\n  override render(): TemplateResult {\n    return html` ${this.renderHeader()} ${this.renderEditor()} `\n  }\n\n  protected renderEditor(): TemplateResult | typeof nothing {\n    const { config } = this\n    const { certificate } = config\n    // Note, the <form> element is required by the Authorization class for validation.\n    return html`\n      <form autocomplete=\"on\" class=\"auth-form cc-auth\"></form>\n      ${this.renderSelector()} ${certificate ? this.renderSelection(certificate) : nothing}\n    `\n  }\n\n  protected renderSelector(): TemplateResult {\n    const { selectorRendered } = this\n    const kinds: (typeof CertificateFileKind)[] = [CertificateFileKind]\n    return html`\n      <div class=\"selector\">\n        <ui-dropdown-list @open=\"${this.handleDropDownOpen}\">\n          <ui-filled-tonal-button class=\"dropdown-trigger\">Select a certificate</ui-filled-tonal-button>\n          ${selectorRendered\n            ? html`<file-picker slot=\"dropdown\" .kinds=\"${kinds}\" @close=\"${this.handleClose}\"></file-picker>`\n            : nothing}\n        </ui-dropdown-list>\n      </div>\n    `\n  }\n\n  protected renderSelection(certificate: HttpCertificate): TemplateResult {\n    return html`\n      <div class=\"certificate-info body-medium\">\n        Current certificate: ${certificate.name}\n        <ui-icon-button\n          aria-label=\"Remove certificate from authorization\"\n          title=\"Remove certificate from authorization\"\n          @click=\"${this.handleClearCertificate}\"\n        >\n          <ui-icon role=\"presentation\" icon=\"deleteOutline\"></ui-icon>\n        </ui-icon-button>\n      </div>\n    `\n  }\n}\n"]}
+{"version":3,"file":"CcAuthorization.js","sourceRoot":"","sources":["../../../../../src/elements/authorization/ui/CcAuthorization.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, nothing, TemplateResult } from 'lit'\nimport { state } from 'lit/decorators.js'\nimport { Authorization } from './Authorization.js'\nimport { Events } from '../../../events/Events.js'\nimport '../../../md/dropdown-list/ui-dropdown-list.js'\nimport '../../../md/button/ui-button.js'\nimport '../../../md/icon-button/ui-icon-button.js'\nimport '../../../md/icons/ui-icon.js'\nimport type { ICCAuthorization } from '@api-client/core/models/Authorization.js'\nimport type { IFile } from '@api-client/core/models/store/File.js'\nimport { Events as CoreEvents } from '@api-client/core/events/Events.js'\nimport type { HttpCertificate, ICertificate } from '@api-client/core/models/ClientCertificate.js'\nimport { CertificateFileKind } from '@api-client/core/models/kinds.js'\n// import '../../../define/store/file-picker.js'\n\nexport default class CcAuthorization extends Authorization {\n  @state() accessor selectorRendered = false\n\n  get config(): ICCAuthorization {\n    const { authorization } = this\n    if (!authorization) {\n      return {}\n    }\n    if (!authorization.config) {\n      authorization.config = {} as ICCAuthorization\n    }\n    return authorization.config as ICCAuthorization\n  }\n\n  protected handleClose(e: CustomEvent<{ canceled: boolean; file: IFile }>): void {\n    const { canceled, file } = e.detail\n    if (canceled) {\n      return\n    }\n    this.setCertificate((file as IFile).key)\n    CoreEvents.Telemetry.event(\n      {\n        category: 'Certificates',\n        action: 'Authorization',\n        label: 'selected-certificate',\n      },\n      this\n    )\n  }\n\n  async setCertificate(key: string): Promise<void> {\n    let result: unknown\n    try {\n      result = await Events.Store.File.read(key, true, this)\n    } catch {\n      return\n    }\n    const { config } = this\n    config.certificate = result as ICertificate\n    this.requestUpdate()\n    this.notifyChange()\n  }\n\n  protected handleDropDownOpen(): void {\n    this.selectorRendered = true\n    if (this.isUpdatePending) {\n      this.scheduleUpdate()\n    }\n  }\n\n  protected handleClearCertificate(): void {\n    const { config } = this\n    delete config.certificate\n    this.requestUpdate()\n    this.notifyChange()\n  }\n\n  override render(): TemplateResult {\n    return html` ${this.renderHeader()} ${this.renderEditor()} `\n  }\n\n  protected renderEditor(): TemplateResult | typeof nothing {\n    const { config } = this\n    const { certificate } = config\n    // Note, the <form> element is required by the Authorization class for validation.\n    return html`\n      <form autocomplete=\"on\" class=\"auth-form cc-auth\"></form>\n      ${this.renderSelector()} ${certificate ? this.renderSelection(certificate) : nothing}\n    `\n  }\n\n  protected renderSelector(): TemplateResult {\n    const { selectorRendered } = this\n    const kinds: (typeof CertificateFileKind)[] = [CertificateFileKind]\n    return html`\n      <div class=\"selector\">\n        <ui-dropdown-list @open=\"${this.handleDropDownOpen}\">\n          <ui-button color=\"tonal\" class=\"dropdown-trigger\">Select a certificate</ui-button>\n          ${selectorRendered\n            ? html`<file-picker slot=\"dropdown\" .kinds=\"${kinds}\" @close=\"${this.handleClose}\"></file-picker>`\n            : nothing}\n        </ui-dropdown-list>\n      </div>\n    `\n  }\n\n  protected renderSelection(certificate: HttpCertificate): TemplateResult {\n    return html`\n      <div class=\"certificate-info body-medium\">\n        Current certificate: ${certificate.name}\n        <ui-icon-button\n          aria-label=\"Remove certificate from authorization\"\n          title=\"Remove certificate from authorization\"\n          @click=\"${this.handleClearCertificate}\"\n        >\n          <ui-icon role=\"presentation\" icon=\"deleteOutline\"></ui-icon>\n        </ui-icon-button>\n      </div>\n    `\n  }\n}\n"]}

package/build/src/elements/authorization/ui/OAuth2Authorization.d.ts

@@ -4,7 +4,7 @@ import { nothing, TemplateResult } from 'lit';
 import { CredentialsInfo, Oauth2Credentials } from '../types.js';
 import { Authorization } from './Authorization.js';
 import { SupportedInputTypes } from '../../../types/input.js';
-import '../../../md/button/ui-filled-button.js';
+import '../../../md/button/ui-button.js';
 import '../../../md/text-field/ui-filled-text-field.js';
 import '../../../md/list/ui-list.js';
 import '../../../md/list/ui-list-item.js';

package/build/src/elements/authorization/ui/OAuth2Authorization.d.ts.map

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

package/build/src/elements/authorization/ui/OAuth2Authorization.js

@@ -8,7 +8,7 @@ import { live } from 'lit/directives/live.js';
 import { Authorization } from './Authorization.js';
 import { selectNode } from '../Utils.js';
 import { SnackNotifications } from '../../../md/notification/SnackNotifications.js';
-import '../../../md/button/ui-filled-button.js';
+import '../../../md/button/ui-button.js';
 import '../../../md/text-field/ui-filled-text-field.js';
 import '../../../md/list/ui-list.js';
 import '../../../md/list/ui-list-item.js';
@@ -837,12 +837,13 @@ let OAuth2Authorization = (() => {
         <span @click="${this.handleClickCopy}" @keydown="${this.handlerCopyKeydown}">${accessToken}</span>
       </p>
       <div class="authorize-actions base-level">
-        <ui-filled-button
+        <ui-button
+          color="filled"
           ?disabled="${authorizing}"
           class="auth-button"
           data-type="refresh-token"
           @click="${this.authorize}"
-          >Refresh access token</ui-filled-button
+          >Refresh access token</ui-button
         >
       </div>
     </div>`;
@@ -853,8 +854,13 @@ let OAuth2Authorization = (() => {
         renderOAth2Authorize() {
             const { authorizing } = this;
             return html ` <div class="authorize-actions base-level">
-      <ui-filled-button ?disabled="${authorizing}" class="auth-button" data-type="get-token" @click="${this.authorize}"
-        >Request access token</ui-filled-button
+      <ui-button
+        color="filled"
+        ?disabled="${authorizing}"
+        class="auth-button"
+        data-type="get-token"
+        @click="${this.authorize}"
+        >Request access token</ui-button
       >
     </div>`;
         }