@xplortech/apollo-core 1.0.0-beta.6 → 1.0.0-beta.8

package/dist/esm/xpl-list.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, F as Fragment } from './index-e3c4bb97.js';
+import { r as registerInstance, h, H as Host, F as Fragment } from './index-392b5b96.js';
 import './regular-86225e9d.js';
 
 const ListItemCpt = ({ avatar, avatars, badges, href, title, subtext, metadata, }) => {
@@ -25,28 +25,6 @@ const ListItemCpt = ({ avatar, avatars, badges, href, title, subtext, metadata,
 const XplList = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    /**
-     * `items` should be an array of objects with the following signature:
-     * {
-     *   avatar?: string;        // The URL of the avatar, or the placeholder initials (ex. "SPD").
-     *   avatars?: string[];     // The URLs of multiple avatars to be displayed in a group on the right.
-     *   badges?: string[] | {   // An array of strings or badge-like objects to be displayed as badges
-     *     dot?: boolean;        // in a group on the right. See <xpl-badge> for more details.
-     *     text: string;
-     *     variant?: string;
-     *   }[];
-     *   href?: string;          // A URL, if this list item is meant to link somewhere.
-     *   title: string;          // The text to be displayed for the list item.
-     *   metadata?: string[] | { // An array of strings or strings with icons (reference the allowed
-     *     icon: string;         // Font Awesome icons) to be displayed as metadata below the title.
-     *     text: string;
-     *   }[];
-     *   subtext?: string;       // Subtext to be displayed on the right.
-     * }
-     *
-     * - Note that you should *only use one of* `avatars`, `badges`, or `subtext`, to avoid cluttering
-     *   the right-hand side of the list item.
-     */
     this.items = [];
   }
   render() {

package/dist/esm/xpl-main-nav.entry.js

@@ -1,12 +1,9 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-e3c4bb97.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-392b5b96.js';
 
 const XplMainNav = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.navWidth = createEvent(this, "navWidth", 7);
-    /**
-     * @property {string}  width  - The width of the Main Nav.
-     */
     this.width = 'default';
   }
   navWidthHandler() {

package/dist/esm/xpl-pagination.entry.js

@@ -1,10 +1,9 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-e3c4bb97.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-392b5b96.js';
 
 const XplPagination = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.page = createEvent(this, "page", 7);
-    this.current = 1;
     /**
      * Private `_goto` method respects the `waitForCallback` prop --
      * it will always emit the `page` event, but won't actually update
@@ -26,6 +25,10 @@ const XplPagination = class {
       if (this.current < numPages)
         this._goto(this.current + 1);
     };
+    this.total = undefined;
+    this.perPage = undefined;
+    this.waitForCallback = undefined;
+    this.current = 1;
   }
   /**
    * Calling `goto` with a page number (which should probably be

package/dist/esm/xpl-select.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-e3c4bb97.js';
+import { r as registerInstance, h, H as Host } from './index-392b5b96.js';
 import { v as v4 } from './v4-929670b7.js';
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
@@ -452,35 +452,20 @@ function tagWidth(text) {
 const XplSelect = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    /**
-     * An array of choices for the user to choose from.
-     * Each choice should be of the form:
-     * {
-     *   label: string;
-     *   href?: string;
-     *   value?: string;
-     *   isGroupHeading?: boolean;
-     * }
-     */
     this.choices = [];
-    /**
-     * Whether to allow a single choice or multiple choices.
-     */
+    this.description = undefined;
+    this.disabled = undefined;
+    this.error = undefined;
+    this.label = undefined;
     this.mode = 'single';
-    /**
-     * Only used in multi-choice selects. If `true`,
-     * badges representing selections that would overflow the
-     * container are replaced with "+x more" (where x is the
-     * number not shown). If `false`, the container's height will
-     * adjust to show all badges representing selections.
-     */
+    this.placeholder = undefined;
     this.truncate = true;
     this.active = false;
     this.id = v4();
     this.keepFocus = false;
+    this.selected = undefined;
     this.value = '';
     this.displayValue = '';
-    // infinity isn't real, it's just a mathematical construct, it can't hurt you
     this.visibleChoices = Infinity;
   }
   componentWillLoad() {

package/dist/esm/xpl-toggle.entry.js

@@ -1,12 +1,15 @@
-import { r as registerInstance, h, H as Host } from './index-e3c4bb97.js';
+import { r as registerInstance, h, H as Host } from './index-392b5b96.js';
 import { v as v4 } from './v4-929670b7.js';
 
 const XplToggle = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
-    /**
-     * The size of the toggle -- `default` or `small`
-     */
+    this.checked = undefined;
+    this.description = undefined;
+    this.disabled = undefined;
+    this.heading = undefined;
+    this.label = undefined;
+    this.name = undefined;
     this.variant = 'default';
     this.id = v4();
   }

package/dist/types/components/xpl-dropdown/dropdownoption.d.ts

@@ -3,7 +3,7 @@ export interface DropdownOption {
   isSelected?: boolean;
   isDisabled?: boolean;
 }
-export declare type DropdownItem = Partial<DropdownOption & DropdownOptionGroup>;
+export type DropdownItem = Partial<DropdownOption & DropdownOptionGroup>;
 export interface DropdownOptionGroup {
   groupName: string;
   options: DropdownItem[];

package/dist/types/components/xpl-table/xpl-table.d.ts

@@ -19,6 +19,8 @@ export declare class XplTable {
    * TODO: Need to figure out how this interplays with data
    * received from an API/server
    */
+  private setData;
+  watchData(): void;
   componentWillLoad(): void;
   render(): any;
 }

package/dist/types/components.d.ts

@@ -400,6 +400,42 @@ export namespace Components {
         "navControl"?: boolean;
     }
 }
+export interface XplButtonRowCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLXplButtonRowElement;
+}
+export interface XplCheckboxCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLXplCheckboxElement;
+}
+export interface XplMainNavCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLXplMainNavElement;
+}
+export interface XplNavItemCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLXplNavItemElement;
+}
+export interface XplPaginationCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLXplPaginationElement;
+}
+export interface XplRadioCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLXplRadioElement;
+}
+export interface XplTableCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLXplTableElement;
+}
+export interface XplTagCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLXplTagElement;
+}
+export interface XplUtilityBarCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLXplUtilityBarElement;
+}
 declare global {
     interface HTMLXplApplicationShellElement extends Components.XplApplicationShell, HTMLStencilElement {
     }
@@ -704,15 +740,15 @@ declare namespace LocalJSX {
         /**
           * Fires on the primary button. If not set, the button can act as a standard submit button for a form.
          */
-        "onClickPrimary"?: (event: CustomEvent<any>) => void;
+        "onClickPrimary"?: (event: XplButtonRowCustomEvent<any>) => void;
         /**
           * Adds an event listener to the secondary button.
          */
-        "onClickSecondary"?: (event: CustomEvent<any>) => void;
+        "onClickSecondary"?: (event: XplButtonRowCustomEvent<any>) => void;
         /**
           * Adds an event listener to the tertiary button.
          */
-        "onClickTertiary"?: (event: CustomEvent<any>) => void;
+        "onClickTertiary"?: (event: XplButtonRowCustomEvent<any>) => void;
         /**
           * The text for the primary button.
          */
@@ -735,7 +771,7 @@ declare namespace LocalJSX {
         /**
           * @private
          */
-        "onCheckboxChange"?: (event: CustomEvent<any>) => void;
+        "onCheckboxChange"?: (event: XplCheckboxCustomEvent<any>) => void;
         "required"?: boolean;
         "styled"?: boolean;
         "value"?: string;
@@ -921,7 +957,7 @@ declare namespace LocalJSX {
         /**
           * @event {string} navWidth - Emits the `nav-width` prop set by the user when the component is attached to the DOM and when the component is updated.
          */
-        "onNavWidth"?: (event: CustomEvent<string>) => void;
+        "onNavWidth"?: (event: XplMainNavCustomEvent<string>) => void;
         /**
           * @property {string}  width  - The width of the Main Nav.
          */
@@ -935,10 +971,10 @@ declare namespace LocalJSX {
         /**
           * @event {boolean} - Emits the desired state of the navigation bar (open: true/false)
          */
-        "onNavOpen"?: (event: CustomEvent<boolean>) => void;
+        "onNavOpen"?: (event: XplNavItemCustomEvent<boolean>) => void;
     }
     interface XplPagination {
-        "onPage"?: (event: CustomEvent<any>) => void;
+        "onPage"?: (event: XplPaginationCustomEvent<any>) => void;
         "perPage"?: number;
         "total"?: number;
         "waitForCallback"?: boolean;
@@ -951,7 +987,7 @@ declare namespace LocalJSX {
         /**
           * @private
          */
-        "onRadioChange"?: (event: CustomEvent<any>) => void;
+        "onRadioChange"?: (event: XplRadioCustomEvent<any>) => void;
         "required"?: boolean;
         "styled"?: boolean;
         "value"?: string;
@@ -988,11 +1024,11 @@ declare namespace LocalJSX {
         "data"?: string[][];
         "freeze"?: boolean;
         "multiselect"?: boolean;
-        "onTableSelect"?: (event: CustomEvent<any>) => void;
+        "onTableSelect"?: (event: XplTableCustomEvent<any>) => void;
         "striped"?: boolean;
     }
     interface XplTag {
-        "onClose"?: (event: CustomEvent<any>) => void;
+        "onClose"?: (event: XplTagCustomEvent<any>) => void;
     }
     interface XplToggle {
         "checked"?: boolean;
@@ -1027,7 +1063,7 @@ declare namespace LocalJSX {
         /**
           * @event {boolean} - Emits the desired state of the navigation bar (open: true/false)
          */
-        "onNavOpen"?: (event: CustomEvent<boolean>) => void;
+        "onNavOpen"?: (event: XplUtilityBarCustomEvent<boolean>) => void;
     }
     interface IntrinsicElements {
         "xpl-application-shell": XplApplicationShell;

package/dist/types/stencil-public-runtime.d.ts

@@ -133,7 +133,7 @@ export interface ListenOptions {
      */
     passive?: boolean;
 }
-export declare type ListenTargetOptions = 'body' | 'document' | 'window';
+export type ListenTargetOptions = 'body' | 'document' | 'window';
 export interface StateDecorator {
     (): PropertyDecorator;
 }
@@ -214,14 +214,16 @@ export declare const State: StateDecorator;
  * https://stenciljs.com/docs/reactive-data#watch-decorator
  */
 export declare const Watch: WatchDecorator;
-export declare type ResolutionHandler = (elm: HTMLElement) => string | undefined | null;
-export declare type ErrorHandler = (err: any, element?: HTMLElement) => void;
+export type ResolutionHandler = (elm: HTMLElement) => string | undefined | null;
+export type ErrorHandler = (err: any, element?: HTMLElement) => void;
 /**
  * `setMode()` is used for libraries which provide multiple "modes" for styles.
  */
 export declare const setMode: (handler: ResolutionHandler) => void;
 /**
- * getMode
+ * `getMode()` is used for libraries which provide multiple "modes" for styles.
+ * @param ref a reference to the node to get styles for
+ * @returns the current mode or undefined, if not found
  */
 export declare function getMode<T = string | undefined>(ref: any): T;
 export declare function setPlatformHelpers(helpers: {
@@ -234,6 +236,9 @@ export declare function setPlatformHelpers(helpers: {
 /**
  * Get the base path to where the assets can be found. Use `setAssetPath(path)`
  * if the path needs to be customized.
+ * @param path the path to use in calculating the asset path. this value will be
+ * used in conjunction with the base asset path
+ * @returns the base path
  */
 export declare function getAssetPath(path: string): string;
 /**
@@ -246,22 +251,38 @@ export declare function getAssetPath(path: string): string;
  * `setAssetPath(document.currentScript.src)`, or using a bundler's replace plugin to
  * dynamically set the path at build time, such as `setAssetPath(process.env.ASSET_PATH)`.
  * But do note that this configuration depends on how your script is bundled, or lack of
- * bunding, and where your assets can be loaded from. Additionally custom bundling
+ * bundling, and where your assets can be loaded from. Additionally custom bundling
  * will have to ensure the static assets are copied to its build directory.
+ * @param path the asset path to set
+ * @returns the set path
  */
 export declare function setAssetPath(path: string): string;
 /**
- * getElement
+ * Used to specify a nonce value that corresponds with an application's
+ * [Content Security Policy (CSP)](https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP).
+ * When set, the nonce will be added to all dynamically created script and style tags at runtime.
+ * Alternatively, the nonce value can be set on a `meta` tag in the DOM head
+ * (<meta name="csp-nonce" content="{ nonce value here }" />) and will result in the same behavior.
+ * @param nonce The value to be used for the nonce attribute.
+ */
+export declare function setNonce(nonce: string): void;
+/**
+ * Retrieve a Stencil element for a given reference
+ * @param ref the ref to get the Stencil element for
+ * @returns a reference to the element
  */
 export declare function getElement(ref: any): HTMLStencilElement;
 /**
  * Schedules a new render of the given instance or element even if no state changed.
  *
- * Notice `forceUpdate()` is not syncronous and might perform the DOM render in the next frame.
+ * Notice `forceUpdate()` is not synchronous and might perform the DOM render in the next frame.
+ *
+ * @param ref the node/element to force the re-render of
  */
 export declare function forceUpdate(ref: any): void;
 /**
  * getRenderingRef
+ * @returns the rendering ref
  */
 export declare function getRenderingRef(): any;
 export interface HTMLStencilElement extends HTMLElement {
@@ -272,6 +293,8 @@ export interface HTMLStencilElement extends HTMLElement {
  * in the best moment to perform DOM mutation without causing layout thrashing.
  *
  * For further information: https://developers.google.com/web/fundamentals/performance/rendering/avoid-large-complex-layouts-and-layout-thrashing
+ *
+ * @param task the DOM-write to schedule
  */
 export declare function writeTask(task: RafCallback): void;
 /**
@@ -279,6 +302,8 @@ export declare function writeTask(task: RafCallback): void;
  * in the best moment to perform DOM reads without causing layout thrashing.
  *
  * For further information: https://developers.google.com/web/fundamentals/performance/rendering/avoid-large-complex-layouts-and-layout-thrashing
+ *
+ * @param task the DOM-read to schedule
  */
 export declare function readTask(task: RafCallback): void;
 /**
@@ -417,13 +442,57 @@ interface HostAttributes {
     ref?: (el: HTMLElement | null) => void;
     [prop: string]: any;
 }
+/**
+ * Utilities for working with functional Stencil components. An object
+ * conforming to this interface is passed by the Stencil runtime as the third
+ * argument to a functional component, allowing component authors to work with
+ * features like children.
+ *
+ * The children of a functional component will be passed as the second
+ * argument, so a functional component which uses these utils to transform its
+ * children might look like the following:
+ *
+ * ```ts
+ * export const AddClass: FunctionalComponent = (_, children, utils) => (
+ *  utils.map(children, child => ({
+ *    ...child,
+ *    vattrs: {
+ *      ...child.vattrs,
+ *      class: `${child.vattrs.class} add-class`
+ *    }
+ *  }))
+ * );
+ * ```
+ *
+ * For more see the Stencil documentation, here:
+ * https://stenciljs.com/docs/functional-components
+ */
 export interface FunctionalUtilities {
+    /**
+     * Utility for reading the children of a functional component at runtime.
+     * Since the Stencil runtime uses a different interface for children it is
+     * not recommendeded to read the children directly, and is preferable to use
+     * this utility to, for instance, perform a side effect for each child.
+     */
     forEach: (children: VNode[], cb: (vnode: ChildNode, index: number, array: ChildNode[]) => void) => void;
+    /**
+     * Utility for transforming the children of a functional component. Given an
+     * array of children and a callback this will return a list of the results of
+     * passing each child to the supplied callback.
+     */
     map: (children: VNode[], cb: (vnode: ChildNode, index: number, array: ChildNode[]) => ChildNode) => VNode[];
 }
 export interface FunctionalComponent<T = {}> {
     (props: T, children: VNode[], utils: FunctionalUtilities): VNode | VNode[];
 }
+/**
+ * A Child VDOM node
+ *
+ * This has most of the same properties as {@link VNode} but friendlier names
+ * (i.e. `vtag` instead of `$tag$`, `vchildren` instead of `$children$`) in
+ * order to provide a friendlier public interface for users of the
+ * {@link FunctionalUtilities}).
+ */
 export interface ChildNode {
     vtag?: string | number | Function;
     vkey?: string | number;
@@ -470,6 +539,9 @@ export declare function h(sel: any, children: Array<VNode | undefined | null>):
 export declare function h(sel: any, data: VNodeData | null, text: string): VNode;
 export declare function h(sel: any, data: VNodeData | null, children: Array<VNode | undefined | null>): VNode;
 export declare function h(sel: any, data: VNodeData | null, children: VNode): VNode;
+/**
+ * A virtual DOM node
+ */
 export interface VNode {
     $flags$: number;
     $tag$: string | number | Function;
@@ -666,7 +738,7 @@ export declare namespace JSXBase {
         use: JSXBase.SVGAttributes;
         view: JSXBase.SVGAttributes;
     }
-    interface SlotAttributes {
+    interface SlotAttributes extends JSXAttributes {
         name?: string;
         slot?: string;
         onSlotchange?: (event: Event) => void;
@@ -1427,9 +1499,7 @@ export declare namespace JSXBase {
         z?: number | string;
         zoomAndPan?: string;
     }
-    interface DOMAttributes<T = Element> {
-        key?: string | number;
-        ref?: (elm?: T) => void;
+    interface DOMAttributes<T> extends JSXAttributes<T> {
         slot?: string;
         part?: string;
         exportparts?: string;
@@ -1550,6 +1620,10 @@ export declare namespace JSXBase {
         onTransitionEndCapture?: (event: TransitionEvent) => void;
     }
 }
+export interface JSXAttributes<T = Element> {
+    key?: string | number;
+    ref?: (elm?: T) => void;
+}
 export interface CustomElementsDefineOptions {
     exclude?: string[];
     resourcesUrl?: string;

package/loader/index.d.ts

@@ -1,4 +1,3 @@
-
 export * from '../dist/types/components';
 export interface CustomElementsDefineOptions {
   exclude?: string[];
@@ -11,3 +10,12 @@ export interface CustomElementsDefineOptions {
 }
 export declare function defineCustomElements(win?: Window, opts?: CustomElementsDefineOptions): Promise<void>;
 export declare function applyPolyfills(): Promise<void>;
+
+/** 
+ * Used to specify a nonce value that corresponds with an application's CSP.
+ * When set, the nonce will be added to all dynamically created script and style tags at runtime.
+ * Alternatively, the nonce value can be set on a meta tag in the DOM head
+ * (<meta name="csp-nonce" content="{ nonce value here }" />) which
+ * will result in the same behavior.
+ */
+export declare function setNonce(nonce: string): void;

package/loader/package.json

@@ -1,5 +1,6 @@
 {
   "name": "apollo-core-loader",
+  "private": true,
   "typings": "./index.d.ts",
   "module": "./index.js",
   "main": "./index.cjs.js",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xplortech/apollo-core",
-  "version": "1.0.0-beta.6",
+  "version": "1.0.0-beta.8",
   "main": "dist/index.cjs.js",
   "module": "dist/custom-elements/index.js",
   "types": "dist/custom-elements/index.d.ts",

package/dist/apollo-core/p-25f84d39.entry.js

@@ -1 +0,0 @@
-import{r as l,h as i,H as s}from"./p-d4aa2fa9.js";const t=class{constructor(i){l(this,i),this.withSubnav=!1,this.withUtility=!0,this.navWidth="default",this.navOpen=!0}closeNavOnMobile(){window.innerWidth<=640&&(this.navOpen=!1)}navToggleHandler(){this.navOpen=!this.navOpen}navWithHandler(l){this.navWidth=l.detail}onWindowResize(){this.closeNavOnMobile()}connectedCallback(){this.closeNavOnMobile()}componentWillLoad(){this.navOpen=void 0!==this.isNavOpenAtStartup?this.isNavOpenAtStartup:this.navOpen}render(){let l="xpl-application-shell";this.withUtility&&(l+=" xpl-application-shell--with_utility");let t="xpl-application-shell__nav";return t+=this.navOpen?` xpl-application-shell__nav--${this.navWidth}--open`:` xpl-application-shell__nav--${this.navWidth}`,i(s,{class:l},i("div",{class:t},i("slot",{name:"nav"})),i("div",{class:"xpl-application-shell__subnav"},i("slot",{name:"subnav"})),i("div",{class:"xpl-application-shell__utility"},i("slot",{name:"utility"})),i("div",{class:"xpl-application-shell__content"},i("slot",{name:"content"})),i("xpl-backdrop",{onClick:()=>this.navToggleHandler(),class:{"xpl-application-shell__backdrop--open":this.navOpen},relative:!0}))}};export{t as xpl_application_shell}

package/dist/apollo-core/p-2ce2fe5c.entry.js

@@ -1 +0,0 @@
-import{r as t,c as s,h as i,H as o}from"./p-d4aa2fa9.js";const r=class{constructor(i){t(this,i),this.clickPrimary=s(this,"clickPrimary",7),this.clickSecondary=s(this,"clickSecondary",7),this.clickTertiary=s(this,"clickTertiary",7),this.onPrimary=()=>this.clickPrimary.emit(),this.onSecondary=()=>this.clickSecondary.emit(),this.onTertiary=()=>this.clickTertiary.emit()}render(){return i(o,{class:"xpl-button-row"},i("div",{class:"xpl-button-row-inner"},i("div",{class:"xpl-button-row__left"},this.secondary&&i("xpl-button",{variant:"secondary",type:"button",onClick:this.onSecondary},this.secondary)),i("div",{class:"xpl-button-row__right"},this.tertiary&&i("xpl-button",{variant:"subtle",type:"button",onClick:this.onTertiary},this.tertiary),this.secondary&&i("xpl-button",{variant:"secondary",type:"button",onClick:this.onSecondary},this.secondary),this.primary&&i("xpl-button",{class:"xpl-button-row__primary",onClick:this.onPrimary},this.primary))))}};export{r as xpl_button_row}

package/dist/apollo-core/p-3ff1ff38.entry.js

@@ -1 +0,0 @@
-import{r as s,h as t,H as l}from"./p-d4aa2fa9.js";import{v as i}from"./p-ad90fe4d.js";const e=class{constructor(t){s(this,t),this.variant="default",this.id=i()}render(){let s="xpl-toggle-container";this.disabled&&(s+=" xpl-toggle-container--disabled");let i="xpl-toggle";return"small"===this.variant&&(i+=" xpl-toggle--small"),t(l,{class:s},(this.heading||this.description)&&t("label",{class:{"xpl-label":!0,"xpl-label--disabled":this.disabled},htmlFor:this.id},this.heading,this.description&&t("small",{class:{"xpl-description":!0,"xpl-description--disabled":this.disabled}},this.description)),t("input",{class:i,type:"checkbox",checked:this.checked,disabled:this.disabled,id:this.id,name:this.name}),this.label&&t("label",{htmlFor:this.id},this.label))}};export{e as xpl_toggle}