@carbon/web-components 2.33.0 → 2.34.0

package/dist/components/data-table/table-batch-actions.min.js

@@ -0,0 +1,41 @@
+/**
+ * Copyright IBM Corp. 2019, 2020
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/**
+ * @license
+ * 
+ * This bundle contains the following third-party dependencies:
+ * 
+ * Also refer to the following links for the license of other third-party dependencies:
+ * 
+ * https://www.npmjs.com/package/tslib
+ * https://www.npmjs.com/package/lit
+ * https://www.npmjs.com/package/@lit/context
+ * https://www.npmjs.com/package/lodash-es
+ * https://www.npmjs.com/package/@floating-ui/dom
+ * https://www.npmjs.com/package/flatpickr
+ * https://www.npmjs.com/package/lit-html
+ * https://www.npmjs.com/package/lit-element
+ * https://www.npmjs.com/package/@lit/reactive-element
+ * https://www.npmjs.com/package/@floating-ui/core
+ * https://www.npmjs.com/package/@floating-ui/utils
+ */
+
+import{__decorate as t}from"../../node_modules/tslib/tslib.es6.min.js";import"../../node_modules/@lit/reactive-element/reactive-element.min.js";import{html as e}from"../../node_modules/lit-html/lit-html.min.js";import{LitElement as s}from"../../node_modules/lit-element/lit-element.min.js";import{property as o}from"../../node_modules/@lit/reactive-element/decorators/property.min.js";import{prefix as n}from"../../globals/settings.min.js";import c from"./data-table.scss.min.js";import{carbonElement as l}from"../../globals/decorators/carbon-element.min.js";let i=class extends s{constructor(){super(...arguments),this.active=!1,this.formatSelectedItemsCount=({count:t})=>`${t} item${t<=1?"":"s"} selected`,this.selectedRowsCount=0}_handleCancel(){const{eventClickCancel:t}=this.constructor;this.dispatchEvent(new CustomEvent(t,{bubbles:!0,composed:!0}))}firstUpdated(){this.querySelectorAll(this.constructor.selectorButtons).forEach((t=>{t.setAttribute("batch-action","")}))}updated(t){t.has("active")&&this.setAttribute("tabindex",""+(this.active?"":"-1"))}render(){const{formatSelectedItemsCount:t,selectedRowsCount:s,_handleCancel:o}=this;return e`
+      <div class="${n}--batch-summary">
+        <p class="${n}--batch-summary__para">
+          ${t({count:s})}
+        </p>
+      </div>
+      <div class="${n}--action-list">
+        <slot></slot>
+        <button
+          class="${n}--btn ${n}--btn--primary ${n}--batch-summary__cancel"
+          @click=${o}>
+          <slot name="cancel-button-content">Cancel</slot>
+        </button>
+      </div>
+    `}static get selectorButtons(){return`${n}-button`}static get eventClickCancel(){return`${n}-table-batch-actions-cancel-clicked`}};i.styles=c,t([o({type:Boolean,reflect:!0})],i.prototype,"active",void 0),t([o({attribute:!1})],i.prototype,"formatSelectedItemsCount",void 0),t([o({type:Number,attribute:"selected-rows-count"})],i.prototype,"selectedRowsCount",void 0),i=t([l(`${n}-table-batch-actions`)],i);

package/dist/components/data-table/table-body.min.js

@@ -0,0 +1,27 @@
+/**
+ * Copyright IBM Corp. 2019, 2020
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/**
+ * @license
+ * 
+ * This bundle contains the following third-party dependencies:
+ * 
+ * Also refer to the following links for the license of other third-party dependencies:
+ * 
+ * https://www.npmjs.com/package/tslib
+ * https://www.npmjs.com/package/lit
+ * https://www.npmjs.com/package/@lit/context
+ * https://www.npmjs.com/package/lodash-es
+ * https://www.npmjs.com/package/@floating-ui/dom
+ * https://www.npmjs.com/package/flatpickr
+ * https://www.npmjs.com/package/lit-html
+ * https://www.npmjs.com/package/lit-element
+ * https://www.npmjs.com/package/@lit/reactive-element
+ * https://www.npmjs.com/package/@floating-ui/core
+ * https://www.npmjs.com/package/@floating-ui/utils
+ */
+
+import{__decorate as e}from"../../node_modules/tslib/tslib.es6.min.js";import"../../node_modules/@lit/reactive-element/reactive-element.min.js";import{html as t}from"../../node_modules/lit-html/lit-html.min.js";import{LitElement as o}from"../../node_modules/lit-element/lit-element.min.js";import{property as s}from"../../node_modules/@lit/reactive-element/decorators/property.min.js";import{query as r}from"../../node_modules/@lit/reactive-element/decorators/query.min.js";import{prefix as l}from"../../globals/settings.min.js";import n from"./data-table.scss.min.js";import{carbonElement as a}from"../../globals/decorators/carbon-element.min.js";let i=class extends o{constructor(){super(...arguments),this._handleSlotChange=()=>{this._updateZebra(),this.dispatchEvent(new CustomEvent(this.constructor.eventTableBodyContentChange,{bubbles:!0,cancelable:!1}))},this.useZebraStyles=!1}_updateZebra(){const{useZebraStyles:e,_slotNode:t}=this;t.assignedNodes().forEach((t=>{if(t.nodeType===Node.ELEMENT_NODE){const o=t.matches("*:nth-of-type(even)");t.even=e&&o,t.odd=e&&!o}}))}connectedCallback(){this.hasAttribute("role")||this.setAttribute("role","rowgroup"),super.connectedCallback()}updated(e){e.has("useZebraStyles")&&this._updateZebra()}render(){const{_handleSlotChange:e}=this;return t` <slot @slotchange="${e}"></slot> `}static get eventTableBodyContentChange(){return`${l}-table-body-content-change`}};i.styles=n,e([r("slot")],i.prototype,"_slotNode",void 0),e([s({type:Boolean,reflect:!0,attribute:"use-zebra-styles"})],i.prototype,"useZebraStyles",void 0),i=e([a(`${l}-table-body`)],i);

package/dist/components/data-table/table-cell-content.min.js

@@ -0,0 +1,27 @@
+/**
+ * Copyright IBM Corp. 2019, 2020
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/**
+ * @license
+ * 
+ * This bundle contains the following third-party dependencies:
+ * 
+ * Also refer to the following links for the license of other third-party dependencies:
+ * 
+ * https://www.npmjs.com/package/tslib
+ * https://www.npmjs.com/package/lit
+ * https://www.npmjs.com/package/@lit/context
+ * https://www.npmjs.com/package/lodash-es
+ * https://www.npmjs.com/package/@floating-ui/dom
+ * https://www.npmjs.com/package/flatpickr
+ * https://www.npmjs.com/package/lit-html
+ * https://www.npmjs.com/package/lit-element
+ * https://www.npmjs.com/package/@lit/reactive-element
+ * https://www.npmjs.com/package/@floating-ui/core
+ * https://www.npmjs.com/package/@floating-ui/utils
+ */
+
+import{__decorate as e}from"../../node_modules/tslib/tslib.es6.min.js";import"../../node_modules/@lit/reactive-element/reactive-element.min.js";import{html as t}from"../../node_modules/lit-html/lit-html.min.js";import{LitElement as l}from"../../node_modules/lit-element/lit-element.min.js";import{prefix as m}from"../../globals/settings.min.js";import s from"./data-table.scss.min.js";import{carbonElement as o}from"../../globals/decorators/carbon-element.min.js";let i=class extends l{render(){return t` <slot></slot> `}};i.styles=s,i=e([o(`${m}-table-cell-content`)],i);

package/dist/components/data-table/table-cell.min.js

@@ -0,0 +1,27 @@
+/**
+ * Copyright IBM Corp. 2019, 2020
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/**
+ * @license
+ * 
+ * This bundle contains the following third-party dependencies:
+ * 
+ * Also refer to the following links for the license of other third-party dependencies:
+ * 
+ * https://www.npmjs.com/package/tslib
+ * https://www.npmjs.com/package/lit
+ * https://www.npmjs.com/package/@lit/context
+ * https://www.npmjs.com/package/lodash-es
+ * https://www.npmjs.com/package/@floating-ui/dom
+ * https://www.npmjs.com/package/flatpickr
+ * https://www.npmjs.com/package/lit-html
+ * https://www.npmjs.com/package/lit-element
+ * https://www.npmjs.com/package/@lit/reactive-element
+ * https://www.npmjs.com/package/@floating-ui/core
+ * https://www.npmjs.com/package/@floating-ui/utils
+ */
+
+import{__decorate as e}from"../../node_modules/tslib/tslib.es6.min.js";import"../../node_modules/@lit/reactive-element/reactive-element.min.js";import{html as t}from"../../node_modules/lit-html/lit-html.min.js";import{LitElement as o}from"../../node_modules/lit-element/lit-element.min.js";import{property as l}from"../../node_modules/@lit/reactive-element/decorators/property.min.js";import{prefix as r}from"../../globals/settings.min.js";import s from"./data-table.scss.min.js";import{carbonElement as m}from"../../globals/decorators/carbon-element.min.js";let i=class extends o{constructor(){super(...arguments),this.overflowMenuOnHover=!1}connectedCallback(){this.hasAttribute("role")||this.setAttribute("role","cell"),super.connectedCallback()}render(){return t`<slot></slot>`}};i.styles=s,e([l({type:Boolean,reflect:!0,attribute:"overflow-menu-on-hover"})],i.prototype,"overflowMenuOnHover",void 0),e([l({reflect:!0})],i.prototype,"size",void 0),i=e([m(`${r}-table-cell`)],i);

package/dist/components/data-table/table-expanded-row.min.js

@@ -0,0 +1,33 @@
+/**
+ * Copyright IBM Corp. 2019, 2020
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/**
+ * @license
+ * 
+ * This bundle contains the following third-party dependencies:
+ * 
+ * Also refer to the following links for the license of other third-party dependencies:
+ * 
+ * https://www.npmjs.com/package/tslib
+ * https://www.npmjs.com/package/lit
+ * https://www.npmjs.com/package/@lit/context
+ * https://www.npmjs.com/package/lodash-es
+ * https://www.npmjs.com/package/@floating-ui/dom
+ * https://www.npmjs.com/package/flatpickr
+ * https://www.npmjs.com/package/lit-html
+ * https://www.npmjs.com/package/lit-element
+ * https://www.npmjs.com/package/@lit/reactive-element
+ * https://www.npmjs.com/package/@floating-ui/core
+ * https://www.npmjs.com/package/@floating-ui/utils
+ */
+
+import{__decorate as e}from"../../node_modules/tslib/tslib.es6.min.js";import"../../node_modules/@lit/reactive-element/reactive-element.min.js";import{html as t}from"../../node_modules/lit-html/lit-html.min.js";import{LitElement as o}from"../../node_modules/lit-element/lit-element.min.js";import{property as i}from"../../node_modules/@lit/reactive-element/decorators/property.min.js";import{prefix as l}from"../../globals/settings.min.js";import s from"./data-table.scss.min.js";import{carbonElement as r}from"../../globals/decorators/carbon-element.min.js";import n from"../../globals/decorators/host-listener.min.js";import m from"../../globals/mixins/host-listener.min.js";let a=class extends(m(o)){constructor(){super(...arguments),this.colSpan=1,this.expanded=!1,this.filtered=!1,this.highlighted=!1,this.selected=!1}_handleMouseOverOut(e){const{selectorRow:t}=this.constructor,{previousElementSibling:o}=this;(null==o?void 0:o.matches(t))&&(o.highlighted="mouseover"===e.type)}render(){const{colSpan:e}=this;return t`
+      <td colspan="${e}">
+        <div class="${l}--child-row-inner-container">
+          <slot></slot>
+        </div>
+      </td>
+    `}updated(){var e;(null===(e=this.previousElementSibling)||void 0===e?void 0:e.hasAttribute("ai-label"))?this.setAttribute("ai-label",""):this.removeAttribute("ai-label")}static get selectorRow(){return`${l}-table-row`}};a.styles=s,e([n("mouseover"),n("mouseout")],a.prototype,"_handleMouseOverOut",null),e([i({type:Number,attribute:"colspan"})],a.prototype,"colSpan",void 0),e([i({type:Boolean,reflect:!0})],a.prototype,"expanded",void 0),e([i({type:Boolean,reflect:!0})],a.prototype,"filtered",void 0),e([i({type:Boolean,reflect:!0})],a.prototype,"highlighted",void 0),e([i({type:Boolean,reflect:!0})],a.prototype,"selected",void 0),a=e([r(`${l}-table-expanded-row`)],a);

package/dist/components/data-table/table-head.min.js

@@ -0,0 +1,27 @@
+/**
+ * Copyright IBM Corp. 2019, 2020
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/**
+ * @license
+ * 
+ * This bundle contains the following third-party dependencies:
+ * 
+ * Also refer to the following links for the license of other third-party dependencies:
+ * 
+ * https://www.npmjs.com/package/tslib
+ * https://www.npmjs.com/package/lit
+ * https://www.npmjs.com/package/@lit/context
+ * https://www.npmjs.com/package/lodash-es
+ * https://www.npmjs.com/package/@floating-ui/dom
+ * https://www.npmjs.com/package/flatpickr
+ * https://www.npmjs.com/package/lit-html
+ * https://www.npmjs.com/package/lit-element
+ * https://www.npmjs.com/package/@lit/reactive-element
+ * https://www.npmjs.com/package/@floating-ui/core
+ * https://www.npmjs.com/package/@floating-ui/utils
+ */
+
+import{__decorate as e}from"../../node_modules/tslib/tslib.es6.min.js";import"../../node_modules/@lit/reactive-element/reactive-element.min.js";import{html as t}from"../../node_modules/lit-html/lit-html.min.js";import{LitElement as l}from"../../node_modules/lit-element/lit-element.min.js";import{prefix as s}from"../../globals/settings.min.js";import o from"./data-table.scss.min.js";import{carbonElement as m}from"../../globals/decorators/carbon-element.min.js";let i=class extends l{connectedCallback(){this.hasAttribute("role")||this.setAttribute("role","rowgroup"),super.connectedCallback()}render(){return t` <slot></slot> `}};i.styles=o,i=e([m(`${s}-table-head`)],i);

package/dist/components/data-table/table-header-cell.min.js

@@ -0,0 +1,52 @@
+/**
+ * Copyright IBM Corp. 2019, 2020
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/**
+ * @license
+ * 
+ * This bundle contains the following third-party dependencies:
+ * 
+ * Also refer to the following links for the license of other third-party dependencies:
+ * 
+ * https://www.npmjs.com/package/tslib
+ * https://www.npmjs.com/package/lit
+ * https://www.npmjs.com/package/@lit/context
+ * https://www.npmjs.com/package/lodash-es
+ * https://www.npmjs.com/package/@floating-ui/dom
+ * https://www.npmjs.com/package/flatpickr
+ * https://www.npmjs.com/package/lit-html
+ * https://www.npmjs.com/package/lit-element
+ * https://www.npmjs.com/package/@lit/reactive-element
+ * https://www.npmjs.com/package/@floating-ui/core
+ * https://www.npmjs.com/package/@floating-ui/utils
+ */
+
+import{__decorate as t}from"../../node_modules/tslib/tslib.es6.min.js";import"../../node_modules/@lit/reactive-element/reactive-element.min.js";import{html as e}from"../../node_modules/lit-html/lit-html.min.js";import{LitElement as s}from"../../node_modules/lit-element/lit-element.min.js";import{property as o}from"../../node_modules/@lit/reactive-element/decorators/property.min.js";import{classMap as i}from"../../node_modules/lit-html/directives/class-map.min.js";import l from"../../packages/icons/lib/arrows--vertical/32.min.js";import r from"../../packages/icons/lib/arrow--down/32.min.js";import{prefix as a}from"../../globals/settings.min.js";import n from"../../globals/mixins/focus.min.js";import{TABLE_SORT_CYCLES as c,TABLE_SORT_CYCLE as h,TABLE_SORT_DIRECTION as m}from"./defs.min.js";import b from"./data-table.scss.min.js";import{carbonElement as d}from"../../globals/decorators/carbon-element.min.js";let p=class extends(n(s)){constructor(){super(...arguments),this._hasAILabel=!1,this.isExpandable=!1,this.isSelectable=!1,this.isSortable=!1,this.sortActive=!1}_handleClickSortButton(t){if(!t.target.matches(this.constructor.aiLabelItem)&&!t.target.matches(this.constructor.slugItem)){const t=this._getNextSort(),e={bubbles:!0,cancelable:!0,composed:!0,detail:{oldSortDirection:this.sortDirection,sortDirection:t}},s=this.constructor;this.dispatchEvent(new CustomEvent(s.eventBeforeSort,e))&&(this.sortActive=!0,this.sortDirection=t)}}_handleSlotChange(){this.requestUpdate()}_handleAILabelSlotChange({target:t}){const e=t.assignedNodes().filter((t=>void 0!==t.matches&&(t.matches(this.constructor.aiLabelItem)||t.matches(this.constructor.slugItem))));e.length>0&&(this._hasAILabel=Boolean(e),e[0].setAttribute("size","mini")),this.requestUpdate()}_getNextSort(){const{sortCycle:t=h.TRI_STATES_FROM_ASCENDING,sortDirection:e}=this;if(!e)throw new TypeError("Table sort direction is not defined. Likely that `_getNextSort()` is called with non-sorted table column, which should not happen in regular condition.");const s=this.constructor.TABLE_SORT_CYCLES[t],o=s.indexOf(e);if(o<0){if(e===m.NONE)return s[0];throw new RangeError(`The given sort state (${e}) is not found in the given table sort cycle: ${t}`)}return s[(o+1)%s.length]}connectedCallback(){this.hasAttribute("role")||this.setAttribute("role","columnheader"),super.connectedCallback()}updated(t){!this.isSortable||t.has("sortDirection")||this.sortDirection||(this.sortDirection=m.NONE),this._hasAILabel?this.setAttribute("ai-label",""):this.removeAttribute("ai-label")}render(){const{sortDirection:t}=this,s=i({[`${a}--table-header-label`]:!0,[`${a}--table-header-label--slug`]:this._hasAILabel});if(t){const s=t===m.NONE?l({part:"sort-icon",class:`${a}--table-sort__icon-unsorted`}):r({part:"sort-icon",class:`${a}--table-sort__icon`});return e`
+        <button
+          part="sort-button"
+          class="${a}--table-sort"
+          title="${this.innerText}"
+          @click=${this._handleClickSortButton}>
+          <span class="${a}--table-sort__flex">
+            <span part="label-text" class="${a}--table-header-label"
+              ><slot @slotchange=${this._handleSlotChange}></slot
+            ></span>
+            ${s}
+            <slot
+              name="ai-label"
+              @slotchange="${this._handleAILabelSlotChange}"></slot>
+            <slot
+              name="slug"
+              @slotchange="${this._handleAILabelSlotChange}"></slot>
+          </span>
+        </button>
+      `}return e`<span part="label-text" class="${s}">
+      <slot></slot
+      ><slot
+        name="ai-label"
+        @slotchange="${this._handleAILabelSlotChange}"></slot>
+      <slot name="slug" @slotchange="${this._handleAILabelSlotChange}"></slot
+    ></span> `}static get slugItem(){return`${a}-slug`}static get aiLabelItem(){return`${a}-ai-label`}static get eventBeforeSort(){return`${a}-table-header-cell-sort`}};p.shadowRootOptions=Object.assign(Object.assign({},s.shadowRootOptions),{delegatesFocus:!0}),p.styles=b,p.TABLE_SORT_CYCLES=c,t([o({type:Boolean,reflect:!0,attribute:"expandable"})],p.prototype,"isExpandable",void 0),t([o({type:Boolean,reflect:!0,attribute:"is-selectable"})],p.prototype,"isSelectable",void 0),t([o({type:Boolean,reflect:!0,attribute:"is-sortable"})],p.prototype,"isSortable",void 0),t([o({type:Boolean,reflect:!0,attribute:"sort-active"})],p.prototype,"sortActive",void 0),t([o({reflect:!0,attribute:"sort-cycle"})],p.prototype,"sortCycle",void 0),t([o({reflect:!0,attribute:"sort-direction"})],p.prototype,"sortDirection",void 0),p=t([d(`${a}-table-header-cell`)],p);export{h as TABLE_SORT_CYCLE,c as TABLE_SORT_CYCLES,m as TABLE_SORT_DIRECTION};

package/dist/components/data-table/table-header-description.min.js

@@ -0,0 +1,27 @@
+/**
+ * Copyright IBM Corp. 2019, 2020
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/**
+ * @license
+ * 
+ * This bundle contains the following third-party dependencies:
+ * 
+ * Also refer to the following links for the license of other third-party dependencies:
+ * 
+ * https://www.npmjs.com/package/tslib
+ * https://www.npmjs.com/package/lit
+ * https://www.npmjs.com/package/@lit/context
+ * https://www.npmjs.com/package/lodash-es
+ * https://www.npmjs.com/package/@floating-ui/dom
+ * https://www.npmjs.com/package/flatpickr
+ * https://www.npmjs.com/package/lit-html
+ * https://www.npmjs.com/package/lit-element
+ * https://www.npmjs.com/package/@lit/reactive-element
+ * https://www.npmjs.com/package/@floating-ui/core
+ * https://www.npmjs.com/package/@floating-ui/utils
+ */
+
+import{__decorate as e}from"../../node_modules/tslib/tslib.es6.min.js";import"../../node_modules/@lit/reactive-element/reactive-element.min.js";import{html as t}from"../../node_modules/lit-html/lit-html.min.js";import{LitElement as m}from"../../node_modules/lit-element/lit-element.min.js";import{prefix as s}from"../../globals/settings.min.js";import l from"./data-table.scss.min.js";import{carbonElement as o}from"../../globals/decorators/carbon-element.min.js";let i=class extends m{render(){return t` <slot></slot> `}};i.styles=l,i=e([o(`${s}-table-header-description`)],i);

package/dist/components/data-table/table-header-row.min.js

@@ -0,0 +1,27 @@
+/**
+ * Copyright IBM Corp. 2019, 2020
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/**
+ * @license
+ * 
+ * This bundle contains the following third-party dependencies:
+ * 
+ * Also refer to the following links for the license of other third-party dependencies:
+ * 
+ * https://www.npmjs.com/package/tslib
+ * https://www.npmjs.com/package/lit
+ * https://www.npmjs.com/package/@lit/context
+ * https://www.npmjs.com/package/lodash-es
+ * https://www.npmjs.com/package/@floating-ui/dom
+ * https://www.npmjs.com/package/flatpickr
+ * https://www.npmjs.com/package/lit-html
+ * https://www.npmjs.com/package/lit-element
+ * https://www.npmjs.com/package/@lit/reactive-element
+ * https://www.npmjs.com/package/@floating-ui/core
+ * https://www.npmjs.com/package/@floating-ui/utils
+ */
+
+import{__decorate as e}from"../../node_modules/tslib/tslib.es6.min.js";import{prefix as t}from"../../globals/settings.min.js";import o from"./table-row.min.js";import{carbonElement as s}from"../../globals/decorators/carbon-element.min.js";let l=class extends o{static get eventBeforeChangeSelection(){return`${t}-table-change-selection-all`}};l=e([s(`${t}-table-header-row`)],l);

package/dist/components/data-table/table-header-title.min.js

@@ -0,0 +1,27 @@
+/**
+ * Copyright IBM Corp. 2019, 2020
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/**
+ * @license
+ * 
+ * This bundle contains the following third-party dependencies:
+ * 
+ * Also refer to the following links for the license of other third-party dependencies:
+ * 
+ * https://www.npmjs.com/package/tslib
+ * https://www.npmjs.com/package/lit
+ * https://www.npmjs.com/package/@lit/context
+ * https://www.npmjs.com/package/lodash-es
+ * https://www.npmjs.com/package/@floating-ui/dom
+ * https://www.npmjs.com/package/flatpickr
+ * https://www.npmjs.com/package/lit-html
+ * https://www.npmjs.com/package/lit-element
+ * https://www.npmjs.com/package/@lit/reactive-element
+ * https://www.npmjs.com/package/@floating-ui/core
+ * https://www.npmjs.com/package/@floating-ui/utils
+ */
+
+import{__decorate as e}from"../../node_modules/tslib/tslib.es6.min.js";import"../../node_modules/@lit/reactive-element/reactive-element.min.js";import{html as t}from"../../node_modules/lit-html/lit-html.min.js";import{LitElement as m}from"../../node_modules/lit-element/lit-element.min.js";import{prefix as l}from"../../globals/settings.min.js";import s from"./data-table.scss.min.js";import{carbonElement as o}from"../../globals/decorators/carbon-element.min.js";let i=class extends m{render(){return t` <slot></slot> `}};i.styles=s,i=e([o(`${l}-table-header-title`)],i);

package/dist/components/data-table/table-row.min.js

@@ -0,0 +1,61 @@
+/**
+ * Copyright IBM Corp. 2019, 2020
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/**
+ * @license
+ * 
+ * This bundle contains the following third-party dependencies:
+ * 
+ * Also refer to the following links for the license of other third-party dependencies:
+ * 
+ * https://www.npmjs.com/package/tslib
+ * https://www.npmjs.com/package/lit
+ * https://www.npmjs.com/package/@lit/context
+ * https://www.npmjs.com/package/lodash-es
+ * https://www.npmjs.com/package/@floating-ui/dom
+ * https://www.npmjs.com/package/flatpickr
+ * https://www.npmjs.com/package/lit-html
+ * https://www.npmjs.com/package/lit-element
+ * https://www.npmjs.com/package/@lit/reactive-element
+ * https://www.npmjs.com/package/@floating-ui/core
+ * https://www.npmjs.com/package/@floating-ui/utils
+ */
+
+import{__decorate as e}from"../../node_modules/tslib/tslib.es6.min.js";import"../../node_modules/@lit/reactive-element/reactive-element.min.js";import{html as t}from"../../node_modules/lit-html/lit-html.min.js";import{LitElement as o}from"../../node_modules/lit-element/lit-element.min.js";import{property as l}from"../../node_modules/@lit/reactive-element/decorators/property.min.js";import{prefix as n}from"../../globals/settings.min.js";import i from"../../packages/icons/lib/chevron--right/16.min.js";import{carbonElement as s}from"../../globals/decorators/carbon-element.min.js";import a from"../../globals/mixins/focus.min.js";import r from"./data-table.scss.min.js";import"../checkbox/checkbox.min.js";import"../checkbox/checkbox-group.min.js";import"../checkbox/checkbox-skeleton.min.js";import"../radio-button/radio-button.min.js";import"../radio-button/radio-button-group.min.js";import"../radio-button/radio-button-skeleton.min.js";import c from"../../globals/decorators/host-listener.min.js";import d from"../../globals/mixins/host-listener.min.js";let h=class extends(d(a(o))){constructor(){super(...arguments),this._hasAILabel=!1,this.batchExpansion=!1,this.disabled=!1,this.even=!1,this.expandable=!1,this.expanded=!1,this.filtered=!1,this.hideCheckbox=!1,this.highlighted=!1,this.odd=!1,this.overflowMenuOnHover=!1,this.radio=!1,this.selected=!1,this.selectionLabel="",this.selectionName="",this.selectionValue=""}_handleClickSelectionRadio(e){var t;const{detail:o}=e,l=o.checked,n={bubbles:!0,cancelable:!0,composed:!0,detail:{selected:l}},i=this.constructor;if(this.dispatchEvent(new CustomEvent(i.eventBeforeChangeSelection,n))){this.selected=l;const{selectorExpandedRow:e}=this.constructor;(null===(t=this.nextElementSibling)||void 0===t?void 0:t.matches(e))&&(this.nextElementSibling.selected=l)}}_handleClickSelectionCheckbox(e){var t;const{detail:o}=e,l=o.checked,n={bubbles:!0,cancelable:!0,composed:!0,detail:{selected:l}},i=this.constructor;if(this.dispatchEvent(new CustomEvent(i.eventBeforeChangeSelection,n))){this.selected=l;const{selectorExpandedRow:e}=this.constructor;(null===(t=this.nextElementSibling)||void 0===t?void 0:t.matches(e))&&(this.nextElementSibling.selected=l)}}_handleClickExpando(){this._handleUserInitiatedToggleExpando()}_handleMouseOverOut(e){const{selectorExpandedRow:t,selectorTableCellOverflowMenu:o}=this.constructor,{nextElementSibling:l}=this;if((null==l?void 0:l.matches(t))&&(l.highlighted="mouseover"===e.type),this.overflowMenuOnHover){const t=this.querySelector(o),l=null==t?void 0:t.parentElement;"mouseout"===e.type?l.overflowMenuOnHover=!0:l.overflowMenuOnHover=!1}}_handleUserInitiatedToggleExpando(e=!this.expanded){const t={bubbles:!0,cancelable:!0,composed:!0,detail:{expanded:e}};this.dispatchEvent(new CustomEvent(this.constructor.eventBeforeExpandoToggle,t))&&(this.expanded=e,this.dispatchEvent(new CustomEvent(this.constructor.eventExpandoToggle,t)))}_renderExpandButton(){const{_handleClickExpando:e}=this;return t`
+      <div class="${n}--table-expand">
+        <div>
+          <slot name="ai-label" @slotchange="${this._handleSlotChange}"></slot>
+          <slot name="slug" @slotchange="${this._handleSlotChange}"></slot>
+          <button
+            class="${n}--table-expand__button"
+            @click="${e}">
+            ${i({class:`${n}--table-expand__svg`})}
+          </button>
+        </div>
+      </div>
+    `}_handleSlotChange({target:e}){const t=e.assignedNodes().filter((e=>void 0!==e.matches&&(e.matches(this.constructor.aiLabelItem)||e.matches(this.constructor.slugItem))));t.length>0&&(this._hasAILabel=Boolean(t),t[0].setAttribute("size","mini")),this.requestUpdate()}_renderFirstCells(){const{disabled:e,hideCheckbox:o,radio:l,selected:i,selectionLabel:s,selectionName:a,selectionValue:r}=this;return a?t`
+          <div class="${n}--table-column-checkbox">
+            <div>
+              <slot
+                name="ai-label"
+                @slotchange="${this._handleSlotChange}"></slot>
+              <slot name="slug" @slotchange="${this._handleSlotChange}"></slot>
+              ${l?t`<cds-radio-button data-table></cds-radio-button>`:t`<cds-checkbox
+                    hide-label
+                    ?hide-checkbox="${o}"
+                    label-text="${s}"
+                    name=${a}
+                    data-table
+                    ?disabled=${e}
+                    ?checked=${i}
+                    value=${r}></cds-checkbox> `}
+            </div>
+          </div>
+        `:void 0}connectedCallback(){this.hasAttribute("role")||this.setAttribute("role","row"),super.connectedCallback()}updated(e){if(e.has("expanded")){const{selectorExpandedRow:e}=this.constructor,{expanded:t,nextElementSibling:o}=this;(null==o?void 0:o.matches(e))&&(o.expanded=t)}if(e.has("highlighted")){const{selectorExpandedRow:e}=this.constructor,{highlighted:t,nextElementSibling:o}=this;(null==o?void 0:o.matches(e))&&(o.highlighted=t)}this._hasAILabel?this.setAttribute("ai-label",""):this.removeAttribute("ai-label")}render(){var e;return this.selectionName&&(null===(e=this.closest(this.constructor.selectorTable))||void 0===e||e.setAttribute("is-selectable","")),t`
+      ${this.expandable?this._renderExpandButton():""}
+      ${this._renderFirstCells()}
+      <slot></slot>
+    `}static get eventRadioChange(){return`${n}-radio-button-changed`}static get eventCheckboxChange(){return`${n}-checkbox-changed`}static get eventBeforeChangeSelection(){return`${n}-table-row-change-selection`}static get selectorTable(){return`${n}-table`}static get selectorTableCellOverflowMenu(){return`${n}-table-cell ${n}-overflow-menu`}static get selectorExpandedRow(){return`${n}-table-expanded-row`}static get slugItem(){return`${n}-slug`}static get aiLabelItem(){return`${n}-ai-label`}static get eventBeforeExpandoToggle(){return`${n}-table-row-expando-beingtoggled`}static get eventExpandoToggle(){return`${n}-table-row-expando-toggled`}};h.styles=r,e([c("eventRadioChange")],h.prototype,"_handleClickSelectionRadio",null),e([c("eventCheckboxChange")],h.prototype,"_handleClickSelectionCheckbox",null),e([c("mouseover"),c("mouseout")],h.prototype,"_handleMouseOverOut",null),e([l({type:Boolean,reflect:!0,attribute:"batch-expansion"})],h.prototype,"batchExpansion",void 0),e([l({type:Boolean,reflect:!0})],h.prototype,"disabled",void 0),e([l({type:Boolean,reflect:!0})],h.prototype,"even",void 0),e([l({type:Boolean,reflect:!0})],h.prototype,"expandable",void 0),e([l({type:Boolean,reflect:!0})],h.prototype,"expanded",void 0),e([l({type:Boolean,reflect:!0})],h.prototype,"filtered",void 0),e([l({type:Boolean,reflect:!0,attribute:"hide-checkbox"})],h.prototype,"hideCheckbox",void 0),e([l({type:Boolean,reflect:!0})],h.prototype,"highlighted",void 0),e([l({type:Boolean,reflect:!0})],h.prototype,"odd",void 0),e([l({type:Boolean,reflect:!0,attribute:"overflow-menu-on-hover"})],h.prototype,"overflowMenuOnHover",void 0),e([l({type:Boolean,reflect:!0})],h.prototype,"radio",void 0),e([l({type:Boolean,reflect:!0})],h.prototype,"selected",void 0),e([l({attribute:"selection-label"})],h.prototype,"selectionLabel",void 0),e([l({attribute:"selection-name"})],h.prototype,"selectionName",void 0),e([l({attribute:"selection-value"})],h.prototype,"selectionValue",void 0),h=e([s(`${n}-table-row`)],h);var p=h;export{p as default};

package/dist/components/data-table/table-skeleton.min.js

@@ -0,0 +1,68 @@
+/**
+ * Copyright IBM Corp. 2019, 2020
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/**
+ * @license
+ * 
+ * This bundle contains the following third-party dependencies:
+ * 
+ * Also refer to the following links for the license of other third-party dependencies:
+ * 
+ * https://www.npmjs.com/package/tslib
+ * https://www.npmjs.com/package/lit
+ * https://www.npmjs.com/package/@lit/context
+ * https://www.npmjs.com/package/lodash-es
+ * https://www.npmjs.com/package/@floating-ui/dom
+ * https://www.npmjs.com/package/flatpickr
+ * https://www.npmjs.com/package/lit-html
+ * https://www.npmjs.com/package/lit-element
+ * https://www.npmjs.com/package/@lit/reactive-element
+ * https://www.npmjs.com/package/@floating-ui/core
+ * https://www.npmjs.com/package/@floating-ui/utils
+ */
+
+import{__decorate as t}from"../../node_modules/tslib/tslib.es6.min.js";import{classMap as e}from"../../node_modules/lit-html/directives/class-map.min.js";import"../../node_modules/@lit/reactive-element/reactive-element.min.js";import{html as o}from"../../node_modules/lit-html/lit-html.min.js";import{LitElement as r}from"../../node_modules/lit-element/lit-element.min.js";import{property as a}from"../../node_modules/@lit/reactive-element/decorators/property.min.js";import{carbonElement as s}from"../../globals/decorators/carbon-element.min.js";import{prefix as l}from"../../globals/settings.min.js";import i from"./data-table.scss.min.js";let n=class extends r{constructor(){super(...arguments),this.headers=[],this.compact=!1,this.columnCount=5,this.rowCount=5,this.showHeader=!0,this.showToolbar=!0,this.zebra=!1}_renderHeader(){const{showHeader:t}=this;return t?o`
+          <div class="${l}--skeleton ${l}--data-table-container">
+            <div class="${l}--data-table-header">
+              <div class="${l}--data-table-header__title"></div>
+              <div class="${l}--data-table-header__description"></div>
+            </div>
+          </div>
+        `:void 0}_renderToolbar(){const{showToolbar:t}=this;return t?o`
+          <section class="${l}--table-toolbar">
+            <div class="${l}--toolbar-content">
+              <span
+                class="${l}--skeleton ${l}--btn ${l}--btn--sm"></span>
+            </div>
+          </section>
+        `:void 0}connectedCallback(){this.hasAttribute("role")||this.setAttribute("role","table"),super.connectedCallback()}updated(){this.headers.length?this.columnCount=this.headers.length:this.headers=Array(this.columnCount).fill("")}render(){const{compact:t,columnCount:r,headers:a,rowCount:s,zebra:i}=this,n=e({[`${l}--skeleton`]:!0,[`${l}--data-table`]:!0,[`${l}--data-table--compact`]:t,[`${l}--data-table--zebra`]:i});return o`
+      ${this._renderHeader()} ${this._renderToolbar()}
+
+      <table class="${n}">
+        <thead>
+          <tr>
+            ${Array.from(new Array(r)).map(((t,e)=>o`
+                <th>
+                  <div class="${l}--table-header-label">
+                    ${a[e]}
+                  </div>
+                </th>
+              `))}
+          </tr>
+        </thead>
+        <tbody>
+          ${Array.from(new Array(s)).map((()=>o`
+              <tr>
+                ${Array.from(new Array(r)).map((()=>o`
+                    <td>
+                      <span></span>
+                    </td>
+                  `))}
+              </tr>
+            `))}
+        </tbody>
+      </table>
+    `}};n.styles=i,t([a()],n.prototype,"headers",void 0),t([a({type:Boolean,reflect:!0})],n.prototype,"compact",void 0),t([a({type:Number,reflect:!0,attribute:"column-count"})],n.prototype,"columnCount",void 0),t([a({type:Number,reflect:!0,attribute:"row-count"})],n.prototype,"rowCount",void 0),t([a({type:Boolean,reflect:!0,attribute:"show-header"})],n.prototype,"showHeader",void 0),t([a({type:Boolean,reflect:!0,attribute:"show-toolbar"})],n.prototype,"showToolbar",void 0),t([a({type:Boolean,reflect:!0})],n.prototype,"zebra",void 0),n=t([s(`${l}-table-skeleton`)],n);

package/dist/components/data-table/table-toolbar-content.min.js

@@ -0,0 +1,27 @@
+/**
+ * Copyright IBM Corp. 2019, 2020
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/**
+ * @license
+ * 
+ * This bundle contains the following third-party dependencies:
+ * 
+ * Also refer to the following links for the license of other third-party dependencies:
+ * 
+ * https://www.npmjs.com/package/tslib
+ * https://www.npmjs.com/package/lit
+ * https://www.npmjs.com/package/@lit/context
+ * https://www.npmjs.com/package/lodash-es
+ * https://www.npmjs.com/package/@floating-ui/dom
+ * https://www.npmjs.com/package/flatpickr
+ * https://www.npmjs.com/package/lit-html
+ * https://www.npmjs.com/package/lit-element
+ * https://www.npmjs.com/package/@lit/reactive-element
+ * https://www.npmjs.com/package/@floating-ui/core
+ * https://www.npmjs.com/package/@floating-ui/utils
+ */
+
+import{__decorate as t}from"../../node_modules/tslib/tslib.es6.min.js";import"../../node_modules/@lit/reactive-element/reactive-element.min.js";import{html as e}from"../../node_modules/lit-html/lit-html.min.js";import{LitElement as s}from"../../node_modules/lit-element/lit-element.min.js";import{property as i}from"../../node_modules/@lit/reactive-element/decorators/property.min.js";import{prefix as o}from"../../globals/settings.min.js";import r from"./data-table.scss.min.js";import{carbonElement as l}from"../../globals/decorators/carbon-element.min.js";let m=class extends s{constructor(){super(...arguments),this.hasBatchActions=!1}updated(t){t.has("hasBatchActions")&&this.setAttribute("tabindex",""+(this.hasBatchActions?"-1":"")),t.has("size")&&[...this.children].forEach((t=>{const e="xs"===this.size?"sm":"md"===this.size||"xl"===this.size?"lg":this.size;t.setAttribute("size",e)}))}render(){return e` <slot></slot> `}};m.styles=r,t([i({type:Boolean,reflect:!0,attribute:"has-batch-actions"})],m.prototype,"hasBatchActions",void 0),t([i({reflect:!0})],m.prototype,"size",void 0),m=t([l(`${o}-table-toolbar-content`)],m);

package/dist/components/data-table/table-toolbar-search.min.js

@@ -0,0 +1,34 @@
+/**
+ * Copyright IBM Corp. 2019, 2020
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/**
+ * @license
+ * 
+ * This bundle contains the following third-party dependencies:
+ * 
+ * Also refer to the following links for the license of other third-party dependencies:
+ * 
+ * https://www.npmjs.com/package/tslib
+ * https://www.npmjs.com/package/lit
+ * https://www.npmjs.com/package/@lit/context
+ * https://www.npmjs.com/package/lodash-es
+ * https://www.npmjs.com/package/@floating-ui/dom
+ * https://www.npmjs.com/package/flatpickr
+ * https://www.npmjs.com/package/lit-html
+ * https://www.npmjs.com/package/lit-element
+ * https://www.npmjs.com/package/@lit/reactive-element
+ * https://www.npmjs.com/package/@floating-ui/core
+ * https://www.npmjs.com/package/@floating-ui/utils
+ */
+
+import{__decorate as e}from"../../node_modules/tslib/tslib.es6.min.js";import{classMap as t}from"../../node_modules/lit-html/directives/class-map.min.js";import"../../node_modules/@lit/reactive-element/reactive-element.min.js";import{html as s}from"../../node_modules/lit-html/lit-html.min.js";import{LitElement as o}from"../../node_modules/lit-element/lit-element.min.js";import{property as i}from"../../node_modules/@lit/reactive-element/decorators/property.min.js";import{query as n}from"../../node_modules/@lit/reactive-element/decorators/query.min.js";import{prefix as r}from"../../globals/settings.min.js";import a from"../../globals/mixins/host-listener.min.js";import l from"../../globals/decorators/host-listener.min.js";import"../text-input/text-input.min.js";import d from"../search/search.min.js";import m from"./data-table.scss.min.js";import{carbonElement as p}from"../../globals/decorators/carbon-element.min.js";import{INPUT_SIZE as c}from"../text-input/defs.min.js";let h=class extends(a(d)){constructor(){super(...arguments),this.expanded=!1,this.persistent=!1,this.size=c.LARGE}async _handleUserInitiatedExpand(){this.expanded=!0,await this.updateComplete;const{_inputNode:e}=this;null==e||e.focus()}_handleFocusIn(){this._handleUserInitiatedExpand()}_handleFocusOut(e){this.contains(e.relatedTarget)||this.value||this.persistent||(this.expanded=!1)}_handleSearchClick(){this._handleUserInitiatedExpand()}connectedCallback(){this.hasAttribute("role")||this.setAttribute("role","search"),super.connectedCallback()}render(){const e=super.render(),{persistent:o,expanded:i,size:n,_handleSearchClick:a}=this,l=t({[`${r}--search`]:!0,[`${r}--search--${n}`]:n});return o&&(this.expanded=!0),s`
+      <div
+        class="${l}"
+        tabindex="${i?"-1":"0"}"
+        @click="${a}">
+        ${e}
+      </div>
+    `}static get eventInput(){return`${r}-search-input`}};h.shadowRootOptions=Object.assign(Object.assign({},o.shadowRootOptions),{delegatesFocus:!0}),h.styles=m,e([n("input")],h.prototype,"_inputNode",void 0),e([l("focusin")],h.prototype,"_handleFocusIn",null),e([l("focusout")],h.prototype,"_handleFocusOut",null),e([i({type:Boolean,reflect:!0})],h.prototype,"expanded",void 0),e([i({type:Boolean,reflect:!0})],h.prototype,"persistent",void 0),e([i({reflect:!0})],h.prototype,"size",void 0),h=e([p(`${r}-table-toolbar-search`)],h);

package/dist/components/data-table/table-toolbar.min.js

@@ -0,0 +1,27 @@
+/**
+ * Copyright IBM Corp. 2019, 2020
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/**
+ * @license
+ * 
+ * This bundle contains the following third-party dependencies:
+ * 
+ * Also refer to the following links for the license of other third-party dependencies:
+ * 
+ * https://www.npmjs.com/package/tslib
+ * https://www.npmjs.com/package/lit
+ * https://www.npmjs.com/package/@lit/context
+ * https://www.npmjs.com/package/lodash-es
+ * https://www.npmjs.com/package/@floating-ui/dom
+ * https://www.npmjs.com/package/flatpickr
+ * https://www.npmjs.com/package/lit-html
+ * https://www.npmjs.com/package/lit-element
+ * https://www.npmjs.com/package/@lit/reactive-element
+ * https://www.npmjs.com/package/@floating-ui/core
+ * https://www.npmjs.com/package/@floating-ui/utils
+ */
+
+import{__decorate as e}from"../../node_modules/tslib/tslib.es6.min.js";import"../../node_modules/@lit/reactive-element/reactive-element.min.js";import{html as t}from"../../node_modules/lit-html/lit-html.min.js";import{LitElement as o}from"../../node_modules/lit-element/lit-element.min.js";import{property as s}from"../../node_modules/@lit/reactive-element/decorators/property.min.js";import{prefix as r}from"../../globals/settings.min.js";import l from"./data-table.scss.min.js";import{carbonElement as i}from"../../globals/decorators/carbon-element.min.js";let m=class extends o{connectedCallback(){this.hasAttribute("role")||this.setAttribute("role","section"),super.connectedCallback()}updated(e){e.has("size")&&(this.querySelector(this.constructor.selectorToolbarContent).size=this.size)}render(){return t` <slot></slot> `}static get selectorToolbarContent(){return`${r}-table-toolbar-content`}};m.styles=l,e([s({reflect:!0})],m.prototype,"size",void 0),m=e([i(`${r}-table-toolbar`)],m);