@covalent/components 8.22.0 → 8.23.1

package/focused-page/focused-page.d.ts

@@ -0,0 +1,55 @@
+import { LitElement, PropertyValues, TemplateResult } from 'lit';
+/**
+ * Focused page
+ *
+ * @slot - This element has a slot
+ */
+export declare class CovalentFocusedPage extends LitElement {
+    static styles: import("lit").CSSResult[];
+    /**
+     * Whether the help section is open or not
+     */
+    helpOpen: boolean;
+    /**
+     * Whether the help section is resizable
+     */
+    helpResizable: boolean;
+    /**
+     * Whether the top border is hidden
+     */
+    hideTopBorder: boolean;
+    /**
+     * DOM element of the container div
+     */
+    container: HTMLDivElement;
+    /**
+     * DOM element of the help panel
+     */
+    helpPanel: HTMLElement;
+    /**
+     * DOM element of the resize handler
+     */
+    resizeHandle: HTMLElement;
+    /**
+     * Whether the help section is being resized
+     */
+    private _isResizing;
+    constructor();
+    protected firstUpdated(): void;
+    openHelpPanel(): void;
+    closeHelpPanel(): void;
+    resetHelpPanelWidth(): void;
+    setHelpPanelWidth(width: string): void;
+    protected updated(_changedProperties: PropertyValues): void;
+    private _resizerMouseMove;
+    private _resizerMouseUp;
+    private _startResizing;
+    protected render(): TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cv-focused-page': CovalentFocusedPage;
+    }
+}
+export default CovalentFocusedPage;
+//# sourceMappingURL=focused-page.d.ts.map

package/focused-page/focused-page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"focused-page.d.ts","sourceRoot":"","sources":["../../../../libs/components/src/focused-page/focused-page.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,UAAU,EAEV,cAAc,EACd,cAAc,EAEf,MAAM,KAAK,CAAC;AAKb;;;;GAIG;AAEH,qBACa,mBAAoB,SAAQ,UAAU;IACjD,OAAgB,MAAM,4BAIpB;IAEF;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,aAAa,UAAS;IAEtB;;OAEG;IAEH,aAAa,UAAS;IAEtB;;OAEG;IAEH,SAAS,EAAG,cAAc,CAAC;IAE3B;;OAEG;IAEH,SAAS,EAAG,WAAW,CAAC;IAExB;;OAEG;IAEH,YAAY,EAAG,WAAW,CAAC;IAE3B;;OAEG;IACH,OAAO,CAAC,WAAW,CAAS;;IAU5B,SAAS,CAAC,YAAY,IAAI,IAAI;IAI9B,aAAa,IAAI,IAAI;IAOrB,cAAc;IAKd,mBAAmB;IAKnB,iBAAiB,CAAC,KAAK,EAAE,MAAM;IAI/B,SAAS,CAAC,OAAO,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;IAY3D,OAAO,CAAC,iBAAiB;IA8BzB,OAAO,CAAC,eAAe;IASvB,OAAO,CAAC,cAAc;IAStB,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;CA+BtC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,mBAAmB,CAAC;KACxC;CACF;AAED,eAAe,mBAAmB,CAAC"}

package/focused-page.js

@@ -0,0 +1,21 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("./query-assigned-elements-f623705d.js"),h=require("./property-57f6f6fe.js"),p=require("./query-680f1868.js"),d=require("./class-map-0a4c6ca9.js");require("./directive-1186bc23.js");const c=`:host{height:100%;left:0;position:fixed;top:0;width:100%}.action-items{padding:.5rem .75rem;text-align:right}.content{box-sizing:border-box;display:flex;flex:1;max-height:100vh;overflow:auto;transition:visibility .3s ease}.fullscreen-container{border-top:4px solid var(--cv-theme-tertiary);box-sizing:border-box;display:flex;height:100%;width:100%}.fullscreen-container:not(.help-open) .help-panel{width:0}.fullscreen-container:not(.help-open) .help-panel .resize-handle{display:none}.fullscreen-container.hide-border{border:none}.help{--mdc-theme-surface: var(--cv-theme-surface-container-low);box-sizing:border-box;flex:1;max-height:100vh;overflow-y:auto}.help-panel{background:var(--cv-theme-surface-container-low);box-sizing:border-box;display:flex;flex:0 0 auto;max-width:100%;position:relative;resize:none;transition:width .2s;width:var(--cv-focused-page-help-width, 320px);z-index:5}.help-panel .resize-handle{cursor:ew-resize;height:100%;opacity:0;position:absolute;transition:opacity .3s ease;-webkit-user-select:none;user-select:none;width:8px;z-index:9}.help-panel .resize-handle:before{background-color:var(--mdc-theme-primary);content:"";height:100%;left:0;position:absolute;top:0;transform:translate(-50%);width:2px}.help-panel .resize-handle:hover,.help-panel.resizing .resize-handle{opacity:1}.main{box-sizing:border-box;flex:1;height:100%}@media only screen and (max-width: 479.98px){.help-open .help-panel{width:100%;z-index:100}}@media only screen and (max-width: 959.98px){.help-open .help-panel{box-shadow:0 8px 12px 6px #00000026,0 4px 4px #0000004d;height:100%;position:absolute;right:0}}
+`;var u=Object.defineProperty,g=Object.getOwnPropertyDescriptor,l=(a,e,s,i)=>{for(var t=i>1?void 0:i?g(e,s):e,o=a.length-1,r;o>=0;o--)(r=a[o])&&(t=(i?r(e,s,t):r(t))||t);return i&&t&&u(e,s,t),t};exports.CovalentFocusedPage=class extends n.s{constructor(){super(),this.helpOpen=!1,this.helpResizable=!1,this.hideTopBorder=!1,this._isResizing=!1,this._resizerMouseMove=this._resizerMouseMove.bind(this),this._resizerMouseUp=this._resizerMouseUp.bind(this),this._startResizing=this._startResizing.bind(this),this.resetHelpPanelWidth=this.resetHelpPanelWidth.bind(this)}firstUpdated(){this.openHelpPanel()}openHelpPanel(){const e=parseInt(localStorage.getItem("focusedPageHelpWidth")||"")||320;this.setHelpPanelWidth(this.helpOpen?`${e}px`:"0")}closeHelpPanel(){this.setHelpPanelWidth("0"),this.helpOpen=!1}resetHelpPanelWidth(){this.setHelpPanelWidth("320px"),localStorage.setItem("focusedPageHelpWidth","320")}setHelpPanelWidth(e){var s;(s=this.container)==null||s.style.setProperty("--cv-focused-page-help-width",e)}updated(e){super.updated(e),e.has("helpOpen")&&(this.helpOpen?this.openHelpPanel():this.closeHelpPanel())}_resizerMouseMove(e){if(!this.container||!this.helpPanel||!this._isResizing)return;const s=window.innerWidth,i=this.container.getBoundingClientRect();let t;s<960?t=this.helpPanel.getBoundingClientRect().right-e.clientX:t=i.right-e.clientX,s<960&&t>320&&t<s-40?(this.setHelpPanelWidth(`${t}px`),localStorage.setItem("focusedPageHelpWidth",`${t}`)):t>320&&t<i.width-600&&(this.setHelpPanelWidth(`${t}px`),localStorage.setItem("focusedPageHelpWidth",`${t}`))}_resizerMouseUp(){this._isResizing=!1,this.helpPanel.classList.remove("resizing"),this.helpPanel.style.transition="width 200ms",document.removeEventListener("mouseup",this._resizerMouseUp),document.removeEventListener("mousemove",this._resizerMouseMove)}_startResizing(e){e.target===this.resizeHandle&&(this._isResizing=!0,this.helpPanel.classList.add("resizing"),this.helpPanel.style.transition="none",document.addEventListener("mouseup",this._resizerMouseUp),document.addEventListener("mousemove",this._resizerMouseMove))}render(){const e={"fullscreen-container":!0,"help-open":this.helpOpen,"hide-border":this.hideTopBorder},s={"help-panel":!0,"help-resizable":this.helpResizable};return n.x`<div class="${d.o(e)}">
+      <div class="content">
+        <section class="main">
+          <slot></slot>
+        </section>
+      </div>
+      <aside
+        class="${d.o(s)}"
+        id="help-panel"
+        @mousedown="${i=>this._startResizing(i)}"
+      >
+        ${this.helpResizable?n.x`<div
+              class="resize-handle"
+              @dblclick="${()=>this.helpOpen&&this.resetHelpPanelWidth()}"
+            ></div>`:n.A}
+        <div class="help"><slot name="help"></slot></div>
+      </aside>
+    </div>`}};exports.CovalentFocusedPage.styles=[n.i`
+      ${n.r(c)}
+    `];l([h.n({type:Boolean,reflect:!0})],exports.CovalentFocusedPage.prototype,"helpOpen",2);l([h.n({type:Boolean,reflect:!0})],exports.CovalentFocusedPage.prototype,"helpResizable",2);l([h.n({type:Boolean,reflect:!0})],exports.CovalentFocusedPage.prototype,"hideTopBorder",2);l([p.i(".fullscreen-container")],exports.CovalentFocusedPage.prototype,"container",2);l([p.i("#help-panel")],exports.CovalentFocusedPage.prototype,"helpPanel",2);l([p.i(".resize-handle")],exports.CovalentFocusedPage.prototype,"resizeHandle",2);exports.CovalentFocusedPage=l([n.e("cv-focused-page")],exports.CovalentFocusedPage);const v=exports.CovalentFocusedPage;exports.default=v;

package/focused-page.mjs

@@ -0,0 +1,112 @@
+import { i as u, r as f, s as g, x as d, A as m, e as v } from "./query-assigned-elements-4a39219d.mjs";
+import { n as h } from "./property-9b6ea53b.mjs";
+import { i as p } from "./query-d843aa92.mjs";
+import { o as c } from "./class-map-6e504a9a.mjs";
+import "./directive-daf4e9b6.mjs";
+const x = `:host{height:100%;left:0;position:fixed;top:0;width:100%}.action-items{padding:.5rem .75rem;text-align:right}.content{box-sizing:border-box;display:flex;flex:1;max-height:100vh;overflow:auto;transition:visibility .3s ease}.fullscreen-container{border-top:4px solid var(--cv-theme-tertiary);box-sizing:border-box;display:flex;height:100%;width:100%}.fullscreen-container:not(.help-open) .help-panel{width:0}.fullscreen-container:not(.help-open) .help-panel .resize-handle{display:none}.fullscreen-container.hide-border{border:none}.help{--mdc-theme-surface: var(--cv-theme-surface-container-low);box-sizing:border-box;flex:1;max-height:100vh;overflow-y:auto}.help-panel{background:var(--cv-theme-surface-container-low);box-sizing:border-box;display:flex;flex:0 0 auto;max-width:100%;position:relative;resize:none;transition:width .2s;width:var(--cv-focused-page-help-width, 320px);z-index:5}.help-panel .resize-handle{cursor:ew-resize;height:100%;opacity:0;position:absolute;transition:opacity .3s ease;-webkit-user-select:none;user-select:none;width:8px;z-index:9}.help-panel .resize-handle:before{background-color:var(--mdc-theme-primary);content:"";height:100%;left:0;position:absolute;top:0;transform:translate(-50%);width:2px}.help-panel .resize-handle:hover,.help-panel.resizing .resize-handle{opacity:1}.main{box-sizing:border-box;flex:1;height:100%}@media only screen and (max-width: 479.98px){.help-open .help-panel{width:100%;z-index:100}}@media only screen and (max-width: 959.98px){.help-open .help-panel{box-shadow:0 8px 12px 6px #00000026,0 4px 4px #0000004d;height:100%;position:absolute;right:0}}
+`;
+var z = Object.defineProperty, b = Object.getOwnPropertyDescriptor, o = (e, i, n, t) => {
+  for (var l = t > 1 ? void 0 : t ? b(i, n) : i, r = e.length - 1, a; r >= 0; r--)
+    (a = e[r]) && (l = (t ? a(i, n, l) : a(l)) || l);
+  return t && l && z(i, n, l), l;
+};
+let s = class extends g {
+  constructor() {
+    super(), this.helpOpen = !1, this.helpResizable = !1, this.hideTopBorder = !1, this._isResizing = !1, this._resizerMouseMove = this._resizerMouseMove.bind(this), this._resizerMouseUp = this._resizerMouseUp.bind(this), this._startResizing = this._startResizing.bind(this), this.resetHelpPanelWidth = this.resetHelpPanelWidth.bind(this);
+  }
+  firstUpdated() {
+    this.openHelpPanel();
+  }
+  openHelpPanel() {
+    const e = parseInt(localStorage.getItem("focusedPageHelpWidth") || "") || 320;
+    this.setHelpPanelWidth(this.helpOpen ? `${e}px` : "0");
+  }
+  closeHelpPanel() {
+    this.setHelpPanelWidth("0"), this.helpOpen = !1;
+  }
+  resetHelpPanelWidth() {
+    this.setHelpPanelWidth("320px"), localStorage.setItem("focusedPageHelpWidth", "320");
+  }
+  setHelpPanelWidth(e) {
+    var i;
+    (i = this.container) == null || i.style.setProperty("--cv-focused-page-help-width", e);
+  }
+  updated(e) {
+    super.updated(e), e.has("helpOpen") && (this.helpOpen ? this.openHelpPanel() : this.closeHelpPanel());
+  }
+  // Called when the resize handler is dragged to resize the help panel
+  _resizerMouseMove(e) {
+    if (!this.container || !this.helpPanel || !this._isResizing)
+      return;
+    const i = window.innerWidth, n = this.container.getBoundingClientRect();
+    let t;
+    i < 960 ? t = this.helpPanel.getBoundingClientRect().right - e.clientX : t = n.right - e.clientX, i < 960 && t > 320 && t < i - 40 ? (this.setHelpPanelWidth(`${t}px`), localStorage.setItem("focusedPageHelpWidth", `${t}`)) : t > 320 && t < n.width - 600 && (this.setHelpPanelWidth(`${t}px`), localStorage.setItem("focusedPageHelpWidth", `${t}`));
+  }
+  // Called when dragging is finished (i.e. mouse up event on resize handler)
+  _resizerMouseUp() {
+    this._isResizing = !1, this.helpPanel.classList.remove("resizing"), this.helpPanel.style.transition = "width 200ms", document.removeEventListener("mouseup", this._resizerMouseUp), document.removeEventListener("mousemove", this._resizerMouseMove);
+  }
+  // Called when dragging starts (i.e. mouse down event on resize handler)
+  _startResizing(e) {
+    e.target === this.resizeHandle && (this._isResizing = !0, this.helpPanel.classList.add("resizing"), this.helpPanel.style.transition = "none", document.addEventListener("mouseup", this._resizerMouseUp), document.addEventListener("mousemove", this._resizerMouseMove));
+  }
+  render() {
+    const e = {
+      "fullscreen-container": !0,
+      "help-open": this.helpOpen,
+      "hide-border": this.hideTopBorder
+    }, i = {
+      "help-panel": !0,
+      "help-resizable": this.helpResizable
+    };
+    return d`<div class="${c(e)}">
+      <div class="content">
+        <section class="main">
+          <slot></slot>
+        </section>
+      </div>
+      <aside
+        class="${c(i)}"
+        id="help-panel"
+        @mousedown="${(n) => this._startResizing(n)}"
+      >
+        ${this.helpResizable ? d`<div
+              class="resize-handle"
+              @dblclick="${() => this.helpOpen && this.resetHelpPanelWidth()}"
+            ></div>` : m}
+        <div class="help"><slot name="help"></slot></div>
+      </aside>
+    </div>`;
+  }
+};
+s.styles = [
+  u`
+      ${f(x)}
+    `
+];
+o([
+  h({ type: Boolean, reflect: !0 })
+], s.prototype, "helpOpen", 2);
+o([
+  h({ type: Boolean, reflect: !0 })
+], s.prototype, "helpResizable", 2);
+o([
+  h({ type: Boolean, reflect: !0 })
+], s.prototype, "hideTopBorder", 2);
+o([
+  p(".fullscreen-container")
+], s.prototype, "container", 2);
+o([
+  p("#help-panel")
+], s.prototype, "helpPanel", 2);
+o([
+  p(".resize-handle")
+], s.prototype, "resizeHandle", 2);
+s = o([
+  v("cv-focused-page")
+], s);
+const W = s;
+export {
+  s as CovalentFocusedPage,
+  W as default
+};

package/full-screen-dialog/full-screen-dialog.d.ts

@@ -0,0 +1,32 @@
+import { TemplateResult } from 'lit';
+import CovalentDialog from '../dialog/dialog';
+import '../focused-page/focused-page';
+/**
+ * Full-screen Dialog
+ *
+ * @slot - This element has a slot
+ */
+export declare class CovalentFullscreenDialog extends CovalentDialog {
+    static styles: import("lit").CSSResult[];
+    /**
+     * Whether the help section is open or not
+     */
+    helpOpen: boolean;
+    /**
+     * Whether the help section is resizable
+     */
+    helpResizable: boolean;
+    /**
+     * Since the default, action slots of mdc-dialog have been replaced with the focused page component,
+     * override this method to return focused page as the initial focus element
+     */
+    protected getInitialFocusEl(): HTMLElement | null;
+    protected render(): TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cv-full-screen-dialog': CovalentFullscreenDialog;
+    }
+}
+export default CovalentFullscreenDialog;
+//# sourceMappingURL=full-screen-dialog.d.ts.map

package/full-screen-dialog/full-screen-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"full-screen-dialog.d.ts","sourceRoot":"","sources":["../../../../libs/components/src/full-screen-dialog/full-screen-dialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,cAAc,EAAa,MAAM,KAAK,CAAC;AAG3D,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,8BAA8B,CAAC;AAEtC;;;;GAIG;AAEH,qBACa,wBAAyB,SAAQ,cAAc;IAC1D,OAAgB,MAAM,4BAIpB;IAEF;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,aAAa,UAAS;IAEtB;;;OAGG;cACgB,iBAAiB,IAAI,WAAW,GAAG,IAAI;cAcvC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;CAyB/C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,uBAAuB,EAAE,wBAAwB,CAAC;KACnD;CACF;AAED,eAAe,wBAAwB,CAAC"}

package/full-screen-dialog.js

@@ -0,0 +1,26 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./query-assigned-elements-f623705d.js"),c=require("./property-57f6f6fe.js"),d=require("./dialog-83104700.js");require("./focused-page.js");require("./tslib.es6-98719205.js");require("./inert.esm-2cee6f2e.js");require("./base-element-58a3f9ea.js");require("./utils-a8190a39.js");require("./observer-a096ab43.js");require("./query-680f1868.js");require("./class-map-0a4c6ca9.js");require("./directive-1186bc23.js");const u=`:host{--cv-dialog-border-radius: 0;--cv-dialog-horizontal-padding: 0;--cv-dialog-vertical-padding: 0;--mdc-dialog-scrim-color: transparent;--mdc-dialog-min-width: 100vw;--mdc-dialog-max-width: 100vw;--mdc-dialog-min-height: 100vh;--mdc-dialog-max-height: 100vh}.mdc-dialog .mdc-dialog__container{opacity:1;transform:translate(100%);transition:transform .3s ease}.mdc-dialog--opening .mdc-dialog__container{transform:translate(100%)}.mdc-dialog--open .mdc-dialog__container{transform:translate(0);transition:transform .3s ease}.mdc-dialog--closing .mdc-dialog__container{opacity:1;transform:translate(100%);transition:transform .3s ease}
+`;var g=Object.defineProperty,v=Object.getOwnPropertyDescriptor,n=(a,l,r,o)=>{for(var e=o>1?void 0:o?v(l,r):l,i=a.length-1,s;i>=0;i--)(s=a[i])&&(e=(o?s(l,r,e):s(e))||e);return o&&e&&g(l,r,e),e};exports.CovalentFullscreenDialog=class extends d.CovalentDialog$1{constructor(){super(...arguments),this.helpOpen=!1,this.helpResizable=!1}getInitialFocusEl(){const l=`[${this.initialFocusAttribute}]`,r=this.querySelector(l);return r||this.renderRoot.querySelector("cv-focused-page")}render(){return t.x` <div
+      class="mdc-dialog"
+      role="alertdialog"
+      aria-modal="true"
+      aria-labelledby="title"
+      aria-describedby="content"
+    >
+      <div class="mdc-dialog__container">
+        <div class="mdc-dialog__surface">
+          <div id="content" class="mdc-dialog__content">
+            <cv-focused-page
+              .helpOpen="${this.helpOpen}"
+              .helpResizable="${this.helpResizable}"
+              .hideTopBorder="${!0}"
+            >
+              <slot></slot>
+              <slot name="help" slot="help"> </slot>
+            </cv-focused-page>
+          </div>
+        </div>
+      </div>
+      <div class="mdc-dialog__scrim"></div>
+    </div>`}};exports.CovalentFullscreenDialog.styles=[t.i`
+      ${t.r(d.CovalentDialog$1.styles)} ${t.r(u)}
+    `];n([c.n({type:Boolean,reflect:!0})],exports.CovalentFullscreenDialog.prototype,"helpOpen",2);n([c.n({type:Boolean,reflect:!0})],exports.CovalentFullscreenDialog.prototype,"helpResizable",2);exports.CovalentFullscreenDialog=n([t.e("cv-full-screen-dialog")],exports.CovalentFullscreenDialog);const p=exports.CovalentFullscreenDialog;exports.default=p;

package/full-screen-dialog.mjs

@@ -0,0 +1,76 @@
+import { i as p, r as c, x as g, e as v } from "./query-assigned-elements-4a39219d.mjs";
+import { n as d } from "./property-9b6ea53b.mjs";
+import { a as m } from "./dialog-78a9fd0e.mjs";
+import "./focused-page.mjs";
+import "./tslib.es6-c4b0f3b1.mjs";
+import "./inert.esm-359d4581.mjs";
+import "./base-element-acf30176.mjs";
+import "./utils-dc65fdc9.mjs";
+import "./observer-be7b92e2.mjs";
+import "./query-d843aa92.mjs";
+import "./class-map-6e504a9a.mjs";
+import "./directive-daf4e9b6.mjs";
+const h = `:host{--cv-dialog-border-radius: 0;--cv-dialog-horizontal-padding: 0;--cv-dialog-vertical-padding: 0;--mdc-dialog-scrim-color: transparent;--mdc-dialog-min-width: 100vw;--mdc-dialog-max-width: 100vw;--mdc-dialog-min-height: 100vh;--mdc-dialog-max-height: 100vh}.mdc-dialog .mdc-dialog__container{opacity:1;transform:translate(100%);transition:transform .3s ease}.mdc-dialog--opening .mdc-dialog__container{transform:translate(100%)}.mdc-dialog--open .mdc-dialog__container{transform:translate(0);transition:transform .3s ease}.mdc-dialog--closing .mdc-dialog__container{opacity:1;transform:translate(100%);transition:transform .3s ease}
+`;
+var u = Object.defineProperty, f = Object.getOwnPropertyDescriptor, n = (i, e, a, r) => {
+  for (var t = r > 1 ? void 0 : r ? f(e, a) : e, l = i.length - 1, s; l >= 0; l--)
+    (s = i[l]) && (t = (r ? s(e, a, t) : s(t)) || t);
+  return r && t && u(e, a, t), t;
+};
+let o = class extends m {
+  constructor() {
+    super(...arguments), this.helpOpen = !1, this.helpResizable = !1;
+  }
+  /**
+   * Since the default, action slots of mdc-dialog have been replaced with the focused page component,
+   * override this method to return focused page as the initial focus element
+   */
+  getInitialFocusEl() {
+    const i = `[${this.initialFocusAttribute}]`, e = this.querySelector(i);
+    return e || this.renderRoot.querySelector("cv-focused-page");
+  }
+  render() {
+    return g` <div
+      class="mdc-dialog"
+      role="alertdialog"
+      aria-modal="true"
+      aria-labelledby="title"
+      aria-describedby="content"
+    >
+      <div class="mdc-dialog__container">
+        <div class="mdc-dialog__surface">
+          <div id="content" class="mdc-dialog__content">
+            <cv-focused-page
+              .helpOpen="${this.helpOpen}"
+              .helpResizable="${this.helpResizable}"
+              .hideTopBorder="${!0}"
+            >
+              <slot></slot>
+              <slot name="help" slot="help"> </slot>
+            </cv-focused-page>
+          </div>
+        </div>
+      </div>
+      <div class="mdc-dialog__scrim"></div>
+    </div>`;
+  }
+};
+o.styles = [
+  p`
+      ${c(m.styles)} ${c(h)}
+    `
+];
+n([
+  d({ type: Boolean, reflect: !0 })
+], o.prototype, "helpOpen", 2);
+n([
+  d({ type: Boolean, reflect: !0 })
+], o.prototype, "helpResizable", 2);
+o = n([
+  v("cv-full-screen-dialog")
+], o);
+const C = o;
+export {
+  o as CovalentFullscreenDialog,
+  C as default
+};

package/index.d.ts

@@ -15,7 +15,9 @@ export * from './drawer/drawer';
 export * from './empty-state/empty-state';
 export * from './expansion-panel/expansion-panel';
 export * from './expansion-panel/expansion-panel-item';
+export * from './focused-page/focused-page';
 export * from './formfield/formfield';
+export * from './full-screen-dialog/full-screen-dialog';
 export * from './icon/icon';
 export * from './icon-button/icon-button';
 export * from './icon-button-toggle/icon-button-toggle';

package/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../libs/components/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAC;AAC9C,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,uCAAuC,CAAC;AACtD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mCAAmC,CAAC;AAClD,cAAc,wCAAwC,CAAC;AACvD,cAAc,uBAAuB,CAAC;AACtC,cAAc,aAAa,CAAC;AAC5B,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yCAAyC,CAAC;AACxD,cAAc,mCAAmC,CAAC;AAClD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,mCAAmC,CAAC;AAClD,cAAc,wBAAwB,CAAC;AACvC,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,aAAa,CAAC;AAC5B,cAAc,+BAA+B,CAAC;AAC9C,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,oCAAoC,CAAC;AACnD,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iCAAiC,CAAC;AAChD,cAAc,uBAAuB,CAAC;AACtC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../libs/components/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAC;AAC9C,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,uCAAuC,CAAC;AACtD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mCAAmC,CAAC;AAClD,cAAc,wCAAwC,CAAC;AACvD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uBAAuB,CAAC;AACtC,cAAc,yCAAyC,CAAC;AACxD,cAAc,aAAa,CAAC;AAC5B,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yCAAyC,CAAC;AACxD,cAAc,mCAAmC,CAAC;AAClD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,mCAAmC,CAAC;AAClD,cAAc,wBAAwB,CAAC;AACvC,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,aAAa,CAAC;AAC5B,cAAc,+BAA+B,CAAC;AAC9C,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,oCAAoC,CAAC;AACnD,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iCAAiC,CAAC;AAChD,cAAc,uBAAuB,CAAC;AACtC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC"}

package/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./action-ribbon.js"),t=require("./alert.js"),r=require("./app-shell.js"),n=require("./badge.js"),o=require("./button.js"),a=require("./checkbox.js"),i=require("./card.js"),u=require("./chip-c65a4549.js"),l=require("./chip-set.js"),c=require("./circular-progress.js"),b=require("./code-editor-b36fad77.js"),C=require("./code-snippet.js"),s=require("./dialog-86192b9a.js"),p=require("./drawer.js"),v=require("./empty-state.js"),d=require("./expansion-panel.js"),g=require("./expansion-panel-item.js"),q=require("./formfield.js"),m=require("./icon.js"),P=require("./icon-button.js"),y=require("./icon-button-toggle.js"),f=require("./icon-check-toggle.js"),j=require("./icon-radio-toggle.js"),O=require("./linear-progress.js"),S=require("./check-list-item.js"),T=require("./list.js"),I=require("./list-item.js"),h=require("./nav-list-item.js"),L=require("./radio-list-item.js"),x=require("./menu.js"),B=require("./notebook-cell.js"),k=require("./radio.js"),R=require("./select.js"),A=require("./side-sheet.js"),E=require("./slider.js"),D=require("./slider-range.js"),F=require("./snackbar.js"),w=require("./status-dialog.js"),H=require("./status-header.js"),N=require("./status-header-item.js"),M=require("./switch.js"),_=require("./tab.js"),z=require("./tab-bar.js"),G=require("./textarea.js"),J=require("./textfield.js"),K=require("./text-lockup.js"),Q=require("./toolbar.js"),U=require("./tooltip.js"),V=require("./top-app-bar.js"),W=require("./top-app-bar-fixed.js"),X=require("./tree-list.js"),Y=require("./tree-list-item.js"),Z=require("./typography.js");require("./query-assigned-elements-f623705d.js");require("./utils-a8190a39.js");require("./observer-a096ab43.js");require("./foundation-e980aa3d.js");require("./tslib.es6-98719205.js");require("./foundation-e830bd94.js");require("./class-map-0a4c6ca9.js");require("./directive-1186bc23.js");require("./property-57f6f6fe.js");require("./query-680f1868.js");require("./mwc-drawer-base-bbae43c3.js");require("./inert.esm-2cee6f2e.js");require("./base-element-58a3f9ea.js");require("./mwc-icon-f87639bc.js");require("./ripple-handlers-9fb4a31a.js");require("./state-0974a8e5.js");require("./style-map-a135c6ab.js");require("./aria-property-849c8816.js");require("./event-options-3f5eb195.js");require("./if-defined-f1c45245.js");require("./mwc-checkbox-base-935d9566.js");require("./form-element-c553d6f5.js");require("./mwc-checkbox.css-b3434429.js");require("./keyboard-39125691.js");require("./_commonjsHelpers-2367a3a2.js");require("./async-directive-4a34f75e.js");require("./directive-helpers-0ce1f995.js");require("./query-assigned-nodes-99eae71d.js");require("./mwc-radio-base-147cf999.js");require("./mwc-radio.css-4e140252.js");require("./mwc-list-item-base-06d93e6e.js");require("./list-item-8b940ec8.js");require("./mwc-list-base-22616d0a.js");require("./mwc-menu-base-08f54c38.js");require("./mwc-line-ripple-directive-40145003.js");require("./mwc-slider.css-c5f99704.js");require("./mwc-tab-base-f2269fd1.js");require("./textfield-83e78e56.js");require("./mwc-top-app-bar-base-8c8cde51.js");require("./top-app-bar-a531c1b4.js");Object.defineProperty(exports,"CovalentActionRibbon",{enumerable:!0,get:()=>e.CovalentActionRibbon});Object.defineProperty(exports,"CovalentAlert",{enumerable:!0,get:()=>t.CovalentAlert});Object.defineProperty(exports,"CovalentAppShell",{enumerable:!0,get:()=>r.CovalentAppShell});Object.defineProperty(exports,"CovalentBadge",{enumerable:!0,get:()=>n.CovalentBadge});Object.defineProperty(exports,"CovalentButton",{enumerable:!0,get:()=>o.CovalentButton});Object.defineProperty(exports,"CovalentCheckbox",{enumerable:!0,get:()=>a.CovalentCheckbox});Object.defineProperty(exports,"CovalentCard",{enumerable:!0,get:()=>i.CovalentCard});Object.defineProperty(exports,"CovalentChip",{enumerable:!0,get:()=>u.CovalentChip});Object.defineProperty(exports,"CovalentChipSet",{enumerable:!0,get:()=>l.CovalentChipSet});Object.defineProperty(exports,"CovalentCircularProgress",{enumerable:!0,get:()=>c.CovalentCircularProgress});Object.defineProperty(exports,"CovalentCodeEditor",{enumerable:!0,get:()=>b.CovalentCodeEditor});Object.defineProperty(exports,"CovalentCodeSnippet",{enumerable:!0,get:()=>C.CovalentCodeSnippet});Object.defineProperty(exports,"CovalentDialog",{enumerable:!0,get:()=>s.CovalentDialog});Object.defineProperty(exports,"CovalentDrawer",{enumerable:!0,get:()=>p.CovalentDrawer});Object.defineProperty(exports,"CovalentEmptyState",{enumerable:!0,get:()=>v.CovalentEmptyState});Object.defineProperty(exports,"CovalentExpansionPanel",{enumerable:!0,get:()=>d.CovalentExpansionPanel});Object.defineProperty(exports,"CovalentExpansionPanelItem",{enumerable:!0,get:()=>g.CovalentExpansionPanelItem});Object.defineProperty(exports,"CovalentFormfield",{enumerable:!0,get:()=>q.CovalentFormfield});Object.defineProperty(exports,"CovalentIcon",{enumerable:!0,get:()=>m.CovalentIcon});Object.defineProperty(exports,"CovalentIconButton",{enumerable:!0,get:()=>P.CovalentIconButton});Object.defineProperty(exports,"CovalentIconButtonToggle",{enumerable:!0,get:()=>y.CovalentIconButtonToggle});Object.defineProperty(exports,"CovalentIconCheckToggle",{enumerable:!0,get:()=>f.CovalentIconCheckToggle});Object.defineProperty(exports,"CovalentIconRadioToggle",{enumerable:!0,get:()=>j.CovalentIconRadioToggle});Object.defineProperty(exports,"CovalentLinearProgress",{enumerable:!0,get:()=>O.CovalentLinearProgress});Object.defineProperty(exports,"CovalentCheckListItem",{enumerable:!0,get:()=>S.CovalentCheckListItem});Object.defineProperty(exports,"CovalentList",{enumerable:!0,get:()=>T.CovalentList});Object.defineProperty(exports,"CovalentListItem",{enumerable:!0,get:()=>I.CovalentListItem});Object.defineProperty(exports,"CovalentNavRailListItem",{enumerable:!0,get:()=>h.CovalentNavRailListItem});Object.defineProperty(exports,"CovalentRadioListItem",{enumerable:!0,get:()=>L.CovalentRadioListItem});Object.defineProperty(exports,"CovalentMenu",{enumerable:!0,get:()=>x.CovalentMenu});Object.defineProperty(exports,"CovalentNotebookCell",{enumerable:!0,get:()=>B.CovalentNotebookCell});Object.defineProperty(exports,"CovalentRadio",{enumerable:!0,get:()=>k.CovalentRadio});Object.defineProperty(exports,"CovalentSelect",{enumerable:!0,get:()=>R.CovalentSelect});Object.defineProperty(exports,"CovalentSideSheet",{enumerable:!0,get:()=>A.CovalentSideSheet});Object.defineProperty(exports,"CovalentSlider",{enumerable:!0,get:()=>E.CovalentSlider});Object.defineProperty(exports,"CovalentSliderRange",{enumerable:!0,get:()=>D.CovalentSliderRange});Object.defineProperty(exports,"CovalentSnackbar",{enumerable:!0,get:()=>F.CovalentSnackbar});Object.defineProperty(exports,"CovalentStatusDialog",{enumerable:!0,get:()=>w.CovalentStatusDialog});Object.defineProperty(exports,"CovalentStatusHeader",{enumerable:!0,get:()=>H.CovalentStatusHeader});Object.defineProperty(exports,"CovalentStatusHeaderItem",{enumerable:!0,get:()=>N.CovalentStatusHeaderItem});Object.defineProperty(exports,"CovalentSwitch",{enumerable:!0,get:()=>M.CovalentSwitch});Object.defineProperty(exports,"CovalentTab",{enumerable:!0,get:()=>_.CovalentTab});Object.defineProperty(exports,"CovalentTabBar",{enumerable:!0,get:()=>z.CovalentTabBar});Object.defineProperty(exports,"CovalentTextArea",{enumerable:!0,get:()=>G.CovalentTextArea});Object.defineProperty(exports,"CovalentTextField",{enumerable:!0,get:()=>J.CovalentTextField});Object.defineProperty(exports,"CovalentTextLockup",{enumerable:!0,get:()=>K.CovalentTextLockup});Object.defineProperty(exports,"CovalentToolbar",{enumerable:!0,get:()=>Q.CovalentToolbar});Object.defineProperty(exports,"CovalentTooltip",{enumerable:!0,get:()=>U.CovalentTooltip});Object.defineProperty(exports,"CovalentTopAppBar",{enumerable:!0,get:()=>V.CovalentTopAppBar});Object.defineProperty(exports,"CovalentTopAppBarFixed",{enumerable:!0,get:()=>W.CovalentTopAppBarFixed});Object.defineProperty(exports,"CovalentTreeList",{enumerable:!0,get:()=>X.CovalentTreeList});Object.defineProperty(exports,"CovalentTreeListItem",{enumerable:!0,get:()=>Y.CovalentTreeListItem});Object.defineProperty(exports,"CovalentTypography",{enumerable:!0,get:()=>Z.CovalentTypography});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./action-ribbon.js"),t=require("./alert.js"),r=require("./app-shell.js"),n=require("./badge.js"),o=require("./button.js"),a=require("./checkbox.js"),i=require("./card.js"),l=require("./chip-c65a4549.js"),u=require("./chip-set.js"),c=require("./circular-progress.js"),b=require("./code-editor-b36fad77.js"),C=require("./code-snippet.js"),s=require("./dialog-83104700.js"),v=require("./drawer.js"),p=require("./empty-state.js"),d=require("./expansion-panel.js"),g=require("./expansion-panel-item.js"),q=require("./focused-page.js"),m=require("./formfield.js"),P=require("./full-screen-dialog.js"),y=require("./icon.js"),f=require("./icon-button.js"),j=require("./icon-button-toggle.js"),O=require("./icon-check-toggle.js"),S=require("./icon-radio-toggle.js"),T=require("./linear-progress.js"),I=require("./check-list-item.js"),h=require("./list.js"),L=require("./list-item.js"),x=require("./nav-list-item.js"),B=require("./radio-list-item.js"),k=require("./menu.js"),R=require("./notebook-cell.js"),A=require("./radio.js"),F=require("./select.js"),D=require("./side-sheet.js"),E=require("./slider.js"),w=require("./slider-range.js"),H=require("./snackbar.js"),N=require("./status-dialog.js"),M=require("./status-header.js"),_=require("./status-header-item.js"),z=require("./switch.js"),G=require("./tab.js"),J=require("./tab-bar.js"),K=require("./textarea.js"),Q=require("./textfield.js"),U=require("./text-lockup.js"),V=require("./toolbar.js"),W=require("./tooltip.js"),X=require("./top-app-bar.js"),Y=require("./top-app-bar-fixed.js"),Z=require("./tree-list.js"),$=require("./tree-list-item.js"),ee=require("./typography.js");require("./query-assigned-elements-f623705d.js");require("./utils-a8190a39.js");require("./observer-a096ab43.js");require("./foundation-e980aa3d.js");require("./tslib.es6-98719205.js");require("./foundation-e830bd94.js");require("./class-map-0a4c6ca9.js");require("./directive-1186bc23.js");require("./property-57f6f6fe.js");require("./query-680f1868.js");require("./mwc-drawer-base-bbae43c3.js");require("./inert.esm-2cee6f2e.js");require("./base-element-58a3f9ea.js");require("./mwc-icon-f87639bc.js");require("./ripple-handlers-9fb4a31a.js");require("./state-0974a8e5.js");require("./style-map-a135c6ab.js");require("./aria-property-849c8816.js");require("./event-options-3f5eb195.js");require("./if-defined-f1c45245.js");require("./mwc-checkbox-base-935d9566.js");require("./form-element-c553d6f5.js");require("./mwc-checkbox.css-b3434429.js");require("./keyboard-39125691.js");require("./_commonjsHelpers-2367a3a2.js");require("./async-directive-4a34f75e.js");require("./directive-helpers-0ce1f995.js");require("./query-assigned-nodes-99eae71d.js");require("./mwc-radio-base-147cf999.js");require("./mwc-radio.css-4e140252.js");require("./mwc-list-item-base-06d93e6e.js");require("./list-item-8b940ec8.js");require("./mwc-list-base-22616d0a.js");require("./mwc-menu-base-08f54c38.js");require("./mwc-line-ripple-directive-40145003.js");require("./mwc-slider.css-c5f99704.js");require("./mwc-tab-base-f2269fd1.js");require("./textfield-83e78e56.js");require("./mwc-top-app-bar-base-8c8cde51.js");require("./top-app-bar-a531c1b4.js");Object.defineProperty(exports,"CovalentActionRibbon",{enumerable:!0,get:()=>e.CovalentActionRibbon});Object.defineProperty(exports,"CovalentAlert",{enumerable:!0,get:()=>t.CovalentAlert});Object.defineProperty(exports,"CovalentAppShell",{enumerable:!0,get:()=>r.CovalentAppShell});Object.defineProperty(exports,"CovalentBadge",{enumerable:!0,get:()=>n.CovalentBadge});Object.defineProperty(exports,"CovalentButton",{enumerable:!0,get:()=>o.CovalentButton});Object.defineProperty(exports,"CovalentCheckbox",{enumerable:!0,get:()=>a.CovalentCheckbox});Object.defineProperty(exports,"CovalentCard",{enumerable:!0,get:()=>i.CovalentCard});Object.defineProperty(exports,"CovalentChip",{enumerable:!0,get:()=>l.CovalentChip});Object.defineProperty(exports,"CovalentChipSet",{enumerable:!0,get:()=>u.CovalentChipSet});Object.defineProperty(exports,"CovalentCircularProgress",{enumerable:!0,get:()=>c.CovalentCircularProgress});Object.defineProperty(exports,"CovalentCodeEditor",{enumerable:!0,get:()=>b.CovalentCodeEditor});Object.defineProperty(exports,"CovalentCodeSnippet",{enumerable:!0,get:()=>C.CovalentCodeSnippet});Object.defineProperty(exports,"CovalentDialog",{enumerable:!0,get:()=>s.CovalentDialog});Object.defineProperty(exports,"CovalentDrawer",{enumerable:!0,get:()=>v.CovalentDrawer});Object.defineProperty(exports,"CovalentEmptyState",{enumerable:!0,get:()=>p.CovalentEmptyState});Object.defineProperty(exports,"CovalentExpansionPanel",{enumerable:!0,get:()=>d.CovalentExpansionPanel});Object.defineProperty(exports,"CovalentExpansionPanelItem",{enumerable:!0,get:()=>g.CovalentExpansionPanelItem});Object.defineProperty(exports,"CovalentFocusedPage",{enumerable:!0,get:()=>q.CovalentFocusedPage});Object.defineProperty(exports,"CovalentFormfield",{enumerable:!0,get:()=>m.CovalentFormfield});Object.defineProperty(exports,"CovalentFullscreenDialog",{enumerable:!0,get:()=>P.CovalentFullscreenDialog});Object.defineProperty(exports,"CovalentIcon",{enumerable:!0,get:()=>y.CovalentIcon});Object.defineProperty(exports,"CovalentIconButton",{enumerable:!0,get:()=>f.CovalentIconButton});Object.defineProperty(exports,"CovalentIconButtonToggle",{enumerable:!0,get:()=>j.CovalentIconButtonToggle});Object.defineProperty(exports,"CovalentIconCheckToggle",{enumerable:!0,get:()=>O.CovalentIconCheckToggle});Object.defineProperty(exports,"CovalentIconRadioToggle",{enumerable:!0,get:()=>S.CovalentIconRadioToggle});Object.defineProperty(exports,"CovalentLinearProgress",{enumerable:!0,get:()=>T.CovalentLinearProgress});Object.defineProperty(exports,"CovalentCheckListItem",{enumerable:!0,get:()=>I.CovalentCheckListItem});Object.defineProperty(exports,"CovalentList",{enumerable:!0,get:()=>h.CovalentList});Object.defineProperty(exports,"CovalentListItem",{enumerable:!0,get:()=>L.CovalentListItem});Object.defineProperty(exports,"CovalentNavRailListItem",{enumerable:!0,get:()=>x.CovalentNavRailListItem});Object.defineProperty(exports,"CovalentRadioListItem",{enumerable:!0,get:()=>B.CovalentRadioListItem});Object.defineProperty(exports,"CovalentMenu",{enumerable:!0,get:()=>k.CovalentMenu});Object.defineProperty(exports,"CovalentNotebookCell",{enumerable:!0,get:()=>R.CovalentNotebookCell});Object.defineProperty(exports,"CovalentRadio",{enumerable:!0,get:()=>A.CovalentRadio});Object.defineProperty(exports,"CovalentSelect",{enumerable:!0,get:()=>F.CovalentSelect});Object.defineProperty(exports,"CovalentSideSheet",{enumerable:!0,get:()=>D.CovalentSideSheet});Object.defineProperty(exports,"CovalentSlider",{enumerable:!0,get:()=>E.CovalentSlider});Object.defineProperty(exports,"CovalentSliderRange",{enumerable:!0,get:()=>w.CovalentSliderRange});Object.defineProperty(exports,"CovalentSnackbar",{enumerable:!0,get:()=>H.CovalentSnackbar});Object.defineProperty(exports,"CovalentStatusDialog",{enumerable:!0,get:()=>N.CovalentStatusDialog});Object.defineProperty(exports,"CovalentStatusHeader",{enumerable:!0,get:()=>M.CovalentStatusHeader});Object.defineProperty(exports,"CovalentStatusHeaderItem",{enumerable:!0,get:()=>_.CovalentStatusHeaderItem});Object.defineProperty(exports,"CovalentSwitch",{enumerable:!0,get:()=>z.CovalentSwitch});Object.defineProperty(exports,"CovalentTab",{enumerable:!0,get:()=>G.CovalentTab});Object.defineProperty(exports,"CovalentTabBar",{enumerable:!0,get:()=>J.CovalentTabBar});Object.defineProperty(exports,"CovalentTextArea",{enumerable:!0,get:()=>K.CovalentTextArea});Object.defineProperty(exports,"CovalentTextField",{enumerable:!0,get:()=>Q.CovalentTextField});Object.defineProperty(exports,"CovalentTextLockup",{enumerable:!0,get:()=>U.CovalentTextLockup});Object.defineProperty(exports,"CovalentToolbar",{enumerable:!0,get:()=>V.CovalentToolbar});Object.defineProperty(exports,"CovalentTooltip",{enumerable:!0,get:()=>W.CovalentTooltip});Object.defineProperty(exports,"CovalentTopAppBar",{enumerable:!0,get:()=>X.CovalentTopAppBar});Object.defineProperty(exports,"CovalentTopAppBarFixed",{enumerable:!0,get:()=>Y.CovalentTopAppBarFixed});Object.defineProperty(exports,"CovalentTreeList",{enumerable:!0,get:()=>Z.CovalentTreeList});Object.defineProperty(exports,"CovalentTreeListItem",{enumerable:!0,get:()=>$.CovalentTreeListItem});Object.defineProperty(exports,"CovalentTypography",{enumerable:!0,get:()=>ee.CovalentTypography});

package/index.mjs

@@ -10,47 +10,49 @@ import { CovalentChipSet as po } from "./chip-set.mjs";
 import { CovalentCircularProgress as ao } from "./circular-progress.mjs";
 import { C as no } from "./code-editor-712d0ce9.mjs";
 import { CovalentCodeSnippet as Co } from "./code-snippet.mjs";
-import { C as fo } from "./dialog-16aad066.mjs";
+import { C as fo } from "./dialog-78a9fd0e.mjs";
 import { CovalentDrawer as so } from "./drawer.mjs";
-import { CovalentEmptyState as co } from "./empty-state.mjs";
-import { CovalentExpansionPanel as go } from "./expansion-panel.mjs";
-import { CovalentExpansionPanelItem as ho } from "./expansion-panel-item.mjs";
-import { CovalentFormfield as Lo } from "./formfield.mjs";
-import { CovalentIcon as Bo } from "./icon.mjs";
-import { CovalentIconButton as Ao } from "./icon-button.mjs";
-import { CovalentIconButtonToggle as Eo } from "./icon-button-toggle.mjs";
-import { CovalentIconCheckToggle as yo } from "./icon-check-toggle.mjs";
-import { CovalentIconRadioToggle as Fo } from "./icon-radio-toggle.mjs";
-import { CovalentLinearProgress as Ho } from "./linear-progress.mjs";
-import { CovalentCheckListItem as Mo } from "./check-list-item.mjs";
-import { CovalentList as qo } from "./list.mjs";
-import { CovalentListItem as Go } from "./list-item.mjs";
-import { CovalentNavRailListItem as Ko } from "./nav-list-item.mjs";
-import { CovalentRadioListItem as Qo } from "./radio-list-item.mjs";
-import { CovalentMenu as Vo } from "./menu.mjs";
-import { CovalentNotebookCell as Xo } from "./notebook-cell.mjs";
-import { CovalentRadio as Zo } from "./radio.mjs";
-import { CovalentSelect as $o } from "./select.mjs";
-import { CovalentSideSheet as tt } from "./side-sheet.mjs";
-import { CovalentSlider as et } from "./slider.mjs";
-import { CovalentSliderRange as mt } from "./slider-range.mjs";
-import { CovalentSnackbar as lt } from "./snackbar.mjs";
-import { CovalentStatusDialog as it } from "./status-dialog.mjs";
-import { CovalentStatusHeader as xt } from "./status-header.mjs";
-import { CovalentStatusHeaderItem as vt } from "./status-header-item.mjs";
-import { CovalentSwitch as dt } from "./switch.mjs";
-import { CovalentTab as ct } from "./tab.mjs";
-import { CovalentTabBar as gt } from "./tab-bar.mjs";
-import { CovalentTextArea as ht } from "./textarea.mjs";
-import { CovalentTextField as Lt } from "./textfield.mjs";
-import { CovalentTextLockup as Bt } from "./text-lockup.mjs";
-import { CovalentToolbar as At } from "./toolbar.mjs";
-import { CovalentTooltip as Et } from "./tooltip.mjs";
-import { CovalentTopAppBar as yt } from "./top-app-bar.mjs";
-import { CovalentTopAppBarFixed as Ft } from "./top-app-bar-fixed.mjs";
-import { CovalentTreeList as Ht } from "./tree-list.mjs";
-import { CovalentTreeListItem as Mt } from "./tree-list-item.mjs";
-import { CovalentTypography as qt } from "./typography.mjs";
+import { CovalentEmptyState as go } from "./empty-state.mjs";
+import { CovalentExpansionPanel as So } from "./expansion-panel.mjs";
+import { CovalentExpansionPanelItem as uo } from "./expansion-panel-item.mjs";
+import { CovalentFocusedPage as Lo } from "./focused-page.mjs";
+import { CovalentFormfield as Bo } from "./formfield.mjs";
+import { CovalentFullscreenDialog as Ao } from "./full-screen-dialog.mjs";
+import { CovalentIcon as Fo } from "./icon.mjs";
+import { CovalentIconButton as Do } from "./icon-button.mjs";
+import { CovalentIconButtonToggle as yo } from "./icon-button-toggle.mjs";
+import { CovalentIconCheckToggle as Ho } from "./icon-check-toggle.mjs";
+import { CovalentIconRadioToggle as Mo } from "./icon-radio-toggle.mjs";
+import { CovalentLinearProgress as qo } from "./linear-progress.mjs";
+import { CovalentCheckListItem as Go } from "./check-list-item.mjs";
+import { CovalentList as Ko } from "./list.mjs";
+import { CovalentListItem as Qo } from "./list-item.mjs";
+import { CovalentNavRailListItem as Vo } from "./nav-list-item.mjs";
+import { CovalentRadioListItem as Xo } from "./radio-list-item.mjs";
+import { CovalentMenu as Zo } from "./menu.mjs";
+import { CovalentNotebookCell as $o } from "./notebook-cell.mjs";
+import { CovalentRadio as tt } from "./radio.mjs";
+import { CovalentSelect as et } from "./select.mjs";
+import { CovalentSideSheet as mt } from "./side-sheet.mjs";
+import { CovalentSlider as lt } from "./slider.mjs";
+import { CovalentSliderRange as it } from "./slider-range.mjs";
+import { CovalentSnackbar as xt } from "./snackbar.mjs";
+import { CovalentStatusDialog as vt } from "./status-dialog.mjs";
+import { CovalentStatusHeader as dt } from "./status-header.mjs";
+import { CovalentStatusHeaderItem as gt } from "./status-header-item.mjs";
+import { CovalentSwitch as St } from "./switch.mjs";
+import { CovalentTab as ut } from "./tab.mjs";
+import { CovalentTabBar as Lt } from "./tab-bar.mjs";
+import { CovalentTextArea as Bt } from "./textarea.mjs";
+import { CovalentTextField as At } from "./textfield.mjs";
+import { CovalentTextLockup as Ft } from "./text-lockup.mjs";
+import { CovalentToolbar as Dt } from "./toolbar.mjs";
+import { CovalentTooltip as yt } from "./tooltip.mjs";
+import { CovalentTopAppBar as Ht } from "./top-app-bar.mjs";
+import { CovalentTopAppBarFixed as Mt } from "./top-app-bar-fixed.mjs";
+import { CovalentTreeList as qt } from "./tree-list.mjs";
+import { CovalentTreeListItem as Gt } from "./tree-list-item.mjs";
+import { CovalentTypography as Kt } from "./typography.mjs";
 import "./query-assigned-elements-4a39219d.mjs";
 import "./utils-dc65fdc9.mjs";
 import "./observer-be7b92e2.mjs";
@@ -98,7 +100,7 @@ export {
   W as CovalentBadge,
   Y as CovalentButton,
   oo as CovalentCard,
-  Mo as CovalentCheckListItem,
+  Go as CovalentCheckListItem,
   _ as CovalentCheckbox,
   ro as CovalentChip,
   po as CovalentChipSet,
@@ -107,42 +109,44 @@ export {
   Co as CovalentCodeSnippet,
   fo as CovalentDialog,
   so as CovalentDrawer,
-  co as CovalentEmptyState,
-  go as CovalentExpansionPanel,
-  ho as CovalentExpansionPanelItem,
-  Lo as CovalentFormfield,
-  Bo as CovalentIcon,
-  Ao as CovalentIconButton,
-  Eo as CovalentIconButtonToggle,
-  yo as CovalentIconCheckToggle,
-  Fo as CovalentIconRadioToggle,
-  Ho as CovalentLinearProgress,
-  qo as CovalentList,
-  Go as CovalentListItem,
-  Vo as CovalentMenu,
-  Ko as CovalentNavRailListItem,
-  Xo as CovalentNotebookCell,
-  Zo as CovalentRadio,
-  Qo as CovalentRadioListItem,
-  $o as CovalentSelect,
-  tt as CovalentSideSheet,
-  et as CovalentSlider,
-  mt as CovalentSliderRange,
-  lt as CovalentSnackbar,
-  it as CovalentStatusDialog,
-  xt as CovalentStatusHeader,
-  vt as CovalentStatusHeaderItem,
-  dt as CovalentSwitch,
-  ct as CovalentTab,
-  gt as CovalentTabBar,
-  ht as CovalentTextArea,
-  Lt as CovalentTextField,
-  Bt as CovalentTextLockup,
-  At as CovalentToolbar,
-  Et as CovalentTooltip,
-  yt as CovalentTopAppBar,
-  Ft as CovalentTopAppBarFixed,
-  Ht as CovalentTreeList,
-  Mt as CovalentTreeListItem,
-  qt as CovalentTypography
+  go as CovalentEmptyState,
+  So as CovalentExpansionPanel,
+  uo as CovalentExpansionPanelItem,
+  Lo as CovalentFocusedPage,
+  Bo as CovalentFormfield,
+  Ao as CovalentFullscreenDialog,
+  Fo as CovalentIcon,
+  Do as CovalentIconButton,
+  yo as CovalentIconButtonToggle,
+  Ho as CovalentIconCheckToggle,
+  Mo as CovalentIconRadioToggle,
+  qo as CovalentLinearProgress,
+  Ko as CovalentList,
+  Qo as CovalentListItem,
+  Zo as CovalentMenu,
+  Vo as CovalentNavRailListItem,
+  $o as CovalentNotebookCell,
+  tt as CovalentRadio,
+  Xo as CovalentRadioListItem,
+  et as CovalentSelect,
+  mt as CovalentSideSheet,
+  lt as CovalentSlider,
+  it as CovalentSliderRange,
+  xt as CovalentSnackbar,
+  vt as CovalentStatusDialog,
+  dt as CovalentStatusHeader,
+  gt as CovalentStatusHeaderItem,
+  St as CovalentSwitch,
+  ut as CovalentTab,
+  Lt as CovalentTabBar,
+  Bt as CovalentTextArea,
+  At as CovalentTextField,
+  Ft as CovalentTextLockup,
+  Dt as CovalentToolbar,
+  yt as CovalentTooltip,
+  Ht as CovalentTopAppBar,
+  Mt as CovalentTopAppBarFixed,
+  qt as CovalentTreeList,
+  Gt as CovalentTreeListItem,
+  Kt as CovalentTypography
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@covalent/components",
-  "version": "8.22.0",
+  "version": "8.23.1",
   "description": "a catalog of material components for covalent",
   "main": "./index.js",
   "module": "./index.mjs",
@@ -101,11 +101,21 @@
       "import": "./expansion-panel-item.mjs",
       "require": "./expansion-panel-item.js"
     },
+    "./focused-page": {
+      "types": "./focused-page/focused-page.d.ts",
+      "import": "./focused-page.mjs",
+      "require": "./focused-page.js"
+    },
     "./formfield": {
       "types": "./formfield/formfield.d.ts",
       "import": "./formfield.mjs",
       "require": "./formfield.js"
     },
+    "./full-screen-dialog": {
+      "types": "./full-screen-dialog/full-screen-dialog.d.ts",
+      "import": "./full-screen-dialog.mjs",
+      "require": "./full-screen-dialog.js"
+    },
     "./icon": {
       "types": "./icon/icon.d.ts",
       "import": "./icon.mjs",