npm - @ncino/web-components - Versions diffs - 5.0.0-preview.1 → 5.0.0-preview.10 - Mend

@ncino/web-components 5.0.0-preview.1 → 5.0.0-preview.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (223) hide show

package/dist/components/selector/gator/selector.gator.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import"../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/reactive-element.js";import{html as h}from"../../../node_modules/.pnpm/lit-html@3.3.0/node_modules/lit-html/lit-html.js";import"../../../node_modules/.pnpm/lit-element@4.2.0/node_modules/lit-element/lit-element.js";import u from"../../../packages/web-components/src/components/selector/gator/selector.gator.scss.js";import m from"../../../packages/web-components/src/tokens/primitive.tokens.scss.js";import f from"../../../packages/web-components/src/tokens/semantic.tokens.scss.js";import{customElement as y}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/custom-element.js";import{property as i}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/property.js";import{TestableLitElement as b}from"../../../utils/components/testable-lit-element/testable-lit-element.js";import{KEY_CONSTANTS as p}from"../../../consts/key-constants.js";import{unsafeCSS as c}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/css-tag.js";var v=Object.defineProperty,g=Object.getOwnPropertyDescriptor,l=(e,s,a,o)=>{for(var r=o>1?void 0:o?g(s,a):s,n=e.length-1,d;n>=0;n--)(d=e[n])&&(r=(o?d(s,a,r):d(r))||r);return o&&r&&v(s,a,r),r};let t=class extends b{constructor(){super(...arguments),this.type=null,this.selected=!1,this.disabled=!1,this.current=!1,this.tabindex=0,this.role=null}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this.handleKeydown),this.addEventListener("click",this.handleClick)}updated(e){e.has("selected")&&(this.ariaSelected=this.selected.toString()),e.has("current")&&(this.ariaCurrent=this.current.toString()),e.has("disabled")&&(this.ariaDisabled=this.disabled.toString())}render(){return h`
+import"../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/reactive-element.js";import{html as h}from"../../../node_modules/.pnpm/lit-html@3.3.0/node_modules/lit-html/lit-html.js";import"../../../node_modules/.pnpm/lit-element@4.2.0/node_modules/lit-element/lit-element.js";import u from"../../../packages/web-components/src/components/selector/gator/selector.gator.scss.js";import m from"../../../packages/web-components/src/tokens/primitive.tokens.scss.js";import f from"../../../packages/web-components/src/tokens/semantic.tokens.scss.js";import{customElement as y}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/custom-element.js";import{property as l}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/property.js";import{TestableLitElement as b}from"../../../utils/components/testable-lit-element/testable-lit-element.js";import{KEY_CONSTANTS as p}from"../../../consts/key-constants.js";import{unsafeCSS as c}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/css-tag.js";var v=Object.defineProperty,g=Object.getOwnPropertyDescriptor,r=(e,i,a,o)=>{for(var s=o>1?void 0:o?g(i,a):i,n=e.length-1,d;n>=0;n--)(d=e[n])&&(s=(o?d(i,a,s):d(s))||s);return o&&s&&v(i,a,s),s};let t=class extends b{constructor(){super(...arguments),this.type=null,this.selected=!1,this.disabled=!1,this.current=!1,this.tabindex=0,this.role=null}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this.handleKeydown),this.addEventListener("click",this.handleClick)}updated(e){e.has("selected")&&(this.ariaSelected=this.selected.toString()),e.has("current")&&(this.ariaCurrent=this.current.toString()),e.has("disabled")&&(this.ariaDisabled=this.disabled.toString())}render(){return h`
             <div class="gator-selector gator-selector_${this.type} ${this.selectedClass} ${this.disabledClass} ${this.currentClass}">
                 <div class="gator-selector-spacer-start"></div>
                 <div class="gator-selector-label">
@@ -6,4 +6,4 @@ import"../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit
                 </div>
                 <div class="gator-selector-spacer-end"></div>
             </div>
-        `}get selectedClass(){return this.selected?"gator-selector_selected":""}get disabledClass(){return this.disabled?"gator-selector_disabled":""}get currentClass(){return this.current?"gator-selector_current":""}handleKeydown(e){if(e.key===p.ENTER||e.key===p.SPACE){e.preventDefault(),this.handleClick(e);return}}handleClick(e){var s;e.preventDefault(),e.stopPropagation(),!this.disabled&&this.dispatchEvent(new CustomEvent("select",{bubbles:!0,detail:{value:(s=this.textContent)==null?void 0:s.trim(),selected:this.selected}}))}};t.styles=[c(u),c(m),c(f)];l([i({type:String})],t.prototype,"type",2);l([i({type:Boolean})],t.prototype,"selected",2);l([i({type:Boolean})],t.prototype,"disabled",2);l([i({type:Boolean})],t.prototype,"current",2);l([i({type:Number})],t.prototype,"tabindex",2);l([i({type:String})],t.prototype,"role",2);t=l([y("ngc-selector")],t);export{t as NgcSelector};
+        `}get selectedClass(){return this.selected?"gator-selector_selected":""}get disabledClass(){return this.disabled?"gator-selector_disabled":""}get currentClass(){return this.current?"gator-selector_current":""}handleKeydown(e){if(e.key===p.ENTER||e.key===p.SPACE){e.preventDefault(),this.handleClick(e);return}}handleClick(e){e.preventDefault(),e.stopPropagation(),!this.disabled&&this.dispatchEvent(new CustomEvent("select",{bubbles:!0,detail:{value:this.textContent?.trim(),selected:this.selected}}))}};t.styles=[c(u),c(m),c(f)];r([l({type:String})],t.prototype,"type",2);r([l({type:Boolean})],t.prototype,"selected",2);r([l({type:Boolean})],t.prototype,"disabled",2);r([l({type:Boolean})],t.prototype,"current",2);r([l({type:Number})],t.prototype,"tabindex",2);r([l({type:String})],t.prototype,"role",2);t=r([y("ngc-selector")],t);export{t as NgcSelector};

package/dist/components/switch/gator/switch.gator.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import{NjcSwitch as d}from"../switch.js";import"../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/reactive-element.js";import{html as h}from"../../../node_modules/.pnpm/lit-html@3.3.0/node_modules/lit-html/lit-html.js";import{LitElement as g}from"../../../node_modules/.pnpm/lit-element@4.2.0/node_modules/lit-element/lit-element.js";import{customElement as n}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/custom-element.js";import u from"../../../packages/web-components/src/components/switch/switch.tokens.scss.js";import p from"../../../packages/web-components/src/components/switch/gator/switch.gator.scss.js";import{unsafeCSS as r}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/css-tag.js";var w=Object.getOwnPropertyDescriptor,v=(t,s,c,a)=>{for(var e=a>1?void 0:a?w(s,c):s,o=t.length-1,l;o>=0;o--)(l=t[o])&&(e=l(e)||e);return e};let i=class extends d{constructor(){super(),this.addEventListener("click",this.handleClick)}updated(){var s;const t=(s=this.shadowRoot)==null?void 0:s.querySelector(".gator-switch");t==null||t.classList.toggle("gator-switch-on",this.value),t==null||t.classList.toggle("gator-switch-disabled",this.disabled)}render(){return h`
+import{NjcSwitch as c}from"../switch.js";import"../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/reactive-element.js";import{html as r}from"../../../node_modules/.pnpm/lit-html@3.3.0/node_modules/lit-html/lit-html.js";import{LitElement as d}from"../../../node_modules/.pnpm/lit-element@4.2.0/node_modules/lit-element/lit-element.js";import{customElement as g}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/custom-element.js";import u from"../../../packages/web-components/src/components/switch/switch.tokens.scss.js";import p from"../../../packages/web-components/src/components/switch/gator/switch.gator.scss.js";import{unsafeCSS as n}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/css-tag.js";var w=Object.getOwnPropertyDescriptor,m=(t,o,h,a)=>{for(var e=a>1?void 0:a?w(o,h):o,i=t.length-1,l;i>=0;i--)(l=t[i])&&(e=l(e)||e);return e};let s=class extends c{constructor(){super(),this.addEventListener("click",this.handleClick)}updated(){const t=this.shadowRoot?.querySelector(".gator-switch");t?.classList.toggle("gator-switch-on",this.value),t?.classList.toggle("gator-switch-disabled",this.disabled)}render(){return r`
 			<div class="gator-switch-container">
 				<div id="${this._getContainerId()}" class="gator-switch">
 					<input id="${this._getInputId()}" role="switch" type="checkbox" .checked="${this.value}" .disabled="${this.disabled}" @keydown="${this.handleInputKeydown}" @click=${this.handleInputClick} />
@@ -6,4 +6,4 @@ import{NjcSwitch as d}from"../switch.js";import"../../../node_modules/.pnpm/@lit
 				</div>
 				${this.label?this._getLabelMarkup():""}
 			</div>
-		`}handleInputKeydown(t){t.key===" "&&(t.preventDefault(),this._toggleSwitch())}handleInputClick(t){t.stopImmediatePropagation()}handleClick(){this._toggleSwitch()}_toggleSwitch(){var t;if(!this.disabled){this.value=!this.value;const s=(t=this.shadowRoot)==null?void 0:t.querySelector(".gator-switch");s==null||s.classList.toggle("gator-switch-toggle-on",this.value),s==null||s.classList.toggle("gator-switch-toggle-off",!this.value),this.dispatchEvent(new CustomEvent("change",{detail:this.value,bubbles:!0}))}}_getLabelMarkup(){return h`<label for="${this._getInputId()}">${this.label}</label>`}_getInputId(){return`${this.getElementId()}-input`}_getContainerId(){return`${this.getElementId()}-container`}};i.shadowRootOptions={...g.shadowRootOptions,delegatesFocus:!0};i.styles=[r(u),r(p)];i=v([n("ngc-switch")],i);export{i as NgcSwitch};
+		`}handleInputKeydown(t){t.key===" "&&(t.preventDefault(),this._toggleSwitch())}handleInputClick(t){t.stopImmediatePropagation()}handleClick(){this._toggleSwitch()}_toggleSwitch(){if(!this.disabled){this.value=!this.value;const t=this.shadowRoot?.querySelector(".gator-switch");t?.classList.toggle("gator-switch-toggle-on",this.value),t?.classList.toggle("gator-switch-toggle-off",!this.value),this.dispatchEvent(new CustomEvent("change",{detail:this.value,bubbles:!0}))}}_getLabelMarkup(){return r`<label for="${this._getInputId()}">${this.label}</label>`}_getInputId(){return`${this.getElementId()}-input`}_getContainerId(){return`${this.getElementId()}-container`}};s.shadowRootOptions={...d.shadowRootOptions,delegatesFocus:!0};s.styles=[n(u),n(p)];s=m([g("ngc-switch")],s);export{s as NgcSwitch};

package/dist/components/table/gator/table-bulk-controls/table-bulk-controls.gator.js ADDED Viewed

@@ -0,0 +1,16 @@
+import"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/reactive-element.js";import{nothing as m,html as b}from"../../../../node_modules/.pnpm/lit-html@3.3.0/node_modules/lit-html/lit-html.js";import"../../../../node_modules/.pnpm/lit-element@4.2.0/node_modules/lit-element/lit-element.js";import{customElement as u}from"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/custom-element.js";import{property as c}from"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/property.js";import{NgcComponent as f}from"../../../../utils/components/ngc-component.js";import d from"../../../../packages/web-components/src/components/table/gator/table-bulk-controls/table-bulk-controls.gator.scss.js";import{msg as p}from"../../../../node_modules/.pnpm/@lit_localize@0.12.2/node_modules/@lit/localize/init/install.js";import"../../../../node_modules/.pnpm/@lit_localize@0.12.2/node_modules/@lit/localize/init/runtime.js";import"../../../checkbox/checkbox.gator.js";import{unsafeCSS as h}from"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/css-tag.js";var v=Object.defineProperty,g=Object.getOwnPropertyDescriptor,y=Object.getPrototypeOf,_=Reflect.get,r=(l,o,s,a)=>{for(var t=a>1?void 0:a?g(o,s):o,i=l.length-1,n;i>=0;i--)(n=l[i])&&(t=(a?n(o,s,t):n(t))||t);return a&&t&&v(o,s,t),t},S=(l,o,s)=>_(y(l),s,o);let e=class extends f{constructor(){super(...arguments),this.visible=!1,this.selectedRows=0,this.totalRows=0,this.allSelected=!1}handleSelectAllChange(l){this.dispatchEvent(new CustomEvent("selectall",{bubbles:!0,detail:{selected:l.detail.selected}}))}render(){return this.visible?b`
+            <div class="gator-table-bulk-controls" aria-live="polite">
+                <div class="gator-table-bulk-controls-selection">
+                    <ngc-checkbox
+                        title-text="${p("Select All")}"
+                        hide-label
+                        ?selected="${this.allSelected}"
+                        @change="${this.handleSelectAllChange}"
+                    ></ngc-checkbox>
+                    <span class="gator-table-bulk-controls-count">${this.selectedRows} ${p("selected")}</span>
+                </div>
+                <div class="gator-table-bulk-controls-actions">
+                    <slot></slot>
+                </div>
+            </div>
+        `:m}focus(){}};e.styles=[...S(e,e,"styles"),h(d)];r([c({type:Boolean,reflect:!0})],e.prototype,"visible",2);r([c({type:Number})],e.prototype,"selectedRows",2);r([c({type:Number})],e.prototype,"totalRows",2);r([c({type:Boolean,reflect:!0})],e.prototype,"allSelected",2);e=r([u("ngc-table-bulk-controls")],e);export{e as NgcTableBulkControls};

package/dist/components/table/gator/table.gator.js CHANGED Viewed

@@ -1,9 +1,18 @@
-import"../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/reactive-element.js";import{nothing as f,html as r}from"../../../node_modules/.pnpm/lit-html@3.3.0/node_modules/lit-html/lit-html.js";import"../../../node_modules/.pnpm/lit-element@4.2.0/node_modules/lit-element/lit-element.js";import{customElement as m}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/custom-element.js";import{property as b}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/property.js";import{state as $}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/state.js";import w from"../../../packages/web-components/src/components/table/table.tokens.scss.js";import T from"../../../packages/web-components/src/components/table/gator/table.gator.scss.js";import P from"../../../packages/web-components/src/tokens/primitive.tokens.scss.js";import y from"../../../packages/web-components/src/tokens/semantic.tokens.scss.js";import{NjcTable as C}from"../table.js";import"../../checkbox/checkbox.gator.js";import{unsafeHTML as R}from"../../../node_modules/.pnpm/lit-html@3.3.0/node_modules/lit-html/directives/unsafe-html.js";import{msg as x}from"../../../node_modules/.pnpm/@lit_localize@0.12.2/node_modules/@lit/localize/init/install.js";import"../../../node_modules/.pnpm/@lit_localize@0.12.2/node_modules/@lit/localize/init/runtime.js";import{unsafeCSS as g}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/css-tag.js";var B=Object.defineProperty,v=Object.getOwnPropertyDescriptor,p=(t,e,l,s)=>{for(var a=s>1?void 0:s?v(e,l):e,i=t.length-1,d;i>=0;i--)(d=t[i])&&(a=(s?d(e,l,a):d(a))||a);return s&&a&&B(e,l,a),a};let c=class extends C{constructor(){super(...arguments),this.elevated=!1,this.includePagination=!1,this.selectedRows=[],this._currentPage=1}render(){return this.columns?this.renderWrapper(this.getTableHeader(this.columns),this.getTableBody(this.columns,this.displayedRowData)):null}get tableElevatedClass(){return this.elevated?"gator-table-elevated":""}renderWrapper(t,e){return r`
+import"../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/reactive-element.js";import{nothing as w,html as o}from"../../../node_modules/.pnpm/lit-html@3.3.0/node_modules/lit-html/lit-html.js";import"../../../node_modules/.pnpm/lit-element@4.2.0/node_modules/lit-element/lit-element.js";import{customElement as $}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/custom-element.js";import{property as f}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/property.js";import{state as g}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/state.js";import T from"../../../packages/web-components/src/components/table/table.tokens.scss.js";import R from"../../../packages/web-components/src/components/table/gator/table.gator.scss.js";import y from"../../../packages/web-components/src/tokens/primitive.tokens.scss.js";import k from"../../../packages/web-components/src/tokens/semantic.tokens.scss.js";import{NjcTable as C}from"../table.js";import"../../checkbox/checkbox.gator.js";import"./table-bulk-controls/table-bulk-controls.gator.js";import{unsafeHTML as P}from"../../../node_modules/.pnpm/lit-html@3.3.0/node_modules/lit-html/directives/unsafe-html.js";import{msg as b}from"../../../node_modules/.pnpm/@lit_localize@0.12.2/node_modules/@lit/localize/init/install.js";import"../../../node_modules/.pnpm/@lit_localize@0.12.2/node_modules/@lit/localize/init/runtime.js";import{KEY_CONSTANTS as S}from"../../../consts/key-constants.js";import{unsafeCSS as p}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/css-tag.js";var v=Object.defineProperty,L=Object.getOwnPropertyDescriptor,c=(e,t,l,s)=>{for(var a=s>1?void 0:s?L(t,l):t,r=e.length-1,i;r>=0;r--)(i=e[r])&&(a=(s?i(t,l,a):i(a))||a);return s&&a&&v(t,l,a),a};let d=class extends C{constructor(){super(...arguments),this.elevated=!1,this.includePagination=!1,this.selectedRows=[],this._currentPage=1,this.justSelectedRow=null,this.showJumpLink=!1,this.handleKeyDown=e=>{e.key===S.TAB&&(e.shiftKey&&(this.showJumpLink=!0,this.requestUpdate()),document.removeEventListener("keydown",this.handleKeyDown,!0))}}updated(e){super.updated(e),e.has("data")&&(this.selectedRows=this.data.filter(t=>t.selected&&!t.isTableHeader))}render(){return this.columns?this.renderWrapper(this.getTableHeader(this.columns),this.getTableBody(this.columns,this.displayedRowData)):null}get tableElevatedClass(){return this.elevated?"gator-table-elevated":""}get showBulkControls(){return this.selectable&&this.selectedRows.length>0}renderWrapper(e,t){return o`
+            <ngc-table-bulk-controls
+                ?visible="${this.showBulkControls}"
+                .selectedRows="${this.selectedRows.length}"
+                .totalRows="${this.data.length}"
+                ?allSelected="${this.selectedRows.length===this.data.length}"
+                @selectall="${this.handleSelectAll}"
+            >
+                <slot name="bulk-controls"></slot>
+            </ngc-table-bulk-controls>
             <table class="gator-table ${this.tableElevatedClass}" role="grid"
                    aria-labelledby="${this.tableAriaLabelledBy}">
-                ${t} ${e}
+                ${e} ${t}
             </table>
-            ${this.includePagination?r`
+            ${this.includePagination?o`
                 <ngc-table-pagination
                     items-per-page="${this.itemsPerPage}"
                     total-items="${this.data.length}"
@@ -11,31 +20,31 @@ import"../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit
                     @pagechanged="${this.handlePageChanged}"
                     @itemsperpagechanged="${this.handleItemsPerPageChanged}"
                 ></ngc-table-pagination>
-            `:f}
-        `}handlePageChanged(t){this._currentPage=t.detail.page}handleItemsPerPageChanged(t){this.itemsPerPage=t.detail.itemsPerPage}getTableHeader(t){const e=t.map(this.getTableHeaderColumn);return this.selectable&&e.unshift(r`
+            `:w}
+        `}handlePageChanged(e){this._currentPage=e.detail.page}handleItemsPerPageChanged(e){this.itemsPerPage=e.detail.itemsPerPage}handleJumpLinkClick(e){const t=this.shadowRoot?.querySelector("ngc-table-bulk-controls");t&&t.focus()}handleJumpLinkBlur(){this.showJumpLink=!1,this.requestUpdate()}handleRowSelectCheckboxBlur(){setTimeout(()=>{const e=this.shadowRoot?.activeElement;(!e||!e.classList.contains("gator-table-jump-link"))&&(this.showJumpLink=!1,document.removeEventListener("keydown",this.handleKeyDown,!0),this.requestUpdate())},0)}getTableHeader(e){const t=e.map(this.getTableHeaderColumn);return this.selectable&&t.unshift(o`
                 <th id="col-select" scope="col">
                     <ngc-checkbox
-                        title-text="${x("Select All")}"
+                        title-text="${b("Select All")}"
                         hide-label
                         ?selected="${this.selectedRows.length===this.data.length}"
                         @change="${l=>this.handleSelectAll(l)}"
                     ></ngc-checkbox>
-                </th>`),r`
+                </th>`),o`
             <thead role="rowgroup">
-            <tr role="row">
-                ${e}
-            </tr>
+              <tr role="row">
+                  ${t}
+              </tr>
             </thead>
-        `}handleSelectAll(t){t.detail.selected?(this.selectedRows=[...this.data],this.data.forEach(e=>{e.selected=t.detail.selected})):(this.selectedRows=[],this.data.forEach(e=>{e.selected=!1})),this.dispatchEvent(new CustomEvent("selectall",{bubbles:!0,detail:{selectedRows:this.selectedRows}})),this.requestUpdate()}getTableHeaderColumn(t){const e=`col-${t.field}`;return r`
-            <th id="${e}" scope="col">${t.name}</th>`}getTableBody(t,e){const l=[];let s={rows:[]};return e.forEach(a=>{a.isTableHeader?((s.rows.length>0||s.header)&&l.push(s),s={header:a,rows:[]}):s.rows.push(a)}),(s.rows.length>0||s.header)&&l.push(s),l.length===0&&e.length>0&&l.push({rows:e}),r`
-            ${l.map(a=>this.getCategoryBody(a,t))}
-        `}getCategoryBody(t,e){let l="",s="",a="";t.header&&(l=t.header.headerText||t.header.categoryText||t.header.name||"Category",a=`category-${l.toLowerCase().replace(/\s+/g,"-")}`,s=a);const i=t.header?this.getTableHeaderRow(e,t.header):"",d=t.rows.map(n=>this.getTableBodyRow(n,e,a)),u=e.some(n=>n.includedInTotals===!0),o=t.rows.length>0&&u?this.getTotalRow(t.rows,e,a):"";return r`
-            <tbody role="rowgroup" ${s?r`aria-labelledby="${s}"`:""}>
+        `}handleSelectAll(e){const t=e.detail.selected;t?(this.data.forEach(l=>{l.isTableHeader||(l.selected=!0)}),this.selectedRows=this.data.filter(l=>!l.isTableHeader)):(this.data.forEach(l=>{l.selected=!1}),this.selectedRows=[]),this.dispatchEvent(new CustomEvent("selectall",{bubbles:!0,detail:{selectedRows:this.selectedRows,selected:t}})),this.requestUpdate()}getTableHeaderColumn(e){const t=`col-${e.field}`;return o`
+            <th id="${t}" scope="col">${e.name}</th>`}getTableBody(e,t){const l=[];let s={rows:[]};return t.forEach(a=>{a.isTableHeader?((s.rows.length>0||s.header)&&l.push(s),s={header:a,rows:[]}):s.rows.push(a)}),(s.rows.length>0||s.header)&&l.push(s),l.length===0&&t.length>0&&l.push({rows:t}),o`
+            ${l.map(a=>this.getCategoryBody(a,e))}
+        `}getCategoryBody(e,t){let l="",s="",a="";e.header&&(l=e.header.headerText||e.header.categoryText||e.header.name||"Category",a=`category-${l.toLowerCase().replace(/\s+/g,"-")}`,s=a);const r=e.header?this.getTableHeaderRow(t,e.header):"",i=e.rows.map(h=>this.getTableBodyRow(h,t,a)),m=t.some(h=>h.includedInTotals===!0),n=e.rows.length>0&&m?this.getTotalRow(e.rows,t,a):"";return o`
+            <tbody role="rowgroup" ${s?o`aria-labelledby="${s}"`:""}>
+              ${r}
               ${i}
-              ${d}
-              ${o}
+              ${n}
             </tbody>
-        `}getTotalRow(t,e,l){const s={};e.forEach(o=>{s[o.field]=0,o.includedInTotals&&t.forEach(n=>{const h=this.parseNumericValue(n[o.field]);h!==null&&(s[o.field]+=h)})});const a=l?`${l}-total`:"total-row",i=r`
+        `}getTotalRow(e,t,l){const s={};t.forEach(n=>{s[n.field]=0,n.includedInTotals&&e.forEach(h=>{const u=this.parseNumericValue(h[n.field]);u!==null&&(s[n.field]+=u)})});const a=l?`${l}-total`:"total-row",r=o`
             <th
                 id="${a}"
                 scope="row"
@@ -43,45 +52,55 @@ import"../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit
             >
                 Total
             </th>
-        `,d=e.map(o=>{const n=`col-${o.field}`,h=[a,l,n].filter(Boolean).join(" ");return o.includedInTotals?r`
+        `,i=t.map(n=>{const h=`col-${n.field}`,u=[a,l,h].filter(Boolean).join(" ");return n.includedInTotals?o`
                     <td
                         role="gridcell"
-                        headers="${h}"
+                        headers="${u}"
                         class="gator-table-total-cell"
                     >
-                        ${this.formatTotal(s[o.field],o)}
+                        ${this.formatTotal(s[n.field],n)}
                     </td>
-                `:r`
+                `:o`
                     <td
                         role="gridcell"
                         class="gator-table-total-cell"
                     >
                         &nbsp;
                     </td>
-                `}),u=this.selectable?[i,...d]:[i,...d.slice(1)];return r`
+                `}),m=this.selectable?[r,...i]:[r,...i.slice(1)];return o`
             <tr role="row" class="gator-table-total-row">
-                ${u}
+                ${m}
             </tr>
-        `}parseNumericValue(t){if(typeof t=="number")return t;if(typeof t=="string"){const e=t.replace(/[^0-9.-]/g,""),l=parseFloat(e);if(!isNaN(l))return l}return null}formatTotal(t,e){const l=typeof e.decimalPlaces=="number"?e.decimalPlaces:2,s=t.toFixed(l);return typeof e.cellRenderer=="function"?e.cellRenderer({[e.field]:s}):s}getTableBodyRow(t,e,l){const s=e.map(a=>this.getTableBodyCell(t,a,l));if(this.selectable){const a=l?`col-select ${l}`:"col-select";s.unshift(r`
+        `}parseNumericValue(e){if(typeof e=="number")return e;if(typeof e=="string"){const t=e.replace(/[^0-9.-]/g,""),l=parseFloat(t);if(!isNaN(l))return l}return null}formatTotal(e,t){const l=typeof t.decimalPlaces=="number"?t.decimalPlaces:2,s=e.toFixed(l);return typeof t.cellRenderer=="function"?t.cellRenderer({[t.field]:s}):s}getTableBodyRow(e,t,l){const s=t.map(a=>this.getTableBodyCell(e,a,l));if(this.selectable){const a=l?`col-select ${l}`:"col-select",r=this.showJumpLink&&this.justSelectedRow===e;s.unshift(o`
                 <td role="gridcell" class="gator-table-checkbox-column" headers="${a}">
-                    <ngc-checkbox
-                        label="test"
-                        ?selected="${t.selected}"
-                        @change="${i=>this.handleTableBodyRowSelected(i,t)}"
-                    ></ngc-checkbox>
-                </td>`)}return r`
-            <tr role="row" class="${this.selectable&&t.selected?"gator-table-row-selected":""}">
+                    ${r?o`
+                            <ngc-button
+                                variant="base"
+                                class="gator-table-jump-link"
+                                @click="${this.handleJumpLinkClick}"
+                                @blur="${this.handleJumpLinkBlur}"
+                            >
+                                ${b("Jump to bulk actions")}
+                            </ngc-button>`:o`<ngc-checkbox
+                                label="test"
+                                ?selected="${e.selected}"
+                                @change="${i=>this.handleTableBodyRowSelected(i,e)}"
+                                id="checkbox-${e.id||Math.random().toString(36).substring(2,11)}"
+                                @blur="${this.handleRowSelectCheckboxBlur}"
+                            ></ngc-checkbox>`}
+                </td>`),r&&setTimeout(()=>{this.shadowRoot?.querySelector(".gator-table-jump-link")?.focus()},0)}return o`
+            <tr role="row" class="${this.selectable&&e.selected?"gator-table-row-selected":""}">
                 ${s}
             </tr>
-        `}getTableHeaderRow(t,e){const l=this.selectable?t.length+1:t.length,s=e.headerText||e.categoryText||e.name||"Category";return r`
+        `}getTableHeaderRow(e,t){const l=this.selectable?e.length+1:e.length,s=t.headerText||t.categoryText||t.name||"Category";return o`
             <tr role="row" class="gator-table-category-header">
                 <th role="rowheader" colspan="${l}" scope="rowgroup" class="gator-table-header-cell"
                     id="${`category-${s.toLowerCase().replace(/\s+/g,"-")}`}">
                     ${s}
                 </th>
             </tr>
-        `}handleTableBodyRowSelected(t,e){t.detail.selected?(e.selected=!0,this.selectedRows.push(e)):(e.selected=!1,this.selectedRows=this.selectedRows.filter(l=>l!==e)),this.dispatchEvent(new CustomEvent("rowselected",{bubbles:!0,detail:{data:e,selectedRows:this.selectedRows}})),this.requestUpdate()}get displayedRowData(){if(!this.includePagination)return this.data;const t=(this._currentPage-1)*this.itemsPerPage,e=t+this.itemsPerPage;return this.data.slice(t,e)}getTableBodyCell(t,e,l){const s=`col-${e.field}`,a=l?`${s} ${l}`:s;return r`
+        `}handleTableBodyRowSelected(e,t){e.detail.selected?(t.selected=!0,this.selectedRows.push(t),this.justSelectedRow=t,this.showJumpLink=!1,document.addEventListener("keydown",this.handleKeyDown,!0)):(t.selected=!1,this.selectedRows=this.selectedRows.filter(l=>l!==t),this.justSelectedRow===t&&(this.justSelectedRow=null,this.showJumpLink=!1)),this.dispatchEvent(new CustomEvent("rowselected",{bubbles:!0,detail:{data:t,selectedRows:this.selectedRows}})),this.requestUpdate()}get displayedRowData(){if(!this.includePagination)return this.data;const e=(this._currentPage-1)*this.itemsPerPage,t=e+this.itemsPerPage;return this.data.slice(e,t)}getTableBodyCell(e,t,l){const s=`col-${t.field}`,a=l?`${s} ${l}`:s;return o`
             <td role="gridcell" headers="${a}">
-                ${R(this.getValueForCell(t,e))}
+                ${P(this.getValueForCell(e,t))}
             </td>
-        `}getValueForCell(t,e){return typeof e.cellRenderer=="function"?e.cellRenderer(t):t[e.field]}};c.styles=[g(y),g(P),g(w),g(T)];p([b({type:Boolean})],c.prototype,"elevated",2);p([b({type:Boolean,attribute:"include-pagination"})],c.prototype,"includePagination",2);p([$()],c.prototype,"_currentPage",2);c=p([m("ngc-table")],c);export{c as NgcTable};
+        `}getValueForCell(e,t){return typeof t.cellRenderer=="function"?t.cellRenderer(e):e[t.field]}};d.styles=[p(k),p(y),p(T),p(R)];c([f({type:Boolean})],d.prototype,"elevated",2);c([f({type:Boolean,attribute:"include-pagination"})],d.prototype,"includePagination",2);c([g()],d.prototype,"selectedRows",2);c([g()],d.prototype,"_currentPage",2);c([g()],d.prototype,"justSelectedRow",2);c([g()],d.prototype,"showJumpLink",2);d=c([$("ngc-table")],d);export{d as NgcTable};

package/dist/components/tabs/gator/tabset/tabset.gator.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/reactive-element.js";import{html as c}from"../../../../node_modules/.pnpm/lit-html@3.3.0/node_modules/lit-html/lit-html.js";import"../../../../node_modules/.pnpm/lit-element@4.2.0/node_modules/lit-element/lit-element.js";import{customElement as p}from"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/custom-element.js";import{property as d}from"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/property.js";import{state as v}from"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/state.js";import"../tab/tab.gator.js";import{KEY_CONSTANTS as b}from"../../../../consts/key-constants.js";import{createRef as f,ref as u}from"../../../../node_modules/.pnpm/lit-html@3.3.0/node_modules/lit-html/directives/ref.js";import{TestableLitElement as m}from"../../../../utils/components/testable-lit-element/testable-lit-element.js";import T from"../../../../packages/web-components/src/components/tabs/gator/tabs.gator.scss.js";import g from"../../../../packages/web-components/src/components/tabs/gator/tabs.gator.tokens.scss.js";import y from"../../../../packages/web-components/src/tokens/semantic.tokens.scss.js";import $ from"../../../../packages/web-components/src/tokens/primitive.tokens.scss.js";import{ifDefined as I}from"../../../../node_modules/.pnpm/lit-html@3.3.0/node_modules/lit-html/directives/if-defined.js";import{unsafeCSS as l}from"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/css-tag.js";var x=Object.defineProperty,S=Object.getOwnPropertyDescriptor,r=(t,e,a,o)=>{for(var s=o>1?void 0:o?S(e,a):e,n=t.length-1,h;n>=0;n--)(h=t[n])&&(s=(o?h(e,a,s):h(s))||s);return o&&s&&x(e,a,s),s};let i=class extends m{constructor(){super(...arguments),this.tabsetAriaLabelledByElements=[],this.tabsetAriaLabel=void 0,this.size="medium",this.activeTabIndex=0,this._contentRef=f(),this._tablistRef=f()}updated(t){super.updated(t),t.has("tabsetAriaLabelledByElements")&&(this._tablistRef.value.ariaLabelledByElements=this.tabsetAriaLabelledByElements)}render(){return this.tabs||(this.tabs=Array.from(this.querySelectorAll("ngc-tab"))),c`
+import"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/reactive-element.js";import{html as c}from"../../../../node_modules/.pnpm/lit-html@3.3.0/node_modules/lit-html/lit-html.js";import"../../../../node_modules/.pnpm/lit-element@4.2.0/node_modules/lit-element/lit-element.js";import{customElement as p}from"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/custom-element.js";import{property as d}from"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/property.js";import{state as v}from"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/state.js";import"../tab/tab.gator.js";import{KEY_CONSTANTS as b}from"../../../../consts/key-constants.js";import{createRef as f,ref as u}from"../../../../node_modules/.pnpm/lit-html@3.3.0/node_modules/lit-html/directives/ref.js";import{TestableLitElement as m}from"../../../../utils/components/testable-lit-element/testable-lit-element.js";import T from"../../../../packages/web-components/src/components/tabs/gator/tabs.gator.scss.js";import g from"../../../../packages/web-components/src/components/tabs/gator/tabs.gator.tokens.scss.js";import y from"../../../../packages/web-components/src/tokens/semantic.tokens.scss.js";import $ from"../../../../packages/web-components/src/tokens/primitive.tokens.scss.js";import{ifDefined as I}from"../../../../node_modules/.pnpm/lit-html@3.3.0/node_modules/lit-html/directives/if-defined.js";import{unsafeCSS as l}from"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/css-tag.js";var x=Object.defineProperty,S=Object.getOwnPropertyDescriptor,r=(t,e,i,o)=>{for(var a=o>1?void 0:o?S(e,i):e,n=t.length-1,h;n>=0;n--)(h=t[n])&&(a=(o?h(e,i,a):h(a))||a);return o&&a&&x(e,i,a),a};let s=class extends m{constructor(){super(...arguments),this.tabsetAriaLabelledByElements=[],this.tabsetAriaLabel=void 0,this.size="medium",this.activeTabIndex=0,this._contentRef=f(),this._tablistRef=f()}updated(t){super.updated(t),t.has("tabsetAriaLabelledByElements")&&(this._tablistRef.value.ariaLabelledByElements=this.tabsetAriaLabelledByElements)}render(){return this.tabs||(this.tabs=Array.from(this.querySelectorAll("ngc-tab"))),c`
             <div class="gator-tabset">
                 <div ${u(this._tablistRef)} role="tablist" class="gator-tabset-header" aria-label=${I(this.tabsetAriaLabel)}>
                     ${this.tabs.map((t,e)=>c`
@@ -6,7 +6,7 @@ import"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@
                              id="gator-tab-${e+1}"
                              role="tab"
                              tabindex="${this.getButtonTabIndex(e)}"
-                             @keydown="${a=>this.handleTabKeydown(a)}"
+                             @keydown="${i=>this.handleTabKeydown(i)}"
                              @click="${()=>this.activeTabIndex=e}"
                              aria-controls="gator-tabpanel-${e+1}"
                              aria-selected="${e===this.activeTabIndex}"
@@ -32,4 +32,4 @@ import"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@
                     ${this.tabs[this.activeTabIndex]}
                 </div>
             </div>
-        `}get tabSizeClass(){return this.size?`gator-tab-button-${this.size}`:""}get tabContainerSizeClass(){return this.size?`gator-tab-container-${this.size}`:""}get tabSpacerClass(){return this.size!="large"?"":"gator-tabset-spacer"}getButtonTabIndex(t){return t===this.activeTabIndex?"0":"-1"}handleTabKeydown(t){var a;if(!this.tabs)return;let e=(a=this.shadowRoot)==null?void 0:a.querySelectorAll(".gator-tabset-header [role=tab]");if(t.key===b.RIGHT){if(this.activeTabIndex===this.tabs.length-1){this.focusFirstTab(),t.preventDefault();return}this.activeTabIndex++,e[this.activeTabIndex].focus()}else if(t.key===b.LEFT){if(this.activeTabIndex===0){this.focusLastTab(),t.preventDefault();return}this.activeTabIndex--,e[this.activeTabIndex].focus(),t.preventDefault()}else t.key===b.HOME?(this.focusFirstTab(),t.preventDefault()):t.key===b.END&&(this.focusLastTab(),t.preventDefault())}focusFirstTab(){var e;let t=(e=this.shadowRoot)==null?void 0:e.querySelectorAll(".gator-tabset-header [role=tab]");this.activeTabIndex=0,t[this.activeTabIndex].focus()}focusLastTab(){var e;if(!this.tabs)return;let t=(e=this.shadowRoot)==null?void 0:e.querySelectorAll(".gator-tabset-header [role=tab]");this.activeTabIndex=this.tabs.length-1,t[this.activeTabIndex].focus()}};i.styles=[l(T),l(g),l(y),l($)];r([d({type:String,attribute:"tabset-aria-labelled-by-elements"})],i.prototype,"tabsetAriaLabelledByElements",2);r([d({type:String,attribute:"tabset-aria-label"})],i.prototype,"tabsetAriaLabel",2);r([d({type:String})],i.prototype,"size",2);r([v()],i.prototype,"activeTabIndex",2);i=r([p("ngc-tabset")],i);export{i as NgcTabset};
+        `}get tabSizeClass(){return this.size?`gator-tab-button-${this.size}`:""}get tabContainerSizeClass(){return this.size?`gator-tab-container-${this.size}`:""}get tabSpacerClass(){return this.size!="large"?"":"gator-tabset-spacer"}getButtonTabIndex(t){return t===this.activeTabIndex?"0":"-1"}handleTabKeydown(t){if(!this.tabs)return;let e=this.shadowRoot?.querySelectorAll(".gator-tabset-header [role=tab]");if(t.key===b.RIGHT){if(this.activeTabIndex===this.tabs.length-1){this.focusFirstTab(),t.preventDefault();return}this.activeTabIndex++,e[this.activeTabIndex].focus()}else if(t.key===b.LEFT){if(this.activeTabIndex===0){this.focusLastTab(),t.preventDefault();return}this.activeTabIndex--,e[this.activeTabIndex].focus(),t.preventDefault()}else t.key===b.HOME?(this.focusFirstTab(),t.preventDefault()):t.key===b.END&&(this.focusLastTab(),t.preventDefault())}focusFirstTab(){let t=this.shadowRoot?.querySelectorAll(".gator-tabset-header [role=tab]");this.activeTabIndex=0,t[this.activeTabIndex].focus()}focusLastTab(){if(!this.tabs)return;let t=this.shadowRoot?.querySelectorAll(".gator-tabset-header [role=tab]");this.activeTabIndex=this.tabs.length-1,t[this.activeTabIndex].focus()}};s.styles=[l(T),l(g),l(y),l($)];r([d({type:String,attribute:"tabset-aria-labelled-by-elements"})],s.prototype,"tabsetAriaLabelledByElements",2);r([d({type:String,attribute:"tabset-aria-label"})],s.prototype,"tabsetAriaLabel",2);r([d({type:String})],s.prototype,"size",2);r([v()],s.prototype,"activeTabIndex",2);s=r([p("ngc-tabset")],s);export{s as NgcTabset};

package/dist/components/text-detail/gator/text-detail.gator.js CHANGED Viewed

@@ -1,32 +1,31 @@
-import{NjcTextDetail as c}from"../text-detail.js";import"../../chip/gator/chip.gator.js";import"../../card/gator/base/card.gator.js";import"../../card/gator/header/card-header.gator.js";import"../../card/gator/content/card-content.gator.js";import"../../card/gator/footer/card-footer.gator.js";import"../../skeleton-loader/gator/skeleton-loader.gator.js";import"../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/reactive-element.js";import{html as t}from"../../../node_modules/.pnpm/lit-html@3.3.0/node_modules/lit-html/lit-html.js";import"../../../node_modules/.pnpm/lit-element@4.2.0/node_modules/lit-element/lit-element.js";import m from"../../../packages/web-components/src/components/text-detail/gator/text-detail.gator.scss.js";import p from"../../../packages/web-components/src/tokens/primitive.tokens.scss.js";import g from"../../../packages/web-components/src/tokens/semantic.tokens.scss.js";import{customElement as h}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/custom-element.js";import{ifDefined as d}from"../../../node_modules/.pnpm/lit-html@3.3.0/node_modules/lit-html/directives/if-defined.js";import{unsafeCSS as s}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/css-tag.js";var v=Object.getOwnPropertyDescriptor,x=(a,r,u,o)=>{for(var e=o>1?void 0:o?v(r,u):r,i=a.length-1,n;i>=0;i--)(n=a[i])&&(e=n(e)||e);return e};let l=class extends c{render(){return t`
-            <div class="gator-text-detail ${this.verticalClass}">
-                ${this.skeleton?this.textDetailLoadingMarkup:this.textDetailMarkup}
+import{NjcTextDetail as m}from"../text-detail.js";import"../../chip/gator/chip.gator.js";import"../../card/gator/base/card.gator.js";import"../../card/gator/header/card-header.gator.js";import"../../card/gator/content/card-content.gator.js";import"../../card/gator/footer/card-footer.gator.js";import"../../skeleton-loader/gator/skeleton-loader.gator.js";import"../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/reactive-element.js";import{html as e,nothing as u}from"../../../node_modules/.pnpm/lit-html@3.3.0/node_modules/lit-html/lit-html.js";import"../../../node_modules/.pnpm/lit-element@4.2.0/node_modules/lit-element/lit-element.js";import h from"../../../packages/web-components/src/components/text-detail/gator/text-detail.gator.scss.js";import g from"../../../packages/web-components/src/tokens/primitive.tokens.scss.js";import p from"../../../packages/web-components/src/tokens/semantic.tokens.scss.js";import{customElement as x}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/custom-element.js";import{ifDefined as c}from"../../../node_modules/.pnpm/lit-html@3.3.0/node_modules/lit-html/directives/if-defined.js";import{unsafeCSS as o}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/css-tag.js";var v=Object.getOwnPropertyDescriptor,f=(t,s,n,l)=>{for(var i=l>1?void 0:l?v(s,n):s,a=t.length-1,d;a>=0;a--)(d=t[a])&&(i=d(i)||i);return i};let r=class extends m{updated(t){super.updated(t),t.has("skeleton")&&this.assignSlottedElementsSkeletonState()}render(){return e`
+            <div class="gator-text-detail ${this.verticalClass} ${this.skeleton?" gator-text-detail-loading":""}">
+                ${this.textDetailMarkup}
             </div>
-        `}get textDetailMarkup(){return t`
+        `}get textDetailMarkup(){return e`
             <slot name="prepend"></slot>
             <div class="gator-text-detail-content gator-text-detail_${this.size} ${this.invertTitleClass}">
                 <div class="gator-text-detail-title gator-text-detail-title_${this.size}"
-                     data-testid=${d(this.dataTestid)}-title
+                     data-testid=${c(this.dataTestid)}-title
                 >
-                    <slot name="content">
-                        ${this.title}
-                    </slot>
+                    ${this.skeleton?e`<ngc-skeleton-loader full-width height="24" radius="100"></ngc-skeleton-loader>`:e`
+                            <slot name="content">
+                                ${this.title}
+                            </slot>
+                        `}
                 </div>
                 ${this.textDetailSubtitleMarkup}
             </div>
             <slot name="append"></slot>
-        `}get verticalClass(){return this.vertical?"gator-text-detail_vertical":""}get invertTitleClass(){return this.invertTitle?"gator-text-detail-content_invert-title":""}get textDetailLoadingMarkup(){return t`
-            <div class="gator-text-detail-loading ${this.invertTitleClass}">
-                <ngc-skeleton-loader full-width height="24" radius="100"></ngc-skeleton-loader>
-                <ngc-skeleton-loader width="62" height="18" radius="100"></ngc-skeleton-loader>
-            </div>
-        `}get textDetailSubtitleIconMarkup(){return this.subtitleIcon?t`<ngc-icon class="gator-text-detail-subtitle-icon" name="${this.subtitleIcon}"></ngc-icon>`:null}get textDetailSubtitleMarkup(){return this.subtitle?t`
+        `}get verticalClass(){return this.vertical?"gator-text-detail_vertical":""}get invertTitleClass(){return this.invertTitle?"gator-text-detail-content_invert-title":""}get textDetailSubtitleIconMarkup(){return this.subtitleIcon?e`<ngc-icon class="gator-text-detail-subtitle-icon" name="${this.subtitleIcon}"></ngc-icon>`:null}get textDetailSubtitleMarkup(){return this.subtitle?e`
                 <div class="gator-text-detail-subtitle gator-text-detail-subtitle_${this.size}"
-                     data-testid=${d(this.dataTestid)}-subtitle
+                     data-testid=${c(this.dataTestid)}-subtitle
                 >
-                    ${this.subtitle}
-                    ${this.textDetailSubtitleIconMarkup}
+                    ${this.skeleton?e`<ngc-skeleton-loader width="62" height="18" radius="100"></ngc-skeleton-loader>`:e`
+                            ${this.subtitle}
+                            ${this.textDetailSubtitleIconMarkup}
+                        `}
                 </div>
-            `:null}};l.styles=[s(m),s(p),s(g)];l=x([h("ngc-text-detail")],l);export{l as NgcTextDetail};
+            `:u}assignSlottedElementsSkeletonState(){const t=this.shadowRoot?.querySelectorAll("slot");t&&t.forEach(s=>{s.assignedElements().forEach(i=>{i.tagName.toLowerCase().includes("ngc-")&&(i.skeleton=this.skeleton)})})}};r.styles=[o(h),o(g),o(p)];r=f([x("ngc-text-detail")],r);export{r as NgcTextDetail};

package/dist/components/time-picker/gator/time-picker.gator.js CHANGED Viewed

@@ -1,5 +1,5 @@
-import{customElement as p}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/custom-element.js";import{property as m}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/property.js";import{NgcComponent as d}from"../../../utils/components/ngc-component.js";import f from"../../../packages/web-components/src/components/time-picker/gator/time-picker.gator.scss.js";import"../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/reactive-element.js";import{html as h}from"../../../node_modules/.pnpm/lit-html@3.3.0/node_modules/lit-html/lit-html.js";import{LitElement as g}from"../../../node_modules/.pnpm/lit-element@4.2.0/node_modules/lit-element/lit-element.js";import{msg as r}from"../../../node_modules/.pnpm/@lit_localize@0.12.2/node_modules/@lit/localize/init/install.js";import"../../../node_modules/.pnpm/@lit_localize@0.12.2/node_modules/@lit/localize/init/runtime.js";import{zeroPad as v}from"../../../utils/string-utils.js";import{KEY_CONSTANTS as n}from"../../../consts/key-constants.js";import"../../selector/gator/selector.gator.js";import"../../icon-button/gator/icon-button.gator.js";import"../../button/gator/button.gator.js";import{unsafeCSS as b}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/css-tag.js";var y=Object.defineProperty,k=Object.getOwnPropertyDescriptor,w=Object.getPrototypeOf,O=Reflect.get,l=(e,t,i,o)=>{for(var s=o>1?void 0:o?k(t,i):t,a=e.length-1,u;a>=0;a--)(u=e[a])&&(s=(o?u(t,i,s):u(s))||s);return o&&s&&y(t,i,s),s},$=(e,t,i)=>O(w(e),i,t);let c=class extends d{constructor(){super(...arguments),this.hour=null,this.minute=null,this.timeOfDay=null}async updated(e){super.updated(e),(e.has("hour")||e.has("minute"))&&(!this.hour&&!this.minute&&this.setToCurrentTime(),this.scrollToOptions())}firstUpdated(e){!this.hour&&!this.minute&&this.setToCurrentTime(),this.scrollToOptions()}setToCurrentTime(){const e=new Date;this.hour=e.getHours()%12||12,this.minute=e.getMinutes()}render(){return h`
-            <div class="gator-time-picker" role="dialog" aria-modal="true" aria-label="${r("Select Time")}" @keydown="${this.handleTopLevelKeyUp}">
+import{customElement as p}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/custom-element.js";import{property as m}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/property.js";import{NgcComponent as d}from"../../../utils/components/ngc-component.js";import f from"../../../packages/web-components/src/components/time-picker/gator/time-picker.gator.scss.js";import"../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/reactive-element.js";import{html as h}from"../../../node_modules/.pnpm/lit-html@3.3.0/node_modules/lit-html/lit-html.js";import{LitElement as g}from"../../../node_modules/.pnpm/lit-element@4.2.0/node_modules/lit-element/lit-element.js";import{msg as s}from"../../../node_modules/.pnpm/@lit_localize@0.12.2/node_modules/@lit/localize/init/install.js";import"../../../node_modules/.pnpm/@lit_localize@0.12.2/node_modules/@lit/localize/init/runtime.js";import{zeroPad as v}from"../../../utils/string-utils.js";import{KEY_CONSTANTS as r}from"../../../consts/key-constants.js";import"../../selector/gator/selector.gator.js";import"../../icon-button/gator/icon-button.gator.js";import"../../button/gator/button.gator.js";import{unsafeCSS as b}from"../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/css-tag.js";var y=Object.defineProperty,k=Object.getOwnPropertyDescriptor,w=Object.getPrototypeOf,O=Reflect.get,l=(e,t,i,n)=>{for(var o=n>1?void 0:n?k(t,i):t,a=e.length-1,u;a>=0;a--)(u=e[a])&&(o=(n?u(t,i,o):u(o))||o);return n&&o&&y(t,i,o),o},$=(e,t,i)=>O(w(e),i,t);let c=class extends d{constructor(){super(...arguments),this.hour=null,this.minute=null,this.timeOfDay=null}async updated(e){super.updated(e),(e.has("hour")||e.has("minute"))&&(!this.hour&&!this.minute&&this.setToCurrentTime(),this.scrollToOptions())}firstUpdated(e){!this.hour&&!this.minute&&this.setToCurrentTime(),this.scrollToOptions()}setToCurrentTime(){const e=new Date;this.hour=e.getHours()%12||12,this.minute=e.getMinutes()}render(){return h`
+            <div class="gator-time-picker" role="dialog" aria-modal="true" aria-label="${s("Select Time")}" @keydown="${this.handleTopLevelKeyUp}">
                 <div class="gator-time-picker-selection">
                     <div class="gator-time-picker-hours">
                         <div class="gator-time-picker-header">
@@ -8,19 +8,19 @@ import{customElement as p}from"../../../node_modules/.pnpm/@lit_reactive-element
                         <div class="gator-time-picker-chevron">
                             <ngc-icon-button
                                 @click="${this.selectPreviousHour}"
-                                aria-label="${r("Previous Hour")}"
+                                aria-label="${s("Previous Hour")}"
                                 size="medium"
                                 icon-name="chevron-up"
                                 tabindex="-1"
                             ></ngc-icon-button>
                         </div>
-                        <div class="gator-time-picker-options" tabindex="-1" role="listbox"  aria-label="${r("Hour Options")}">
+                        <div class="gator-time-picker-options" tabindex="-1" role="listbox"  aria-label="${s("Hour Options")}">
                             ${this.hourOptions}
                         </div>
                         <div class="gator-time-picker-chevron">
                             <ngc-icon-button
                                 @click="${this.selectNextHour}"
-                                aria-label="${r("Next Hour")}"
+                                aria-label="${s("Next Hour")}"
                                 size="medium"
                                 icon-name="chevron-down"
                                 tabindex="-1"
@@ -34,19 +34,19 @@ import{customElement as p}from"../../../node_modules/.pnpm/@lit_reactive-element
                         <div class="gator-time-picker-chevron">
                             <ngc-icon-button
                                 @click="${this.selectPreviousMinute}"
-                                aria-label="${r("Previous Minute")}"
+                                aria-label="${s("Previous Minute")}"
                                 size="medium"
                                 icon-name="chevron-up"
                                 tabindex="-1"
                             ></ngc-icon-button>
                         </div>
-                        <div class="gator-time-picker-options" tabindex="-1" role="listbox" aria-label="${r("Minute Options")}">
+                        <div class="gator-time-picker-options" tabindex="-1" role="listbox" aria-label="${s("Minute Options")}">
                             ${this.minuteOptions}
                         </div>
                         <div class="gator-time-picker-chevron">
                             <ngc-icon-button
                                 @click="${this.selectNextMinute}"
-                                aria-label="${r("Next Minute")}"
+                                aria-label="${s("Next Minute")}"
                                 size="medium"
                                 icon-name="chevron-down"
                                 tabindex="-1"
@@ -55,7 +55,7 @@ import{customElement as p}from"../../../node_modules/.pnpm/@lit_reactive-element
                     </div>
                     <div class="gator-time-picker-time-of-day">
                         <div class="gator-time-picker-header"></div>
-                        <div class="gator-time-picker-options" tabindex="-1" role="listbox"  aria-label="${r("Time of Day Options")}">
+                        <div class="gator-time-picker-options" tabindex="-1" role="listbox"  aria-label="${s("Time of Day Options")}">
                             <ngc-selector
                                 role="option"
                                 aria-label="PM"
@@ -84,7 +84,7 @@ import{customElement as p}from"../../../node_modules/.pnpm/@lit_reactive-element
                 <div class="gator-time-picker-actions">
                     <div class="gator-time-picker-clear">
                         <ngc-button variant="base" @click="${this.sendClearEvent}">
-                            ${r("Clear")}
+                            ${s("Clear")}
                         </ngc-button>
                     </div>
                     <div class="gator-time-picker-now">
@@ -93,33 +93,33 @@ import{customElement as p}from"../../../node_modules/.pnpm/@lit_reactive-element
                             @click="${this.sendNowEvent}"
                             @keydown="${this.handleNowButtonKeyDown}"
                         >
-                          ${r("Now")}
+                          ${s("Now")}
                         </ngc-button>
                     </div>
                 </div>
             </div>
-        `}get pmShouldBeTabbable(){return this.timeOfDay?this.timeOfDay==="PM"?"0":"-1":!0}scrollToOptions(){var i,o;const e=(i=this.shadowRoot)==null?void 0:i.querySelector(".gator-time-picker-hours ngc-selector[selected]");e&&e.scrollIntoView({behavior:"smooth",block:"center"});const t=(o=this.shadowRoot)==null?void 0:o.querySelector(".gator-time-picker-minutes ngc-selector[selected]");t&&t.scrollIntoView({behavior:"smooth",block:"center"})}get hourOptions(){return Array.from({length:12},(t,i)=>i+1).map(t=>{const i=v(t,2),o=this.hour==t||this.hour===0&&t===12;let s=-1;return(this.hour===t||this.hour===null)&&(s=0),h`
+        `}get pmShouldBeTabbable(){return this.timeOfDay?this.timeOfDay==="PM"?"0":"-1":!0}scrollToOptions(){const e=this.shadowRoot?.querySelector(".gator-time-picker-hours ngc-selector[selected]");e&&e.scrollIntoView({behavior:"smooth",block:"center"});const t=this.shadowRoot?.querySelector(".gator-time-picker-minutes ngc-selector[selected]");t&&t.scrollIntoView({behavior:"smooth",block:"center"})}get hourOptions(){return Array.from({length:12},(t,i)=>i+1).map(t=>{const i=v(t,2),n=this.hour==t||this.hour===0&&t===12;let o=-1;return(this.hour===t||this.hour===null)&&(o=0),h`
                 <ngc-selector
                     role="option"
                     type="base"
                     data-value="${i}"
-                    ?selected="${o}"
+                    ?selected="${n}"
                     @select="${a=>this.handleSelectionChange(a,"hour")}"
-                    tabindex="${s}"
+                    tabindex="${o}"
                     @keydown="${this.handleHourKeyDown}"
                 >
                     ${i}
                 </ngc-selector>
-            `})}get minuteOptions(){return Array.from({length:60},(t,i)=>i+1).map(t=>{const i=t-1,o=i-1<9?`0${i}`:i;return h`
+            `})}get minuteOptions(){return Array.from({length:60},(t,i)=>i+1).map(t=>{const i=t-1,n=i-1<9?`0${i}`:i;return h`
                 <ngc-selector
                     role="option"
                     type="base"
-                    data-value="${o}"
+                    data-value="${n}"
                     ?selected="${this.minute===i}"
-                    @select="${s=>this.handleSelectionChange(s,"minute")}"
+                    @select="${o=>this.handleSelectionChange(o,"minute")}"
                     tabindex="${this.minute===i?"0":"-1"}"
                     @keydown="${this.handleMinuteKeyDown}"
                 >
-                    ${o}
+                    ${n}
                 </ngc-selector>
-            `})}handleMinuteKeyDown(e){e.key==n.UP&&(e.stopPropagation(),e.preventDefault(),this.focusPreviousMinute()),e.key==n.DOWN&&(e.stopPropagation(),e.preventDefault(),this.focusNextMinute())}handleHourKeyDown(e){var t;if(e.key==n.TAB&&e.shiftKey){e.preventDefault();const i=(t=this.shadowRoot)==null?void 0:t.querySelector(".gator-time-picker-now ngc-button");i&&i.focus()}e.key==n.UP&&(e.stopPropagation(),e.preventDefault(),this.focusPreviousHour()),e.key==n.DOWN&&(e.stopPropagation(),e.preventDefault(),this.focusNextHour())}selectNextHour(){if(this.hour&&this.hour<12){const e=this.hour+1;this.handleSelectionChange(new CustomEvent("change",{detail:{value:e}}),"hour")}}selectPreviousHour(){if(this.hour&&this.hour>1){const e=this.hour-1;this.handleSelectionChange(new CustomEvent("change",{detail:{value:e}}),"hour")}}selectNextMinute(){if(this.minute!=null&&this.minute<59){const e=this.minute+1;this.handleSelectionChange(new CustomEvent("change",{detail:{value:e}}),"minute")}}selectPreviousMinute(){if(this.minute!=null){const e=this.minute-1;this.handleSelectionChange(new CustomEvent("change",{detail:{value:e}}),"minute")}}handleSelectionChange(e,t){e.stopPropagation(),e.preventDefault();const i=e.detail.value;this.dispatchEvent(new CustomEvent("change",{bubbles:!1,composed:!0,detail:{[t]:i}}))}focusNextHour(){var t;let e=(t=this.shadowRoot)==null?void 0:t.querySelector(".gator-time-picker-hours .gator-time-picker-options ngc-selector[tabindex='0']");if(e){const i=e.nextElementSibling;i&&this.focusNewOption(i,e)}}focusPreviousHour(){var t;let e=(t=this.shadowRoot)==null?void 0:t.querySelector(".gator-time-picker-hours .gator-time-picker-options ngc-selector[tabindex='0']");if(e){const i=e.previousElementSibling;i&&this.focusNewOption(i,e)}}focusNextMinute(){var t;let e=(t=this.shadowRoot)==null?void 0:t.querySelector(".gator-time-picker-minutes .gator-time-picker-options ngc-selector[tabindex='0']");if(e){const i=e.nextElementSibling;i&&this.focusNewOption(i,e)}}focusPreviousMinute(){var t;let e=(t=this.shadowRoot)==null?void 0:t.querySelector(".gator-time-picker-minutes .gator-time-picker-options ngc-selector[tabindex='0']");if(e){const i=e.previousElementSibling;i&&this.focusNewOption(i,e)}}focusNewOption(e,t){t.setAttribute("tabindex","-1"),e.setAttribute("tabindex","0"),e.focus(),e.scrollIntoView({behavior:"smooth",block:"center"})}focusOtherTimeOfDayOption(e){var i;if(e.key!=n.DOWN&&e.key!=n.UP)return;e.stopPropagation(),e.preventDefault();let t=(i=this.shadowRoot)==null?void 0:i.querySelector(".gator-time-picker-time-of-day ngc-selector[tabindex='0']");if(t){let o=null;e.key==n.DOWN?o=t.nextElementSibling:o=t.previousElementSibling,o&&this.focusNewOption(o,t)}}sendClearEvent(){this.dispatchEvent(new CustomEvent("clear",{composed:!0}))}sendNowEvent(){this.dispatchEvent(new CustomEvent("now",{composed:!0}))}handleNowButtonKeyDown(e){e.key==n.TAB&&!e.shiftKey&&(e.preventDefault(),this.selectedHourElement&&this.selectedHourElement.focus())}get selectedHourElement(){var e;return(e=this.shadowRoot)==null?void 0:e.querySelector(".gator-time-picker-hours ngc-selector[selected]")}get firstHourElement(){var e;return(e=this.shadowRoot)==null?void 0:e.querySelector(".gator-time-picker-hours ngc-selector")}focus(){this.selectedHourElement?this.selectedHourElement.focus():this.firstHourElement.focus()}handleTopLevelKeyUp(e){e.key==n.ESCAPE&&(e.stopPropagation(),e.preventDefault(),this.dispatchEvent(new CustomEvent("close",{composed:!0})))}};c.shadowRootOptions={...g.shadowRootOptions,delegatesFocus:!0};c.styles=[...$(c,c,"styles"),b(f)];l([m({type:Number})],c.prototype,"hour",2);l([m({type:Number})],c.prototype,"minute",2);l([m({attribute:"time-of-day"})],c.prototype,"timeOfDay",2);c=l([p("ngc-time-picker")],c);export{c as NgcTimePicker};
+            `})}handleMinuteKeyDown(e){e.key==r.UP&&(e.stopPropagation(),e.preventDefault(),this.focusPreviousMinute()),e.key==r.DOWN&&(e.stopPropagation(),e.preventDefault(),this.focusNextMinute())}handleHourKeyDown(e){if(e.key==r.TAB&&e.shiftKey){e.preventDefault();const t=this.shadowRoot?.querySelector(".gator-time-picker-now ngc-button");t&&t.focus()}e.key==r.UP&&(e.stopPropagation(),e.preventDefault(),this.focusPreviousHour()),e.key==r.DOWN&&(e.stopPropagation(),e.preventDefault(),this.focusNextHour())}selectNextHour(){if(this.hour&&this.hour<12){const e=this.hour+1;this.handleSelectionChange(new CustomEvent("change",{detail:{value:e}}),"hour")}}selectPreviousHour(){if(this.hour&&this.hour>1){const e=this.hour-1;this.handleSelectionChange(new CustomEvent("change",{detail:{value:e}}),"hour")}}selectNextMinute(){if(this.minute!=null&&this.minute<59){const e=this.minute+1;this.handleSelectionChange(new CustomEvent("change",{detail:{value:e}}),"minute")}}selectPreviousMinute(){if(this.minute!=null){const e=this.minute-1;this.handleSelectionChange(new CustomEvent("change",{detail:{value:e}}),"minute")}}handleSelectionChange(e,t){e.stopPropagation(),e.preventDefault();const i=e.detail.value;this.dispatchEvent(new CustomEvent("change",{bubbles:!1,composed:!0,detail:{[t]:i}}))}focusNextHour(){let e=this.shadowRoot?.querySelector(".gator-time-picker-hours .gator-time-picker-options ngc-selector[tabindex='0']");if(e){const t=e.nextElementSibling;t&&this.focusNewOption(t,e)}}focusPreviousHour(){let e=this.shadowRoot?.querySelector(".gator-time-picker-hours .gator-time-picker-options ngc-selector[tabindex='0']");if(e){const t=e.previousElementSibling;t&&this.focusNewOption(t,e)}}focusNextMinute(){let e=this.shadowRoot?.querySelector(".gator-time-picker-minutes .gator-time-picker-options ngc-selector[tabindex='0']");if(e){const t=e.nextElementSibling;t&&this.focusNewOption(t,e)}}focusPreviousMinute(){let e=this.shadowRoot?.querySelector(".gator-time-picker-minutes .gator-time-picker-options ngc-selector[tabindex='0']");if(e){const t=e.previousElementSibling;t&&this.focusNewOption(t,e)}}focusNewOption(e,t){t.setAttribute("tabindex","-1"),e.setAttribute("tabindex","0"),e.focus(),e.scrollIntoView({behavior:"smooth",block:"center"})}focusOtherTimeOfDayOption(e){if(e.key!=r.DOWN&&e.key!=r.UP)return;e.stopPropagation(),e.preventDefault();let t=this.shadowRoot?.querySelector(".gator-time-picker-time-of-day ngc-selector[tabindex='0']");if(t){let i=null;e.key==r.DOWN?i=t.nextElementSibling:i=t.previousElementSibling,i&&this.focusNewOption(i,t)}}sendClearEvent(){this.dispatchEvent(new CustomEvent("clear",{composed:!0}))}sendNowEvent(){this.dispatchEvent(new CustomEvent("now",{composed:!0}))}handleNowButtonKeyDown(e){e.key==r.TAB&&!e.shiftKey&&(e.preventDefault(),this.selectedHourElement&&this.selectedHourElement.focus())}get selectedHourElement(){return this.shadowRoot?.querySelector(".gator-time-picker-hours ngc-selector[selected]")}get firstHourElement(){return this.shadowRoot?.querySelector(".gator-time-picker-hours ngc-selector")}focus(){this.selectedHourElement?this.selectedHourElement.focus():this.firstHourElement.focus()}handleTopLevelKeyUp(e){e.key==r.ESCAPE&&(e.stopPropagation(),e.preventDefault(),this.dispatchEvent(new CustomEvent("close",{composed:!0})))}};c.shadowRootOptions={...g.shadowRootOptions,delegatesFocus:!0};c.styles=[...$(c,c,"styles"),b(f)];l([m({type:Number})],c.prototype,"hour",2);l([m({type:Number})],c.prototype,"minute",2);l([m({attribute:"time-of-day"})],c.prototype,"timeOfDay",2);c=l([p("ngc-time-picker")],c);export{c as NgcTimePicker};

package/dist/components/toast/gator/base/toast.gator.js CHANGED Viewed

@@ -1,16 +1,15 @@
-import{NjcToast as u}from"../../toast.js";import"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/reactive-element.js";import{html as e}from"../../../../node_modules/.pnpm/lit-html@3.3.0/node_modules/lit-html/lit-html.js";import"../../../../node_modules/.pnpm/lit-element@4.2.0/node_modules/lit-element/lit-element.js";import{customElement as m}from"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/custom-element.js";import g from"../../../../packages/web-components/src/components/toast/gator/base/toast.gator.scss.js";import v from"../../../../packages/web-components/src/tokens/primitive.tokens.scss.js";import d from"../../../../packages/web-components/src/tokens/semantic.tokens.scss.js";import"../../../icon-button/gator/icon-button.gator.js";import{unsafeCSS as r}from"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/css-tag.js";var h=Object.getOwnPropertyDescriptor,b=(t,o,l,n)=>{for(var s=n>1?void 0:n?h(o,l):o,i=t.length-1,c;i>=0;i--)(c=t[i])&&(s=c(s)||s);return s};let a=class extends u{render(){return e`
+import{NjcToast as m}from"../../toast.js";import"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/reactive-element.js";import{nothing as l,html as s}from"../../../../node_modules/.pnpm/lit-html@3.3.0/node_modules/lit-html/lit-html.js";import"../../../../node_modules/.pnpm/lit-element@4.2.0/node_modules/lit-element/lit-element.js";import{customElement as g}from"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/custom-element.js";import h from"../../../../packages/web-components/src/components/toast/gator/base/toast.gator.scss.js";import d from"../../../../packages/web-components/src/tokens/primitive.tokens.scss.js";import v from"../../../../packages/web-components/src/tokens/semantic.tokens.scss.js";import"../../../icon-button/gator/icon-button.gator.js";import"../title/toast-title.gator.js";import"../subtitle/toast-subtitle.gator.js";import{unsafeCSS as r}from"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/css-tag.js";var b=Object.getOwnPropertyDescriptor,p=(t,o,u,n)=>{for(var i=n>1?void 0:n?b(o,u):o,e=t.length-1,c;e>=0;e--)(c=t[e])&&(i=c(i)||i);return i};let a=class extends m{render(){return s`
             <div
                 class="gator-toast ${this.variantClass}"
                 role="${this.ariaRole}"
-                aria-live="polite"
             >
                 ${this.iconMarkup}
                 <div class="gator-toast-content-container">
                     <div class="gator-toast-content">
                         <slot name="content">
-                            <ngc-toast-title>${this.title}</ngc-toast-title>
-                            <ngc-toast-subtitle>${this.subtitle}</ngc-toast-subtitle>
+                            ${this.title?s`<ngc-toast-title>${this.title}</ngc-toast-title>`:l}
+                            ${this.subtitle?s`<ngc-toast-subtitle>${this.subtitle}</ngc-toast-subtitle>`:l}
                         </slot>
                     </div>
@@ -19,16 +18,16 @@ import{NjcToast as u}from"../../toast.js";import"../../../../node_modules/.pnpm/
                 ${this.dismissibleMarkup}
             </div>
-        `}get ariaRole(){return this.sticky?"alertdialog":"alert"}get actionsSlot(){return this.querySelector('[slot="actions"]')?e`
+        `}get ariaRole(){return this.sticky?"alertdialog":"alert"}get actionsSlot(){return this.querySelector('[slot="actions"]')?s`
             <div class="gator-toast-actions">
                 <slot name="actions"></slot>
             </div>
-        `:null}get variantClass(){switch(this.variant){case"info":return"gator-toast_info";case"warning":return"gator-toast_warning";case"error":return"gator-toast_error";case"success":return"gator-toast_success";case"inverse":return"gator-toast_inverse";default:return"gator-toast_info"}}get iconMarkup(){let t="info";switch(this.variant){case"info":t="info";break;case"warning":t="warning";break;case"error":t="restricted";break;case"success":t="check-circle";break;case"inverse":t="info";break}return e`
+        `:null}get variantClass(){switch(this.variant){case"info":return"gator-toast_info";case"warning":return"gator-toast_warning";case"error":return"gator-toast_error";case"success":return"gator-toast_success";case"inverse":return"gator-toast_inverse";default:return"gator-toast_info"}}get iconMarkup(){let t="info";switch(this.variant){case"info":t="info";break;case"warning":t="warning";break;case"error":t="restricted";break;case"success":t="check-circle";break;case"inverse":t="info";break}return s`
             <ngc-icon
                 name="${t}"
-                label="${this.statusIconLabel??t}"
+                label="${this.statusIconLabel?this.statusIconLabel:t}"
             ></ngc-icon>
-        `}get dismissibleMarkup(){return this.dismissible?e`
+        `}get dismissibleMarkup(){return this.dismissible?s`
             <div class="gator-toast-dismiss-button">
                 <ngc-icon-button
                     aria-label="${this.exitIconLabel}"
@@ -37,4 +36,4 @@ import{NjcToast as u}from"../../toast.js";import"../../../../node_modules/.pnpm/
                     @click=${this.handleDismiss}
                 ></ngc-icon-button>
             </div>
-        `:null}handleDismiss(){this.dispatchEvent(new CustomEvent("dismiss",{bubbles:!0,composed:!0}))}};a.styles=[r(g),r(v),r(d)];a=b([m("ngc-toast")],a);export{a as NgcToast};
+        `:null}handleDismiss(){this.dispatchEvent(new CustomEvent("dismiss",{bubbles:!0,composed:!0,detail:{id:this.id}}))}};a.styles=[r(h),r(d),r(v)];a=p([g("ngc-toast")],a);export{a as NgcToast};

package/dist/components/toast/gator/subtitle/toast-subtitle.gator.js CHANGED Viewed

@@ -1,5 +1,5 @@
-import{NjcToast as p}from"../../toast.js";import"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/reactive-element.js";import{html as f}from"../../../../node_modules/.pnpm/lit-html@3.3.0/node_modules/lit-html/lit-html.js";import"../../../../node_modules/.pnpm/lit-element@4.2.0/node_modules/lit-element/lit-element.js";import{customElement as n}from"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/custom-element.js";import c from"../../../../packages/web-components/src/tokens/primitive.tokens.scss.js";import u from"../../../../packages/web-components/src/components/toast/gator/subtitle/toast-subtitle.gator.scss.js";import{unsafeCSS as l}from"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/css-tag.js";var v=Object.getOwnPropertyDescriptor,g=(o,e,a,m)=>{for(var t=m>1?void 0:m?v(e,a):e,r=o.length-1,i;r>=0;r--)(i=o[r])&&(t=i(t)||t);return t};let s=class extends p{render(){return f`
+import{NjcToast as p}from"../../toast.js";import"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/reactive-element.js";import{html as n}from"../../../../node_modules/.pnpm/lit-html@3.3.0/node_modules/lit-html/lit-html.js";import"../../../../node_modules/.pnpm/lit-element@4.2.0/node_modules/lit-element/lit-element.js";import{customElement as f}from"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/custom-element.js";import c from"../../../../packages/web-components/src/tokens/primitive.tokens.scss.js";import u from"../../../../packages/web-components/src/components/toast/gator/subtitle/toast-subtitle.gator.scss.js";import{unsafeCSS as l}from"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/css-tag.js";var v=Object.getOwnPropertyDescriptor,g=(s,e,a,m)=>{for(var t=m>1?void 0:m?v(e,a):e,r=s.length-1,i;r>=0;r--)(i=s[r])&&(t=i(t)||t);return t};let o=class extends p{render(){return n`
             <div class="gator-toast-subtitle">
                 <slot></slot>
             </div>
-        `}};s.styles=[l(c),l(u)];s=g([n("ngc-toast-subtitle")],s);export{s as NgcToastSubtitle};
+        `}};o.styles=[l(c),l(u)];o=g([f("ngc-toast-subtitle")],o);export{o as NgcToastSubtitle};

package/dist/components/toast/gator/title/toast-title.gator.js CHANGED Viewed

@@ -1,5 +1,5 @@
-import{NjcToast as p}from"../../toast.js";import"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/reactive-element.js";import{html as f}from"../../../../node_modules/.pnpm/lit-html@3.3.0/node_modules/lit-html/lit-html.js";import"../../../../node_modules/.pnpm/lit-element@4.2.0/node_modules/lit-element/lit-element.js";import{customElement as n}from"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/custom-element.js";import c from"../../../../packages/web-components/src/tokens/primitive.tokens.scss.js";import v from"../../../../packages/web-components/src/components/toast/gator/title/toast-title.gator.scss.js";import{unsafeCSS as l}from"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/css-tag.js";var g=Object.getOwnPropertyDescriptor,u=(e,s,a,m)=>{for(var t=m>1?void 0:m?g(s,a):s,r=e.length-1,i;r>=0;r--)(i=e[r])&&(t=i(t)||t);return t};let o=class extends p{render(){return f`
+import{NjcToast as p}from"../../toast.js";import"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/reactive-element.js";import{html as n}from"../../../../node_modules/.pnpm/lit-html@3.3.0/node_modules/lit-html/lit-html.js";import"../../../../node_modules/.pnpm/lit-element@4.2.0/node_modules/lit-element/lit-element.js";import{customElement as f}from"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/custom-element.js";import c from"../../../../packages/web-components/src/tokens/primitive.tokens.scss.js";import v from"../../../../packages/web-components/src/components/toast/gator/title/toast-title.gator.scss.js";import{unsafeCSS as l}from"../../../../node_modules/.pnpm/@lit_reactive-element@2.1.0/node_modules/@lit/reactive-element/css-tag.js";var g=Object.getOwnPropertyDescriptor,u=(e,s,a,m)=>{for(var t=m>1?void 0:m?g(s,a):s,r=e.length-1,i;r>=0;r--)(i=e[r])&&(t=i(t)||t);return t};let o=class extends p{render(){return n`
             <div class="gator-toast-title">
                 <slot></slot>
             </div>
-        `}};o.styles=[l(c),l(v)];o=u([n("ngc-toast-title")],o);export{o as NgcToastTitle};
+        `}};o.styles=[l(c),l(v)];o=u([f("ngc-toast-title")],o);export{o as NgcToastTitle};