@ni/nimble-components 22.0.0 → 22.1.0

package/dist/esm/anchor/styles.js

@@ -83,6 +83,10 @@ export const styles = css `
         color: ${linkProminentDisabledFontColor};
     }
 
+    .content {
+        pointer-events: none;
+    }
+
     [part='end'] {
         display: none;
     }

package/dist/esm/anchor/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/anchor/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EACH,2BAA2B,EAC3B,mBAAmB,EACnB,4BAA4B,EAC5B,qBAAqB,EACrB,QAAQ,EACR,aAAa,EACb,8BAA8B,EAC9B,sBAAsB,EACzB,MAAM,iCAAiC,CAAC;AAEzC,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,QAAQ,CAAC;;;;gBAIP,QAAQ;;;;;;;;;;;;iBAYP,aAAa;;;;cAIhB,YAAY;;;qCAGW,aAAa;;;;iBAIjC,mBAAmB;;;;cAItB,YAAY;qCACW,mBAAmB;;;;iBAIvC,qBAAqB;;;;;iBAKrB,2BAA2B;;;;;;;;;;;wCAWJ,YAAY;;;;;;;;;iBASnC,sBAAsB;;;;iBAItB,4BAA4B;;;8CAGC,YAAY;qCACrB,sBAAsB;;;8CAGb,YAAY;qCACrB,4BAA4B;;;;iBAIhD,8BAA8B;;;;;;CAM9C,CAAC","sourcesContent":["import { css } from '@microsoft/fast-element';\nimport { display } from '@microsoft/fast-foundation';\nimport { focusVisible } from '../utilities/style/focus';\nimport {\n    linkActiveDisabledFontColor,\n    linkActiveFontColor,\n    linkActiveProminentFontColor,\n    linkDisabledFontColor,\n    linkFont,\n    linkFontColor,\n    linkProminentDisabledFontColor,\n    linkProminentFontColor\n} from '../theme-provider/design-tokens';\n\nexport const styles = css`\n    ${display('inline')}\n\n    :host {\n        box-sizing: border-box;\n        font: ${linkFont};\n    }\n\n    .top-container {\n        display: contents;\n    }\n\n    [part='start'] {\n        display: none;\n    }\n\n    .control {\n        color: ${linkFontColor};\n        text-decoration: underline;\n    }\n\n    .control${focusVisible} {\n        display: inline;\n        outline: none;\n        box-shadow: inset 0px -1px ${linkFontColor};\n    }\n\n    .control:active {\n        color: ${linkActiveFontColor};\n        text-decoration: underline;\n    }\n\n    .control${focusVisible}:active {\n        box-shadow: inset 0px -1px ${linkActiveFontColor};\n    }\n\n    .control:not(:any-link) {\n        color: ${linkDisabledFontColor};\n        text-decoration: none;\n    }\n\n    .control:not(:any-link):active {\n        color: ${linkActiveDisabledFontColor};\n    }\n\n    :host([underline-hidden]) .control {\n        text-decoration: none;\n    }\n\n    :host([underline-hidden]) .control:hover {\n        text-decoration: underline;\n    }\n\n    :host([underline-hidden]) .control${focusVisible} {\n        text-decoration: underline;\n    }\n\n    :host([underline-hidden]) .control:not(:any-link) {\n        text-decoration: none;\n    }\n\n    :host([appearance='prominent']) .control {\n        color: ${linkProminentFontColor};\n    }\n\n    :host([appearance='prominent']) .control:active {\n        color: ${linkActiveProminentFontColor};\n    }\n\n    :host([appearance='prominent']) .control${focusVisible} {\n        box-shadow: inset 0px -1px ${linkProminentFontColor};\n    }\n\n    :host([appearance='prominent']) .control${focusVisible}:active {\n        box-shadow: inset 0px -1px ${linkActiveProminentFontColor};\n    }\n\n    :host([appearance='prominent']) .control:not(:any-link) {\n        color: ${linkProminentDisabledFontColor};\n    }\n\n    [part='end'] {\n        display: none;\n    }\n`;\n"]}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/anchor/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EACH,2BAA2B,EAC3B,mBAAmB,EACnB,4BAA4B,EAC5B,qBAAqB,EACrB,QAAQ,EACR,aAAa,EACb,8BAA8B,EAC9B,sBAAsB,EACzB,MAAM,iCAAiC,CAAC;AAEzC,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,QAAQ,CAAC;;;;gBAIP,QAAQ;;;;;;;;;;;;iBAYP,aAAa;;;;cAIhB,YAAY;;;qCAGW,aAAa;;;;iBAIjC,mBAAmB;;;;cAItB,YAAY;qCACW,mBAAmB;;;;iBAIvC,qBAAqB;;;;;iBAKrB,2BAA2B;;;;;;;;;;;wCAWJ,YAAY;;;;;;;;;iBASnC,sBAAsB;;;;iBAItB,4BAA4B;;;8CAGC,YAAY;qCACrB,sBAAsB;;;8CAGb,YAAY;qCACrB,4BAA4B;;;;iBAIhD,8BAA8B;;;;;;;;;;CAU9C,CAAC","sourcesContent":["import { css } from '@microsoft/fast-element';\nimport { display } from '@microsoft/fast-foundation';\nimport { focusVisible } from '../utilities/style/focus';\nimport {\n    linkActiveDisabledFontColor,\n    linkActiveFontColor,\n    linkActiveProminentFontColor,\n    linkDisabledFontColor,\n    linkFont,\n    linkFontColor,\n    linkProminentDisabledFontColor,\n    linkProminentFontColor\n} from '../theme-provider/design-tokens';\n\nexport const styles = css`\n    ${display('inline')}\n\n    :host {\n        box-sizing: border-box;\n        font: ${linkFont};\n    }\n\n    .top-container {\n        display: contents;\n    }\n\n    [part='start'] {\n        display: none;\n    }\n\n    .control {\n        color: ${linkFontColor};\n        text-decoration: underline;\n    }\n\n    .control${focusVisible} {\n        display: inline;\n        outline: none;\n        box-shadow: inset 0px -1px ${linkFontColor};\n    }\n\n    .control:active {\n        color: ${linkActiveFontColor};\n        text-decoration: underline;\n    }\n\n    .control${focusVisible}:active {\n        box-shadow: inset 0px -1px ${linkActiveFontColor};\n    }\n\n    .control:not(:any-link) {\n        color: ${linkDisabledFontColor};\n        text-decoration: none;\n    }\n\n    .control:not(:any-link):active {\n        color: ${linkActiveDisabledFontColor};\n    }\n\n    :host([underline-hidden]) .control {\n        text-decoration: none;\n    }\n\n    :host([underline-hidden]) .control:hover {\n        text-decoration: underline;\n    }\n\n    :host([underline-hidden]) .control${focusVisible} {\n        text-decoration: underline;\n    }\n\n    :host([underline-hidden]) .control:not(:any-link) {\n        text-decoration: none;\n    }\n\n    :host([appearance='prominent']) .control {\n        color: ${linkProminentFontColor};\n    }\n\n    :host([appearance='prominent']) .control:active {\n        color: ${linkActiveProminentFontColor};\n    }\n\n    :host([appearance='prominent']) .control${focusVisible} {\n        box-shadow: inset 0px -1px ${linkProminentFontColor};\n    }\n\n    :host([appearance='prominent']) .control${focusVisible}:active {\n        box-shadow: inset 0px -1px ${linkActiveProminentFontColor};\n    }\n\n    :host([appearance='prominent']) .control:not(:any-link) {\n        color: ${linkProminentDisabledFontColor};\n    }\n\n    .content {\n        pointer-events: none;\n    }\n\n    [part='end'] {\n        display: none;\n    }\n`;\n"]}

package/dist/esm/anchor-button/styles.js

@@ -7,5 +7,17 @@ export const styles = css `
     .control {
         text-decoration: none;
     }
+
+    [part='start'] {
+        pointer-events: none;
+    }
+
+    .content {
+        pointer-events: none;
+    }
+
+    [part='end'] {
+        pointer-events: none;
+    }
 `;
 //# sourceMappingURL=styles.js.map

package/dist/esm/anchor-button/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/anchor-button/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EACH,6BAA6B,EAC7B,MAAM,IAAI,YAAY,EACzB,MAAM,2BAA2B,CAAC;AAEnC,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,YAAY;MACZ,6BAA6B;;;;;CAKlC,CAAC","sourcesContent":["import { css } from '@microsoft/fast-element';\nimport {\n    buttonAppearanceVariantStyles,\n    styles as buttonStyles\n} from '../patterns/button/styles';\n\nexport const styles = css`\n    ${buttonStyles}\n    ${buttonAppearanceVariantStyles}\n\n    .control {\n        text-decoration: none;\n    }\n`;\n"]}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/anchor-button/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EACH,6BAA6B,EAC7B,MAAM,IAAI,YAAY,EACzB,MAAM,2BAA2B,CAAC;AAEnC,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,YAAY;MACZ,6BAA6B;;;;;;;;;;;;;;;;;CAiBlC,CAAC","sourcesContent":["import { css } from '@microsoft/fast-element';\nimport {\n    buttonAppearanceVariantStyles,\n    styles as buttonStyles\n} from '../patterns/button/styles';\n\nexport const styles = css`\n    ${buttonStyles}\n    ${buttonAppearanceVariantStyles}\n\n    .control {\n        text-decoration: none;\n    }\n\n    [part='start'] {\n        pointer-events: none;\n    }\n\n    .content {\n        pointer-events: none;\n    }\n\n    [part='end'] {\n        pointer-events: none;\n    }\n`;\n"]}

package/dist/esm/anchor-menu-item/styles.js

@@ -57,6 +57,7 @@ export const styles = css `
 
     [part='start'] {
         display: contents;
+        pointer-events: none;
     }
 
     slot[name='start']::slotted(*) {
@@ -69,6 +70,10 @@ export const styles = css `
         grid-column: 1;
     }
 
+    .content {
+        pointer-events: none;
+    }
+
     :host(.indent-1) .content {
         grid-column: 2;
     }

package/dist/esm/anchor-menu-item/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/anchor-menu-item/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAErD,OAAO,EACH,qBAAqB,EACrB,QAAQ,EACR,aAAa,EACb,gBAAgB,EAChB,aAAa,EACb,cAAc,EACd,iBAAiB,EACjB,SAAS,EACT,QAAQ,EACX,MAAM,iCAAiC,CAAC;AAEzC,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,MAAM,CAAC;;;gBAGL,QAAQ;;;;6BAIK,gBAAgB;;;;;sBAKvB,cAAc;;;;sBAId,iBAAiB;;;;;;;;;;;;kBAYrB,aAAa;;;;;;;;iBAQd,aAAa;;;;;;;;iBAQb,qBAAqB;;;;;;iCAML,QAAQ;;;;;;;;UAQ/B,SAAS,CAAC,iBAAiB;iBACpB,QAAQ;kBACP,QAAQ;;;;;;;;;;;;;;CAczB,CAAC","sourcesContent":["import { css } from '@microsoft/fast-element';\nimport { display } from '@microsoft/fast-foundation';\n\nimport {\n    bodyDisabledFontColor,\n    bodyFont,\n    bodyFontColor,\n    borderHoverColor,\n    controlHeight,\n    fillHoverColor,\n    fillSelectedColor,\n    iconColor,\n    iconSize\n} from '../theme-provider/design-tokens';\n\nexport const styles = css`\n    ${display('grid')}\n\n    :host {\n        font: ${bodyFont};\n    }\n\n    :host(:focus-within:not(:active)) {\n        outline: 2px solid ${borderHoverColor};\n        outline-offset: -2px;\n    }\n\n    :host(:hover) {\n        background: ${fillHoverColor};\n    }\n\n    :host(:active) {\n        background: ${fillSelectedColor};\n    }\n\n    :host([disabled]) {\n        background: transparent;\n    }\n\n    a {\n        display: grid;\n        contain: layout;\n        overflow: visible;\n        box-sizing: border-box;\n        height: ${controlHeight};\n        grid-template-columns: 1fr;\n        column-gap: 8px;\n        grid-template-rows: 1fr;\n        justify-items: start;\n        align-items: center;\n        margin: 0 0;\n        white-space: nowrap;\n        color: ${bodyFontColor};\n        fill: currentcolor;\n        cursor: pointer;\n        text-decoration: none;\n        outline: none;\n    }\n\n    :host([disabled]) a {\n        color: ${bodyDisabledFontColor};\n        fill: currentcolor;\n        cursor: default;\n    }\n\n    :host(.indent-1) a {\n        grid-template-columns: ${iconSize} 1fr;\n    }\n\n    [part='start'] {\n        display: contents;\n    }\n\n    slot[name='start']::slotted(*) {\n        ${iconColor.cssCustomProperty}: currentcolor;\n        width: ${iconSize};\n        height: ${iconSize};\n    }\n\n    :host(.indent-1) [part='start'] {\n        grid-column: 1;\n    }\n\n    :host(.indent-1) .content {\n        grid-column: 2;\n    }\n\n    [part='end'] {\n        display: none;\n    }\n`;\n"]}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/anchor-menu-item/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAErD,OAAO,EACH,qBAAqB,EACrB,QAAQ,EACR,aAAa,EACb,gBAAgB,EAChB,aAAa,EACb,cAAc,EACd,iBAAiB,EACjB,SAAS,EACT,QAAQ,EACX,MAAM,iCAAiC,CAAC;AAEzC,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,MAAM,CAAC;;;gBAGL,QAAQ;;;;6BAIK,gBAAgB;;;;;sBAKvB,cAAc;;;;sBAId,iBAAiB;;;;;;;;;;;;kBAYrB,aAAa;;;;;;;;iBAQd,aAAa;;;;;;;;iBAQb,qBAAqB;;;;;;iCAML,QAAQ;;;;;;;;;UAS/B,SAAS,CAAC,iBAAiB;iBACpB,QAAQ;kBACP,QAAQ;;;;;;;;;;;;;;;;;;CAkBzB,CAAC","sourcesContent":["import { css } from '@microsoft/fast-element';\nimport { display } from '@microsoft/fast-foundation';\n\nimport {\n    bodyDisabledFontColor,\n    bodyFont,\n    bodyFontColor,\n    borderHoverColor,\n    controlHeight,\n    fillHoverColor,\n    fillSelectedColor,\n    iconColor,\n    iconSize\n} from '../theme-provider/design-tokens';\n\nexport const styles = css`\n    ${display('grid')}\n\n    :host {\n        font: ${bodyFont};\n    }\n\n    :host(:focus-within:not(:active)) {\n        outline: 2px solid ${borderHoverColor};\n        outline-offset: -2px;\n    }\n\n    :host(:hover) {\n        background: ${fillHoverColor};\n    }\n\n    :host(:active) {\n        background: ${fillSelectedColor};\n    }\n\n    :host([disabled]) {\n        background: transparent;\n    }\n\n    a {\n        display: grid;\n        contain: layout;\n        overflow: visible;\n        box-sizing: border-box;\n        height: ${controlHeight};\n        grid-template-columns: 1fr;\n        column-gap: 8px;\n        grid-template-rows: 1fr;\n        justify-items: start;\n        align-items: center;\n        margin: 0 0;\n        white-space: nowrap;\n        color: ${bodyFontColor};\n        fill: currentcolor;\n        cursor: pointer;\n        text-decoration: none;\n        outline: none;\n    }\n\n    :host([disabled]) a {\n        color: ${bodyDisabledFontColor};\n        fill: currentcolor;\n        cursor: default;\n    }\n\n    :host(.indent-1) a {\n        grid-template-columns: ${iconSize} 1fr;\n    }\n\n    [part='start'] {\n        display: contents;\n        pointer-events: none;\n    }\n\n    slot[name='start']::slotted(*) {\n        ${iconColor.cssCustomProperty}: currentcolor;\n        width: ${iconSize};\n        height: ${iconSize};\n    }\n\n    :host(.indent-1) [part='start'] {\n        grid-column: 1;\n    }\n\n    .content {\n        pointer-events: none;\n    }\n\n    :host(.indent-1) .content {\n        grid-column: 2;\n    }\n\n    [part='end'] {\n        display: none;\n    }\n`;\n"]}

package/dist/esm/anchor-tab/styles.js

@@ -39,6 +39,7 @@ export const styles = css `
     }
 
     slot:not([name]) {
+        pointer-events: none;
         display: block;
         padding: ${mediumPadding} ${standardPadding}
             calc(${mediumPadding} - ${borderWidth});

package/dist/esm/anchor-tab/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/anchor-tab/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EACH,qBAAqB,EACrB,aAAa,EACb,gBAAgB,EAChB,WAAW,EACX,eAAe,EACf,aAAa,EACb,cAAc,EACd,sBAAsB,EACtB,UAAU,EACV,aAAa,EACb,eAAe,EAClB,MAAM,iCAAiC,CAAC;AAEzC,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,aAAa,CAAC;;;;;gBAKZ,eAAe;kBACb,aAAa;iBACd,aAAa;;;;;;;;;;;4BAWF,cAAc;;;;4BAId,sBAAsB;;;;;;;;;iBASjC,qBAAqB;;;;;;mBAMnB,aAAa,IAAI,eAAe;mBAChC,aAAa,MAAM,WAAW;;;;;;;;;;;;yBAYxB,gBAAgB;;4BAEb,UAAU;;;;;;;;;OAS/B,YAAY;;;;;;;;;;;;;;;;;;;;yBAoBM,gBAAgB;;4BAEb,UAAU;;;;;;;;;OAS/B,YAAY;;;;;;;;;;;oCAWiB,gBAAgB;;;;;;;;;;CAUnD,CAAC","sourcesContent":["import { css } from '@microsoft/fast-element';\nimport { display } from '@microsoft/fast-foundation';\nimport { focusVisible } from '../utilities/style/focus';\nimport {\n    bodyDisabledFontColor,\n    bodyFontColor,\n    borderHoverColor,\n    borderWidth,\n    buttonLabelFont,\n    controlHeight,\n    fillHoverColor,\n    fillHoverSelectedColor,\n    smallDelay,\n    mediumPadding,\n    standardPadding\n} from '../theme-provider/design-tokens';\n\nexport const styles = css`\n    ${display('inline-flex')}\n\n    :host {\n        position: relative;\n        box-sizing: border-box;\n        font: ${buttonLabelFont};\n        height: ${controlHeight};\n        color: ${bodyFontColor};\n        align-items: center;\n        justify-content: center;\n        cursor: pointer;\n        --ni-private-active-indicator-width: 2px;\n        --ni-private-focus-indicator-width: 1px;\n        --ni-private-indicator-lines-gap: 1px;\n        --ni-private-focus-indicator-inset-width: 3px;\n    }\n\n    :host(:hover) {\n        background-color: ${fillHoverColor};\n    }\n\n    :host(:hover[aria-current]) {\n        background-color: ${fillHoverSelectedColor};\n    }\n\n    :host(:active) {\n        background: none;\n    }\n\n    :host([disabled]) {\n        cursor: default;\n        color: ${bodyDisabledFontColor};\n        background: none;\n    }\n\n    slot:not([name]) {\n        display: block;\n        padding: ${mediumPadding} ${standardPadding}\n            calc(${mediumPadding} - ${borderWidth});\n    }\n\n    a::before {\n        content: '';\n        position: absolute;\n        bottom: calc(\n            var(--ni-private-active-indicator-width) +\n                var(--ni-private-indicator-lines-gap)\n        );\n        width: 0px;\n        height: 0px;\n        border-bottom: ${borderHoverColor}\n            var(--ni-private-focus-indicator-width) solid;\n        transition: width ${smallDelay} ease-in;\n    }\n\n    @media (prefers-reduced-motion) {\n        a::before {\n            transition-duration: 0s;\n        }\n    }\n\n    a${focusVisible}::before {\n        width: calc(100% - 2 * var(--ni-private-focus-indicator-inset-width));\n    }\n\n    a {\n        display: inline-flex;\n        text-decoration: none;\n        color: inherit;\n        cursor: inherit;\n        outline: none;\n        align-items: center;\n        justify-content: center;\n    }\n\n    a::after {\n        content: '';\n        position: absolute;\n        bottom: 0px;\n        width: 0px;\n        height: 0px;\n        border-bottom: ${borderHoverColor}\n            var(--ni-private-active-indicator-width) solid;\n        transition: width ${smallDelay} ease-in;\n    }\n\n    @media (prefers-reduced-motion) {\n        a::after {\n            transition-duration: 0s;\n        }\n    }\n\n    a${focusVisible}::after {\n        width: 100%;\n        border-bottom-width: var(--ni-private-focus-indicator-width);\n    }\n\n    :host([aria-current]) a::after {\n        width: 100%;\n        border-bottom-width: var(--ni-private-active-indicator-width);\n    }\n\n    :host([disabled][aria-current]) a::after {\n        border-bottom-color: rgba(${borderHoverColor}, 0.3);\n    }\n\n    [part='start'] {\n        display: none;\n    }\n\n    [part='end'] {\n        display: none;\n    }\n`;\n"]}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/anchor-tab/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EACH,qBAAqB,EACrB,aAAa,EACb,gBAAgB,EAChB,WAAW,EACX,eAAe,EACf,aAAa,EACb,cAAc,EACd,sBAAsB,EACtB,UAAU,EACV,aAAa,EACb,eAAe,EAClB,MAAM,iCAAiC,CAAC;AAEzC,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,aAAa,CAAC;;;;;gBAKZ,eAAe;kBACb,aAAa;iBACd,aAAa;;;;;;;;;;;4BAWF,cAAc;;;;4BAId,sBAAsB;;;;;;;;;iBASjC,qBAAqB;;;;;;;mBAOnB,aAAa,IAAI,eAAe;mBAChC,aAAa,MAAM,WAAW;;;;;;;;;;;;yBAYxB,gBAAgB;;4BAEb,UAAU;;;;;;;;;OAS/B,YAAY;;;;;;;;;;;;;;;;;;;;yBAoBM,gBAAgB;;4BAEb,UAAU;;;;;;;;;OAS/B,YAAY;;;;;;;;;;;oCAWiB,gBAAgB;;;;;;;;;;CAUnD,CAAC","sourcesContent":["import { css } from '@microsoft/fast-element';\nimport { display } from '@microsoft/fast-foundation';\nimport { focusVisible } from '../utilities/style/focus';\nimport {\n    bodyDisabledFontColor,\n    bodyFontColor,\n    borderHoverColor,\n    borderWidth,\n    buttonLabelFont,\n    controlHeight,\n    fillHoverColor,\n    fillHoverSelectedColor,\n    smallDelay,\n    mediumPadding,\n    standardPadding\n} from '../theme-provider/design-tokens';\n\nexport const styles = css`\n    ${display('inline-flex')}\n\n    :host {\n        position: relative;\n        box-sizing: border-box;\n        font: ${buttonLabelFont};\n        height: ${controlHeight};\n        color: ${bodyFontColor};\n        align-items: center;\n        justify-content: center;\n        cursor: pointer;\n        --ni-private-active-indicator-width: 2px;\n        --ni-private-focus-indicator-width: 1px;\n        --ni-private-indicator-lines-gap: 1px;\n        --ni-private-focus-indicator-inset-width: 3px;\n    }\n\n    :host(:hover) {\n        background-color: ${fillHoverColor};\n    }\n\n    :host(:hover[aria-current]) {\n        background-color: ${fillHoverSelectedColor};\n    }\n\n    :host(:active) {\n        background: none;\n    }\n\n    :host([disabled]) {\n        cursor: default;\n        color: ${bodyDisabledFontColor};\n        background: none;\n    }\n\n    slot:not([name]) {\n        pointer-events: none;\n        display: block;\n        padding: ${mediumPadding} ${standardPadding}\n            calc(${mediumPadding} - ${borderWidth});\n    }\n\n    a::before {\n        content: '';\n        position: absolute;\n        bottom: calc(\n            var(--ni-private-active-indicator-width) +\n                var(--ni-private-indicator-lines-gap)\n        );\n        width: 0px;\n        height: 0px;\n        border-bottom: ${borderHoverColor}\n            var(--ni-private-focus-indicator-width) solid;\n        transition: width ${smallDelay} ease-in;\n    }\n\n    @media (prefers-reduced-motion) {\n        a::before {\n            transition-duration: 0s;\n        }\n    }\n\n    a${focusVisible}::before {\n        width: calc(100% - 2 * var(--ni-private-focus-indicator-inset-width));\n    }\n\n    a {\n        display: inline-flex;\n        text-decoration: none;\n        color: inherit;\n        cursor: inherit;\n        outline: none;\n        align-items: center;\n        justify-content: center;\n    }\n\n    a::after {\n        content: '';\n        position: absolute;\n        bottom: 0px;\n        width: 0px;\n        height: 0px;\n        border-bottom: ${borderHoverColor}\n            var(--ni-private-active-indicator-width) solid;\n        transition: width ${smallDelay} ease-in;\n    }\n\n    @media (prefers-reduced-motion) {\n        a::after {\n            transition-duration: 0s;\n        }\n    }\n\n    a${focusVisible}::after {\n        width: 100%;\n        border-bottom-width: var(--ni-private-focus-indicator-width);\n    }\n\n    :host([aria-current]) a::after {\n        width: 100%;\n        border-bottom-width: var(--ni-private-active-indicator-width);\n    }\n\n    :host([disabled][aria-current]) a::after {\n        border-bottom-color: rgba(${borderHoverColor}, 0.3);\n    }\n\n    [part='start'] {\n        display: none;\n    }\n\n    [part='end'] {\n        display: none;\n    }\n`;\n"]}

package/dist/esm/anchor-tree-item/styles.js

@@ -84,6 +84,7 @@ export const styles = css `
 /* this rule keeps children without an icon text aligned with parents */ ''}
     [part="start"] {
         width: ${iconSize};
+        pointer-events: none;
     }
 
     ${ /* the start class is applied when the corresponding slot is filled */''}
@@ -99,6 +100,10 @@ export const styles = css `
         height: ${iconSize};
     }
 
+    .content {
+        pointer-events: none;
+    }
+
     [part='end'] {
         display: none;
     }

package/dist/esm/anchor-tree-item/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/anchor-tree-item/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EACH,cAAc,EACd,cAAc,EACd,aAAa,EACb,gBAAgB,EAChB,WAAW,EACX,QAAQ,EACR,cAAc,EACd,sBAAsB,EACtB,iBAAiB,EACjB,YAAY,EACZ,qBAAqB,EACrB,SAAS,EACZ,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAEhE,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,OAAO,CAAC;;;UAGZ;AACE,yEAAyE,CAAC,EAC9E;uBACe,cAAc;uBACd,cAAc;;;;iBAIpB,aAAa;;;;;;iBAMb,qBAAqB;;;;;;;;;;cAUxB,YAAY;kCACQ,WAAW,IAAI,gBAAgB;mBAC9C,WAAW,UAAU,gBAAgB;;;;;;;;uBAQjC,QAAQ;;;;;sBAKT,cAAc;;;;;;;;sBAQd,iBAAiB;;;;sBAIjB,sBAAsB;;;;;;;;;;;;;;;;;qBAiBvB,YAAY;UACvB,cAAc;;+BAEO,QAAQ;;;MAGjC;AACE,wEAAwE,CAAC,EAC7E;;iBAEa,QAAQ;;;MAGnB,CAAA,sEAAuE,EAAE;;;+BAGhD,QAAQ;6BACV,QAAQ;;;;UAI3B,SAAS,CAAC,iBAAiB;iBACpB,QAAQ;kBACP,QAAQ;;;;;;CAMzB,CAAC","sourcesContent":["import { css } from '@microsoft/fast-element';\nimport { display } from '@microsoft/fast-foundation';\nimport {\n    bodyFontFamily,\n    bodyFontWeight,\n    bodyFontColor,\n    borderHoverColor,\n    borderWidth,\n    iconSize,\n    fillHoverColor,\n    fillHoverSelectedColor,\n    fillSelectedColor,\n    bodyFontSize,\n    bodyDisabledFontColor,\n    iconColor\n} from '../theme-provider/design-tokens';\nimport { focusVisible } from '../utilities/style/focus';\nimport { userSelectNone } from '../utilities/style/user-select';\n\nexport const styles = css`\n    ${display('block')}\n\n    :host {\n        ${\n            /* don't set font-size here or else it overrides what we set on .items */ ''\n        }\n        font-family: ${bodyFontFamily};\n        font-weight: ${bodyFontWeight};\n        contain: content;\n        position: relative;\n        outline: none;\n        color: ${bodyFontColor};\n        cursor: pointer;\n        --ni-private-tree-item-nested-width: 0;\n    }\n\n    :host([disabled]) {\n        color: ${bodyDisabledFontColor};\n        cursor: default;\n    }\n\n    .control {\n        display: flex;\n        text-decoration: none;\n        color: inherit;\n    }\n\n    .control${focusVisible} {\n        box-shadow: 0px 0px 0px ${borderWidth} ${borderHoverColor} inset;\n        outline: ${borderWidth} solid ${borderHoverColor};\n        outline-offset: -2px;\n    }\n\n    .positioning-region {\n        display: flex;\n        position: relative;\n        box-sizing: border-box;\n        height: calc(${iconSize} * 2);\n        width: 100%;\n    }\n\n    .positioning-region:hover {\n        background: ${fillHoverColor};\n    }\n\n    :host([disabled]) .positioning-region:hover {\n        background: transparent;\n    }\n\n    :host([selected]) .positioning-region {\n        background: ${fillSelectedColor};\n    }\n\n    :host([selected]) .positioning-region:hover {\n        background: ${fillHoverSelectedColor};\n    }\n\n    .positioning-region::before {\n        content: '';\n        display: block;\n        width: var(--ni-private-tree-item-nested-width);\n        flex-shrink: 0;\n    }\n\n    .content-region {\n        display: inline-flex;\n        align-items: center;\n        white-space: nowrap;\n        width: 100%;\n        padding-left: 10px;\n        font: inherit;\n        font-size: ${bodyFontSize};\n        ${userSelectNone}\n        position: relative;\n        margin-inline-start: ${iconSize};\n    }\n\n    ${\n        /* this rule keeps children without an icon text aligned with parents */ ''\n    }\n    [part=\"start\"] {\n        width: ${iconSize};\n    }\n\n    ${/* the start class is applied when the corresponding slot is filled */ ''}\n    .start {\n        display: flex;\n        margin-inline-start: ${iconSize};\n        margin-inline-end: ${iconSize};\n    }\n\n    slot[name='start']::slotted(*) {\n        ${iconColor.cssCustomProperty}: currentcolor;\n        width: ${iconSize};\n        height: ${iconSize};\n    }\n\n    [part='end'] {\n        display: none;\n    }\n`;\n"]}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/anchor-tree-item/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EACH,cAAc,EACd,cAAc,EACd,aAAa,EACb,gBAAgB,EAChB,WAAW,EACX,QAAQ,EACR,cAAc,EACd,sBAAsB,EACtB,iBAAiB,EACjB,YAAY,EACZ,qBAAqB,EACrB,SAAS,EACZ,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAEhE,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,OAAO,CAAC;;;UAGZ;AACE,yEAAyE,CAAC,EAC9E;uBACe,cAAc;uBACd,cAAc;;;;iBAIpB,aAAa;;;;;;iBAMb,qBAAqB;;;;;;;;;;cAUxB,YAAY;kCACQ,WAAW,IAAI,gBAAgB;mBAC9C,WAAW,UAAU,gBAAgB;;;;;;;;uBAQjC,QAAQ;;;;;sBAKT,cAAc;;;;;;;;sBAQd,iBAAiB;;;;sBAIjB,sBAAsB;;;;;;;;;;;;;;;;;qBAiBvB,YAAY;UACvB,cAAc;;+BAEO,QAAQ;;;MAGjC;AACE,wEAAwE,CAAC,EAC7E;;iBAEa,QAAQ;;;;MAInB,CAAA,sEAAuE,EAAE;;;+BAGhD,QAAQ;6BACV,QAAQ;;;;UAI3B,SAAS,CAAC,iBAAiB;iBACpB,QAAQ;kBACP,QAAQ;;;;;;;;;;CAUzB,CAAC","sourcesContent":["import { css } from '@microsoft/fast-element';\nimport { display } from '@microsoft/fast-foundation';\nimport {\n    bodyFontFamily,\n    bodyFontWeight,\n    bodyFontColor,\n    borderHoverColor,\n    borderWidth,\n    iconSize,\n    fillHoverColor,\n    fillHoverSelectedColor,\n    fillSelectedColor,\n    bodyFontSize,\n    bodyDisabledFontColor,\n    iconColor\n} from '../theme-provider/design-tokens';\nimport { focusVisible } from '../utilities/style/focus';\nimport { userSelectNone } from '../utilities/style/user-select';\n\nexport const styles = css`\n    ${display('block')}\n\n    :host {\n        ${\n            /* don't set font-size here or else it overrides what we set on .items */ ''\n        }\n        font-family: ${bodyFontFamily};\n        font-weight: ${bodyFontWeight};\n        contain: content;\n        position: relative;\n        outline: none;\n        color: ${bodyFontColor};\n        cursor: pointer;\n        --ni-private-tree-item-nested-width: 0;\n    }\n\n    :host([disabled]) {\n        color: ${bodyDisabledFontColor};\n        cursor: default;\n    }\n\n    .control {\n        display: flex;\n        text-decoration: none;\n        color: inherit;\n    }\n\n    .control${focusVisible} {\n        box-shadow: 0px 0px 0px ${borderWidth} ${borderHoverColor} inset;\n        outline: ${borderWidth} solid ${borderHoverColor};\n        outline-offset: -2px;\n    }\n\n    .positioning-region {\n        display: flex;\n        position: relative;\n        box-sizing: border-box;\n        height: calc(${iconSize} * 2);\n        width: 100%;\n    }\n\n    .positioning-region:hover {\n        background: ${fillHoverColor};\n    }\n\n    :host([disabled]) .positioning-region:hover {\n        background: transparent;\n    }\n\n    :host([selected]) .positioning-region {\n        background: ${fillSelectedColor};\n    }\n\n    :host([selected]) .positioning-region:hover {\n        background: ${fillHoverSelectedColor};\n    }\n\n    .positioning-region::before {\n        content: '';\n        display: block;\n        width: var(--ni-private-tree-item-nested-width);\n        flex-shrink: 0;\n    }\n\n    .content-region {\n        display: inline-flex;\n        align-items: center;\n        white-space: nowrap;\n        width: 100%;\n        padding-left: 10px;\n        font: inherit;\n        font-size: ${bodyFontSize};\n        ${userSelectNone}\n        position: relative;\n        margin-inline-start: ${iconSize};\n    }\n\n    ${\n        /* this rule keeps children without an icon text aligned with parents */ ''\n    }\n    [part=\"start\"] {\n        width: ${iconSize};\n        pointer-events: none;\n    }\n\n    ${/* the start class is applied when the corresponding slot is filled */ ''}\n    .start {\n        display: flex;\n        margin-inline-start: ${iconSize};\n        margin-inline-end: ${iconSize};\n    }\n\n    slot[name='start']::slotted(*) {\n        ${iconColor.cssCustomProperty}: currentcolor;\n        width: ${iconSize};\n        height: ${iconSize};\n    }\n\n    .content {\n        pointer-events: none;\n    }\n\n    [part='end'] {\n        display: none;\n    }\n`;\n"]}

package/dist/esm/breadcrumb-item/styles.js

@@ -51,6 +51,10 @@ export const styles = css `
         display: none;
     }
 
+    .content {
+        pointer-events: none;
+    }
+
     [part='end'] {
         display: none;
     }

package/dist/esm/breadcrumb-item/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/breadcrumb-item/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EACH,aAAa,EACb,gBAAgB,EAChB,WAAW,EACX,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,oBAAoB,EACvB,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAExD,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,aAAa,CAAC;;;kBAGV,aAAa;;mCAEI,WAAW;;UAEpC;AACE;mDACmD,CAAC,EACxD;iBACS,aAAa;gBACd,QAAQ;;;;;;;;;;;;;kBAaN,WAAW;oCACO,WAAW;;;;;;;;cAQjC,YAAY;kBACR,WAAW,UAAU,gBAAgB;6BAC1B,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;iBAuB5B,QAAQ;kBACP,QAAQ;gBACV,oBAAoB;;CAEnC,CAAC","sourcesContent":["import { css } from '@microsoft/fast-element';\nimport { display } from '@microsoft/fast-foundation';\nimport {\n    bodyFontColor,\n    borderHoverColor,\n    borderWidth,\n    controlHeight,\n    iconSize,\n    linkFont,\n    placeholderFontColor\n} from '../theme-provider/design-tokens';\nimport { focusVisible } from '../utilities/style/focus';\n\nexport const styles = css`\n    ${display('inline-flex')}\n\n    :host {\n        height: ${controlHeight};\n        box-sizing: border-box;\n        padding-left: calc(4px - ${borderWidth});\n\n        ${\n            /* When href removed the .control element is also removed\n             so this becomes the fallback color for the slot */ ''\n        }\n        color: ${bodyFontColor};\n        font: ${linkFont};\n    }\n\n    .listitem {\n        display: flex;\n        align-items: center;\n    }\n\n    .control {\n        color: var(--ni-private-breadcrumb-link-font-color);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border: ${borderWidth} solid transparent;\n        padding-right: calc(4px - ${borderWidth});\n        text-decoration: none;\n    }\n\n    .control:hover {\n        text-decoration: underline;\n    }\n\n    .control${focusVisible} {\n        border: ${borderWidth} solid ${borderHoverColor};\n        outline: 2px solid ${borderHoverColor};\n        outline-offset: 1px;\n    }\n\n    .control:active {\n        color: var(--ni-private-breadcrumb-link-active-font-color);\n        text-decoration: underline;\n    }\n\n    [part='start'] {\n        display: none;\n    }\n\n    [part='end'] {\n        display: none;\n    }\n\n    slot[name='separator'] {\n        display: flex;\n        align-items: center;\n    }\n\n    slot[name='separator'] svg {\n        width: ${iconSize};\n        height: ${iconSize};\n        fill: ${placeholderFontColor};\n    }\n`;\n"]}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/breadcrumb-item/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EACH,aAAa,EACb,gBAAgB,EAChB,WAAW,EACX,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,oBAAoB,EACvB,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAExD,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,OAAO,CAAC,aAAa,CAAC;;;kBAGV,aAAa;;mCAEI,WAAW;;UAEpC;AACE;mDACmD,CAAC,EACxD;iBACS,aAAa;gBACd,QAAQ;;;;;;;;;;;;;kBAaN,WAAW;oCACO,WAAW;;;;;;;;cAQjC,YAAY;kBACR,WAAW,UAAU,gBAAgB;6BAC1B,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;iBA2B5B,QAAQ;kBACP,QAAQ;gBACV,oBAAoB;;CAEnC,CAAC","sourcesContent":["import { css } from '@microsoft/fast-element';\nimport { display } from '@microsoft/fast-foundation';\nimport {\n    bodyFontColor,\n    borderHoverColor,\n    borderWidth,\n    controlHeight,\n    iconSize,\n    linkFont,\n    placeholderFontColor\n} from '../theme-provider/design-tokens';\nimport { focusVisible } from '../utilities/style/focus';\n\nexport const styles = css`\n    ${display('inline-flex')}\n\n    :host {\n        height: ${controlHeight};\n        box-sizing: border-box;\n        padding-left: calc(4px - ${borderWidth});\n\n        ${\n            /* When href removed the .control element is also removed\n             so this becomes the fallback color for the slot */ ''\n        }\n        color: ${bodyFontColor};\n        font: ${linkFont};\n    }\n\n    .listitem {\n        display: flex;\n        align-items: center;\n    }\n\n    .control {\n        color: var(--ni-private-breadcrumb-link-font-color);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border: ${borderWidth} solid transparent;\n        padding-right: calc(4px - ${borderWidth});\n        text-decoration: none;\n    }\n\n    .control:hover {\n        text-decoration: underline;\n    }\n\n    .control${focusVisible} {\n        border: ${borderWidth} solid ${borderHoverColor};\n        outline: 2px solid ${borderHoverColor};\n        outline-offset: 1px;\n    }\n\n    .control:active {\n        color: var(--ni-private-breadcrumb-link-active-font-color);\n        text-decoration: underline;\n    }\n\n    [part='start'] {\n        display: none;\n    }\n\n    .content {\n        pointer-events: none;\n    }\n\n    [part='end'] {\n        display: none;\n    }\n\n    slot[name='separator'] {\n        display: flex;\n        align-items: center;\n    }\n\n    slot[name='separator'] svg {\n        width: ${iconSize};\n        height: ${iconSize};\n        fill: ${placeholderFontColor};\n    }\n`;\n"]}

package/dist/esm/label-provider/table/index.d.ts

@@ -19,6 +19,8 @@ declare const supportedLabels: {
     readonly rowSelect: import("@microsoft/fast-foundation").DesignToken<string>;
     readonly rowOperationColumn: import("@microsoft/fast-foundation").DesignToken<string>;
     readonly rowLoading: import("@microsoft/fast-foundation").DesignToken<string>;
+    readonly groupRowPlaceholderNoValue: import("@microsoft/fast-foundation").DesignToken<string>;
+    readonly groupRowPlaceholderEmpty: import("@microsoft/fast-foundation").DesignToken<string>;
 };
 /**
  * Label provider for the Nimble table (and its sub-components and columns)
@@ -38,6 +40,8 @@ export declare class LabelProviderTable extends LabelProviderBase<typeof support
     rowSelect: string | undefined;
     rowOperationColumn: string | undefined;
     rowLoading: string | undefined;
+    groupRowPlaceholderNoValue: string | undefined;
+    groupRowPlaceholderEmpty: string | undefined;
     protected readonly supportedLabels: {
         readonly groupCollapse: import("@microsoft/fast-foundation").DesignToken<string>;
         readonly groupExpand: import("@microsoft/fast-foundation").DesignToken<string>;
@@ -53,6 +57,8 @@ export declare class LabelProviderTable extends LabelProviderBase<typeof support
         readonly rowSelect: import("@microsoft/fast-foundation").DesignToken<string>;
         readonly rowOperationColumn: import("@microsoft/fast-foundation").DesignToken<string>;
         readonly rowLoading: import("@microsoft/fast-foundation").DesignToken<string>;
+        readonly groupRowPlaceholderNoValue: import("@microsoft/fast-foundation").DesignToken<string>;
+        readonly groupRowPlaceholderEmpty: import("@microsoft/fast-foundation").DesignToken<string>;
     };
 }
 export declare const labelProviderTableTag = "nimble-label-provider-table";

package/dist/esm/label-provider/table/index.js

@@ -2,7 +2,7 @@ import { __decorate } from "tslib";
 import { attr } from '@microsoft/fast-element';
 import { DesignSystem } from '@microsoft/fast-foundation';
 import { LabelProviderBase } from '../base';
-import { tableCellActionMenuLabel, tableColumnHeaderGroupedLabel, tableColumnHeaderSortedAscendingLabel, tableColumnHeaderSortedDescendingLabel, tableGroupCollapseLabel, tableGroupExpandLabel, tableGroupSelectAllLabel, tableCollapseAllLabel, tableRowCollapseLabel, tableRowExpandLabel, tableRowOperationColumnLabel, tableRowSelectLabel, tableSelectAllLabel, tableRowLoadingLabel } from './label-tokens';
+import { tableCellActionMenuLabel, tableColumnHeaderGroupedLabel, tableColumnHeaderSortedAscendingLabel, tableColumnHeaderSortedDescendingLabel, tableGroupCollapseLabel, tableGroupExpandLabel, tableGroupSelectAllLabel, tableCollapseAllLabel, tableRowCollapseLabel, tableRowExpandLabel, tableRowOperationColumnLabel, tableRowSelectLabel, tableSelectAllLabel, tableRowLoadingLabel, tableGroupRowPlaceholderEmptyLabel, tableGroupRowPlaceholderNoValueLabel } from './label-tokens';
 const supportedLabels = {
     groupCollapse: tableGroupCollapseLabel,
     groupExpand: tableGroupExpandLabel,
@@ -17,7 +17,9 @@ const supportedLabels = {
     groupSelectAll: tableGroupSelectAllLabel,
     rowSelect: tableRowSelectLabel,
     rowOperationColumn: tableRowOperationColumnLabel,
-    rowLoading: tableRowLoadingLabel
+    rowLoading: tableRowLoadingLabel,
+    groupRowPlaceholderNoValue: tableGroupRowPlaceholderNoValueLabel,
+    groupRowPlaceholderEmpty: tableGroupRowPlaceholderEmptyLabel
 };
 /**
  * Label provider for the Nimble table (and its sub-components and columns)
@@ -70,6 +72,12 @@ __decorate([
 __decorate([
     attr({ attribute: 'row-loading' })
 ], LabelProviderTable.prototype, "rowLoading", void 0);
+__decorate([
+    attr({ attribute: 'group-row-placeholder-no-value' })
+], LabelProviderTable.prototype, "groupRowPlaceholderNoValue", void 0);
+__decorate([
+    attr({ attribute: 'group-row-placeholder-empty' })
+], LabelProviderTable.prototype, "groupRowPlaceholderEmpty", void 0);
 const nimbleLabelProviderTable = LabelProviderTable.compose({
     baseName: 'label-provider-table'
 });

package/dist/esm/label-provider/table/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/label-provider/table/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAmB,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAC7D,OAAO,EACH,wBAAwB,EACxB,6BAA6B,EAC7B,qCAAqC,EACrC,sCAAsC,EACtC,uBAAuB,EACvB,qBAAqB,EACrB,wBAAwB,EACxB,qBAAqB,EACrB,qBAAqB,EACrB,mBAAmB,EACnB,4BAA4B,EAC5B,mBAAmB,EACnB,mBAAmB,EACnB,oBAAoB,EACvB,MAAM,gBAAgB,CAAC;AAQxB,MAAM,eAAe,GAAG;IACpB,aAAa,EAAE,uBAAuB;IACtC,WAAW,EAAE,qBAAqB;IAClC,WAAW,EAAE,qBAAqB;IAClC,SAAS,EAAE,mBAAmB;IAC9B,WAAW,EAAE,qBAAqB;IAClC,cAAc,EAAE,wBAAwB;IACxC,mBAAmB,EAAE,6BAA6B;IAClD,2BAA2B,EAAE,qCAAqC;IAClE,4BAA4B,EAAE,sCAAsC;IACpE,SAAS,EAAE,mBAAmB;IAC9B,cAAc,EAAE,wBAAwB;IACxC,SAAS,EAAE,mBAAmB;IAC9B,kBAAkB,EAAE,4BAA4B;IAChD,UAAU,EAAE,oBAAoB;CAC1B,CAAC;AAEX;;GAEG;AACH,MAAM,OAAO,kBACT,SAAQ,iBAAyC;IADrD;;QA6CgC,oBAAe,GAAG,eAAe,CAAC;IAClE,CAAC;CAAA;AA1CG;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,CAAC;yDACG;AAGzC;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC;uDACG;AAGvC;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC;uDACG;AAGvC;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;qDACG;AAGrC;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC;uDACG;AAGvC;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC;0DACE;AAG1C;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,uBAAuB,EAAE,CAAC;+DACE;AAG/C;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,gCAAgC,EAAE,CAAC;uEACC;AAGvD;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,iCAAiC,EAAE,CAAC;wEACC;AAGxD;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;qDACG;AAGrC;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC;0DACE;AAG1C;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;qDACG;AAGrC;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,sBAAsB,EAAE,CAAC;8DACE;AAG9C;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC;sDACG;AAK1C,MAAM,wBAAwB,GAAG,kBAAkB,CAAC,OAAO,CAAC;IACxD,QAAQ,EAAE,sBAAsB;CACnC,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE;KACrB,UAAU,CAAC,QAAQ,CAAC;KACpB,QAAQ,CAAC,wBAAwB,EAAE,CAAC,CAAC;AAC1C,MAAM,CAAC,MAAM,qBAAqB,GAAG,6BAA6B,CAAC","sourcesContent":["import { attr } from '@microsoft/fast-element';\nimport { DesignSystem } from '@microsoft/fast-foundation';\nimport { DesignTokensFor, LabelProviderBase } from '../base';\nimport {\n    tableCellActionMenuLabel,\n    tableColumnHeaderGroupedLabel,\n    tableColumnHeaderSortedAscendingLabel,\n    tableColumnHeaderSortedDescendingLabel,\n    tableGroupCollapseLabel,\n    tableGroupExpandLabel,\n    tableGroupSelectAllLabel,\n    tableCollapseAllLabel,\n    tableRowCollapseLabel,\n    tableRowExpandLabel,\n    tableRowOperationColumnLabel,\n    tableRowSelectLabel,\n    tableSelectAllLabel,\n    tableRowLoadingLabel\n} from './label-tokens';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-label-provider-table': LabelProviderTable;\n    }\n}\n\nconst supportedLabels = {\n    groupCollapse: tableGroupCollapseLabel,\n    groupExpand: tableGroupExpandLabel,\n    rowCollapse: tableRowCollapseLabel,\n    rowExpand: tableRowExpandLabel,\n    collapseAll: tableCollapseAllLabel,\n    cellActionMenu: tableCellActionMenuLabel,\n    columnHeaderGrouped: tableColumnHeaderGroupedLabel,\n    columnHeaderSortedAscending: tableColumnHeaderSortedAscendingLabel,\n    columnHeaderSortedDescending: tableColumnHeaderSortedDescendingLabel,\n    selectAll: tableSelectAllLabel,\n    groupSelectAll: tableGroupSelectAllLabel,\n    rowSelect: tableRowSelectLabel,\n    rowOperationColumn: tableRowOperationColumnLabel,\n    rowLoading: tableRowLoadingLabel\n} as const;\n\n/**\n * Label provider for the Nimble table (and its sub-components and columns)\n */\nexport class LabelProviderTable\n    extends LabelProviderBase<typeof supportedLabels>\n    implements DesignTokensFor<typeof supportedLabels> {\n    @attr({ attribute: 'group-collapse' })\n    public groupCollapse: string | undefined;\n\n    @attr({ attribute: 'group-expand' })\n    public groupExpand: string | undefined;\n\n    @attr({ attribute: 'row-collapse' })\n    public rowCollapse: string | undefined;\n\n    @attr({ attribute: 'row-expand' })\n    public rowExpand: string | undefined;\n\n    @attr({ attribute: 'collapse-all' })\n    public collapseAll: string | undefined;\n\n    @attr({ attribute: 'cell-action-menu' })\n    public cellActionMenu: string | undefined;\n\n    @attr({ attribute: 'column-header-grouped' })\n    public columnHeaderGrouped: string | undefined;\n\n    @attr({ attribute: 'column-header-sorted-ascending' })\n    public columnHeaderSortedAscending: string | undefined;\n\n    @attr({ attribute: 'column-header-sorted-descending' })\n    public columnHeaderSortedDescending: string | undefined;\n\n    @attr({ attribute: 'select-all' })\n    public selectAll: string | undefined;\n\n    @attr({ attribute: 'group-select-all' })\n    public groupSelectAll: string | undefined;\n\n    @attr({ attribute: 'row-select' })\n    public rowSelect: string | undefined;\n\n    @attr({ attribute: 'row-operation-column' })\n    public rowOperationColumn: string | undefined;\n\n    @attr({ attribute: 'row-loading' })\n    public rowLoading: string | undefined;\n\n    protected override readonly supportedLabels = supportedLabels;\n}\n\nconst nimbleLabelProviderTable = LabelProviderTable.compose({\n    baseName: 'label-provider-table'\n});\n\nDesignSystem.getOrCreate()\n    .withPrefix('nimble')\n    .register(nimbleLabelProviderTable());\nexport const labelProviderTableTag = 'nimble-label-provider-table';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/label-provider/table/index.ts"],"names":[],"mappings":"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","sourcesContent":["import { attr } from '@microsoft/fast-element';\nimport { DesignSystem } from '@microsoft/fast-foundation';\nimport { DesignTokensFor, LabelProviderBase } from '../base';\nimport {\n    tableCellActionMenuLabel,\n    tableColumnHeaderGroupedLabel,\n    tableColumnHeaderSortedAscendingLabel,\n    tableColumnHeaderSortedDescendingLabel,\n    tableGroupCollapseLabel,\n    tableGroupExpandLabel,\n    tableGroupSelectAllLabel,\n    tableCollapseAllLabel,\n    tableRowCollapseLabel,\n    tableRowExpandLabel,\n    tableRowOperationColumnLabel,\n    tableRowSelectLabel,\n    tableSelectAllLabel,\n    tableRowLoadingLabel,\n    tableGroupRowPlaceholderEmptyLabel,\n    tableGroupRowPlaceholderNoValueLabel\n} from './label-tokens';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-label-provider-table': LabelProviderTable;\n    }\n}\n\nconst supportedLabels = {\n    groupCollapse: tableGroupCollapseLabel,\n    groupExpand: tableGroupExpandLabel,\n    rowCollapse: tableRowCollapseLabel,\n    rowExpand: tableRowExpandLabel,\n    collapseAll: tableCollapseAllLabel,\n    cellActionMenu: tableCellActionMenuLabel,\n    columnHeaderGrouped: tableColumnHeaderGroupedLabel,\n    columnHeaderSortedAscending: tableColumnHeaderSortedAscendingLabel,\n    columnHeaderSortedDescending: tableColumnHeaderSortedDescendingLabel,\n    selectAll: tableSelectAllLabel,\n    groupSelectAll: tableGroupSelectAllLabel,\n    rowSelect: tableRowSelectLabel,\n    rowOperationColumn: tableRowOperationColumnLabel,\n    rowLoading: tableRowLoadingLabel,\n    groupRowPlaceholderNoValue: tableGroupRowPlaceholderNoValueLabel,\n    groupRowPlaceholderEmpty: tableGroupRowPlaceholderEmptyLabel\n} as const;\n\n/**\n * Label provider for the Nimble table (and its sub-components and columns)\n */\nexport class LabelProviderTable\n    extends LabelProviderBase<typeof supportedLabels>\n    implements DesignTokensFor<typeof supportedLabels> {\n    @attr({ attribute: 'group-collapse' })\n    public groupCollapse: string | undefined;\n\n    @attr({ attribute: 'group-expand' })\n    public groupExpand: string | undefined;\n\n    @attr({ attribute: 'row-collapse' })\n    public rowCollapse: string | undefined;\n\n    @attr({ attribute: 'row-expand' })\n    public rowExpand: string | undefined;\n\n    @attr({ attribute: 'collapse-all' })\n    public collapseAll: string | undefined;\n\n    @attr({ attribute: 'cell-action-menu' })\n    public cellActionMenu: string | undefined;\n\n    @attr({ attribute: 'column-header-grouped' })\n    public columnHeaderGrouped: string | undefined;\n\n    @attr({ attribute: 'column-header-sorted-ascending' })\n    public columnHeaderSortedAscending: string | undefined;\n\n    @attr({ attribute: 'column-header-sorted-descending' })\n    public columnHeaderSortedDescending: string | undefined;\n\n    @attr({ attribute: 'select-all' })\n    public selectAll: string | undefined;\n\n    @attr({ attribute: 'group-select-all' })\n    public groupSelectAll: string | undefined;\n\n    @attr({ attribute: 'row-select' })\n    public rowSelect: string | undefined;\n\n    @attr({ attribute: 'row-operation-column' })\n    public rowOperationColumn: string | undefined;\n\n    @attr({ attribute: 'row-loading' })\n    public rowLoading: string | undefined;\n\n    @attr({ attribute: 'group-row-placeholder-no-value' })\n    public groupRowPlaceholderNoValue: string | undefined;\n\n    @attr({ attribute: 'group-row-placeholder-empty' })\n    public groupRowPlaceholderEmpty: string | undefined;\n\n    protected override readonly supportedLabels = supportedLabels;\n}\n\nconst nimbleLabelProviderTable = LabelProviderTable.compose({\n    baseName: 'label-provider-table'\n});\n\nDesignSystem.getOrCreate()\n    .withPrefix('nimble')\n    .register(nimbleLabelProviderTable());\nexport const labelProviderTableTag = 'nimble-label-provider-table';\n"]}

package/dist/esm/label-provider/table/label-token-defaults.js

@@ -12,6 +12,8 @@ export const tableLabelDefaults = {
     tableGroupSelectAllLabel: 'Select all rows in group',
     tableRowSelectLabel: 'Select row',
     tableRowOperationColumnLabel: 'Row operations',
-    tableRowLoadingLabel: 'Loading'
+    tableRowLoadingLabel: 'Loading',
+    tableGroupRowPlaceholderNoValueLabel: 'No value',
+    tableGroupRowPlaceholderEmptyLabel: 'Empty'
 };
 //# sourceMappingURL=label-token-defaults.js.map

package/dist/esm/label-provider/table/label-token-defaults.js.map

@@ -1 +1 @@
-{"version":3,"file":"label-token-defaults.js","sourceRoot":"","sources":["../../../../src/label-provider/table/label-token-defaults.ts"],"names":[],"mappings":"AAIA,MAAM,CAAC,MAAM,kBAAkB,GAA4C;IACvE,uBAAuB,EAAE,gBAAgB;IACzC,qBAAqB,EAAE,cAAc;IACrC,qBAAqB,EAAE,cAAc;IACrC,mBAAmB,EAAE,YAAY;IACjC,qBAAqB,EAAE,cAAc;IACrC,wBAAwB,EAAE,SAAS;IACnC,6BAA6B,EAAE,SAAS;IACxC,qCAAqC,EAAE,kBAAkB;IACzD,sCAAsC,EAAE,mBAAmB;IAC3D,mBAAmB,EAAE,iBAAiB;IACtC,wBAAwB,EAAE,0BAA0B;IACpD,mBAAmB,EAAE,YAAY;IACjC,4BAA4B,EAAE,gBAAgB;IAC9C,oBAAoB,EAAE,SAAS;CAClC,CAAC","sourcesContent":["import type * as TokensNamespace from './label-tokens';\n\ntype TokenName = keyof typeof TokensNamespace;\n\nexport const tableLabelDefaults: { readonly [key in TokenName]: string } = {\n    tableGroupCollapseLabel: 'Collapse group',\n    tableGroupExpandLabel: 'Expand group',\n    tableRowCollapseLabel: 'Collapse row',\n    tableRowExpandLabel: 'Expand row',\n    tableCollapseAllLabel: 'Collapse all',\n    tableCellActionMenuLabel: 'Options',\n    tableColumnHeaderGroupedLabel: 'Grouped',\n    tableColumnHeaderSortedAscendingLabel: 'Sorted ascending',\n    tableColumnHeaderSortedDescendingLabel: 'Sorted descending',\n    tableSelectAllLabel: 'Select all rows',\n    tableGroupSelectAllLabel: 'Select all rows in group',\n    tableRowSelectLabel: 'Select row',\n    tableRowOperationColumnLabel: 'Row operations',\n    tableRowLoadingLabel: 'Loading'\n};\n"]}
+{"version":3,"file":"label-token-defaults.js","sourceRoot":"","sources":["../../../../src/label-provider/table/label-token-defaults.ts"],"names":[],"mappings":"AAIA,MAAM,CAAC,MAAM,kBAAkB,GAA4C;IACvE,uBAAuB,EAAE,gBAAgB;IACzC,qBAAqB,EAAE,cAAc;IACrC,qBAAqB,EAAE,cAAc;IACrC,mBAAmB,EAAE,YAAY;IACjC,qBAAqB,EAAE,cAAc;IACrC,wBAAwB,EAAE,SAAS;IACnC,6BAA6B,EAAE,SAAS;IACxC,qCAAqC,EAAE,kBAAkB;IACzD,sCAAsC,EAAE,mBAAmB;IAC3D,mBAAmB,EAAE,iBAAiB;IACtC,wBAAwB,EAAE,0BAA0B;IACpD,mBAAmB,EAAE,YAAY;IACjC,4BAA4B,EAAE,gBAAgB;IAC9C,oBAAoB,EAAE,SAAS;IAC/B,oCAAoC,EAAE,UAAU;IAChD,kCAAkC,EAAE,OAAO;CAC9C,CAAC","sourcesContent":["import type * as TokensNamespace from './label-tokens';\n\ntype TokenName = keyof typeof TokensNamespace;\n\nexport const tableLabelDefaults: { readonly [key in TokenName]: string } = {\n    tableGroupCollapseLabel: 'Collapse group',\n    tableGroupExpandLabel: 'Expand group',\n    tableRowCollapseLabel: 'Collapse row',\n    tableRowExpandLabel: 'Expand row',\n    tableCollapseAllLabel: 'Collapse all',\n    tableCellActionMenuLabel: 'Options',\n    tableColumnHeaderGroupedLabel: 'Grouped',\n    tableColumnHeaderSortedAscendingLabel: 'Sorted ascending',\n    tableColumnHeaderSortedDescendingLabel: 'Sorted descending',\n    tableSelectAllLabel: 'Select all rows',\n    tableGroupSelectAllLabel: 'Select all rows in group',\n    tableRowSelectLabel: 'Select row',\n    tableRowOperationColumnLabel: 'Row operations',\n    tableRowLoadingLabel: 'Loading',\n    tableGroupRowPlaceholderNoValueLabel: 'No value',\n    tableGroupRowPlaceholderEmptyLabel: 'Empty'\n};\n"]}

package/dist/esm/label-provider/table/label-tokens.d.ts

@@ -13,3 +13,5 @@ export declare const tableGroupSelectAllLabel: DesignToken<string>;
 export declare const tableRowSelectLabel: DesignToken<string>;
 export declare const tableRowOperationColumnLabel: DesignToken<string>;
 export declare const tableRowLoadingLabel: DesignToken<string>;
+export declare const tableGroupRowPlaceholderNoValueLabel: DesignToken<string>;
+export declare const tableGroupRowPlaceholderEmptyLabel: DesignToken<string>;

package/dist/esm/label-provider/table/label-tokens.js

@@ -56,4 +56,12 @@ export const tableRowLoadingLabel = DesignToken.create({
     name: 'table-row-loading-label',
     cssCustomPropertyName: null
 }).withDefault(tableLabelDefaults.tableRowLoadingLabel);
+export const tableGroupRowPlaceholderNoValueLabel = DesignToken.create({
+    name: 'table-group-row-placeholder-no-value-label',
+    cssCustomPropertyName: null
+}).withDefault(tableLabelDefaults.tableGroupRowPlaceholderNoValueLabel);
+export const tableGroupRowPlaceholderEmptyLabel = DesignToken.create({
+    name: 'table-group-row-placeholder-empty-label',
+    cssCustomPropertyName: null
+}).withDefault(tableLabelDefaults.tableGroupRowPlaceholderEmptyLabel);
 //# sourceMappingURL=label-tokens.js.map

package/dist/esm/label-provider/table/label-tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"label-tokens.js","sourceRoot":"","sources":["../../../../src/label-provider/table/label-tokens.ts"],"names":[],"mappings":"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","sourcesContent":["import { DesignToken } from '@microsoft/fast-foundation';\nimport { tableLabelDefaults } from './label-token-defaults';\n\nexport const tableGroupCollapseLabel = DesignToken.create<string>({\n    name: 'table-group-collapse-label',\n    cssCustomPropertyName: null\n}).withDefault(tableLabelDefaults.tableGroupCollapseLabel);\n\nexport const tableGroupExpandLabel = DesignToken.create<string>({\n    name: 'table-group-expand-label',\n    cssCustomPropertyName: null\n}).withDefault(tableLabelDefaults.tableGroupExpandLabel);\n\nexport const tableRowCollapseLabel = DesignToken.create<string>({\n    name: 'table-row-collapse-label',\n    cssCustomPropertyName: null\n}).withDefault(tableLabelDefaults.tableRowCollapseLabel);\n\nexport const tableRowExpandLabel = DesignToken.create<string>({\n    name: 'table-row-expand-label',\n    cssCustomPropertyName: null\n}).withDefault(tableLabelDefaults.tableRowExpandLabel);\n\nexport const tableCollapseAllLabel = DesignToken.create<string>({\n    name: 'table-collapse-all-label',\n    cssCustomPropertyName: null\n}).withDefault(tableLabelDefaults.tableCollapseAllLabel);\n\nexport const tableCellActionMenuLabel = DesignToken.create<string>({\n    name: 'table-cell-action-menu-label',\n    cssCustomPropertyName: null\n}).withDefault(tableLabelDefaults.tableCellActionMenuLabel);\n\nexport const tableColumnHeaderGroupedLabel = DesignToken.create<string>({\n    name: 'table-column-header-grouped-label',\n    cssCustomPropertyName: null\n}).withDefault(tableLabelDefaults.tableColumnHeaderGroupedLabel);\n\nexport const tableColumnHeaderSortedAscendingLabel = DesignToken.create<string>(\n    {\n        name: 'table-column-header-sorted-ascending-label',\n        cssCustomPropertyName: null\n    }\n).withDefault(tableLabelDefaults.tableColumnHeaderSortedAscendingLabel);\n\nexport const tableColumnHeaderSortedDescendingLabel = DesignToken.create<string>({\n    name: 'table-column-header-sorted-descending-label',\n    cssCustomPropertyName: null\n}).withDefault(tableLabelDefaults.tableColumnHeaderSortedDescendingLabel);\n\nexport const tableSelectAllLabel = DesignToken.create<string>({\n    name: 'table-select-all-label',\n    cssCustomPropertyName: null\n}).withDefault(tableLabelDefaults.tableSelectAllLabel);\n\nexport const tableGroupSelectAllLabel = DesignToken.create<string>({\n    name: 'table-group-select-all-label',\n    cssCustomPropertyName: null\n}).withDefault(tableLabelDefaults.tableGroupSelectAllLabel);\n\nexport const tableRowSelectLabel = DesignToken.create<string>({\n    name: 'table-row-select-label',\n    cssCustomPropertyName: null\n}).withDefault(tableLabelDefaults.tableRowSelectLabel);\n\nexport const tableRowOperationColumnLabel = DesignToken.create<string>({\n    name: 'table-row-operation-column-label',\n    cssCustomPropertyName: null\n}).withDefault(tableLabelDefaults.tableRowOperationColumnLabel);\n\nexport const tableRowLoadingLabel = DesignToken.create<string>({\n    name: 'table-row-loading-label',\n    cssCustomPropertyName: null\n}).withDefault(tableLabelDefaults.tableRowLoadingLabel);\n"]}
+{"version":3,"file":"label-tokens.js","sourceRoot":"","sources":["../../../../src/label-provider/table/label-tokens.ts"],"names":[],"mappings":"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","sourcesContent":["import { DesignToken } from '@microsoft/fast-foundation';\nimport { tableLabelDefaults } from './label-token-defaults';\n\nexport const tableGroupCollapseLabel = DesignToken.create<string>({\n    name: 'table-group-collapse-label',\n    cssCustomPropertyName: null\n}).withDefault(tableLabelDefaults.tableGroupCollapseLabel);\n\nexport const tableGroupExpandLabel = DesignToken.create<string>({\n    name: 'table-group-expand-label',\n    cssCustomPropertyName: null\n}).withDefault(tableLabelDefaults.tableGroupExpandLabel);\n\nexport const tableRowCollapseLabel = DesignToken.create<string>({\n    name: 'table-row-collapse-label',\n    cssCustomPropertyName: null\n}).withDefault(tableLabelDefaults.tableRowCollapseLabel);\n\nexport const tableRowExpandLabel = DesignToken.create<string>({\n    name: 'table-row-expand-label',\n    cssCustomPropertyName: null\n}).withDefault(tableLabelDefaults.tableRowExpandLabel);\n\nexport const tableCollapseAllLabel = DesignToken.create<string>({\n    name: 'table-collapse-all-label',\n    cssCustomPropertyName: null\n}).withDefault(tableLabelDefaults.tableCollapseAllLabel);\n\nexport const tableCellActionMenuLabel = DesignToken.create<string>({\n    name: 'table-cell-action-menu-label',\n    cssCustomPropertyName: null\n}).withDefault(tableLabelDefaults.tableCellActionMenuLabel);\n\nexport const tableColumnHeaderGroupedLabel = DesignToken.create<string>({\n    name: 'table-column-header-grouped-label',\n    cssCustomPropertyName: null\n}).withDefault(tableLabelDefaults.tableColumnHeaderGroupedLabel);\n\nexport const tableColumnHeaderSortedAscendingLabel = DesignToken.create<string>(\n    {\n        name: 'table-column-header-sorted-ascending-label',\n        cssCustomPropertyName: null\n    }\n).withDefault(tableLabelDefaults.tableColumnHeaderSortedAscendingLabel);\n\nexport const tableColumnHeaderSortedDescendingLabel = DesignToken.create<string>({\n    name: 'table-column-header-sorted-descending-label',\n    cssCustomPropertyName: null\n}).withDefault(tableLabelDefaults.tableColumnHeaderSortedDescendingLabel);\n\nexport const tableSelectAllLabel = DesignToken.create<string>({\n    name: 'table-select-all-label',\n    cssCustomPropertyName: null\n}).withDefault(tableLabelDefaults.tableSelectAllLabel);\n\nexport const tableGroupSelectAllLabel = DesignToken.create<string>({\n    name: 'table-group-select-all-label',\n    cssCustomPropertyName: null\n}).withDefault(tableLabelDefaults.tableGroupSelectAllLabel);\n\nexport const tableRowSelectLabel = DesignToken.create<string>({\n    name: 'table-row-select-label',\n    cssCustomPropertyName: null\n}).withDefault(tableLabelDefaults.tableRowSelectLabel);\n\nexport const tableRowOperationColumnLabel = DesignToken.create<string>({\n    name: 'table-row-operation-column-label',\n    cssCustomPropertyName: null\n}).withDefault(tableLabelDefaults.tableRowOperationColumnLabel);\n\nexport const tableRowLoadingLabel = DesignToken.create<string>({\n    name: 'table-row-loading-label',\n    cssCustomPropertyName: null\n}).withDefault(tableLabelDefaults.tableRowLoadingLabel);\n\nexport const tableGroupRowPlaceholderNoValueLabel = DesignToken.create<string>({\n    name: 'table-group-row-placeholder-no-value-label',\n    cssCustomPropertyName: null\n}).withDefault(tableLabelDefaults.tableGroupRowPlaceholderNoValueLabel);\n\nexport const tableGroupRowPlaceholderEmptyLabel = DesignToken.create<string>({\n    name: 'table-group-row-placeholder-empty-label',\n    cssCustomPropertyName: null\n}).withDefault(tableLabelDefaults.tableGroupRowPlaceholderEmptyLabel);\n"]}

package/dist/esm/table-column/date-text/group-header-view/index.d.ts

@@ -10,8 +10,6 @@ declare global {
  * The group header view for displaying date/time fields as text.
  */
 export declare class TableColumnDateTextGroupHeaderView extends TableColumnTextGroupHeaderViewBase<TableNumberFieldValue, TableColumnDateTextColumnConfig> {
-    private columnConfigChanged;
-    private groupHeaderValueChanged;
-    private updateText;
+    protected updateText(): void;
 }
 export declare const tableColumnDateTextGroupHeaderViewTag = "nimble-table-column-date-text-group-header-view";

package/dist/esm/table-column/date-text/group-header-view/index.js

@@ -7,12 +7,6 @@ import { formatNumericDate } from '../models/format-helper';
  * The group header view for displaying date/time fields as text.
  */
 export class TableColumnDateTextGroupHeaderView extends TableColumnTextGroupHeaderViewBase {
-    columnConfigChanged() {
-        this.updateText();
-    }
-    groupHeaderValueChanged() {
-        this.updateText();
-    }
     updateText() {
         if (this.columnConfig) {
             this.text = formatNumericDate(this.columnConfig.formatter, this.groupHeaderValue);

package/dist/esm/table-column/date-text/group-header-view/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/table-column/date-text/group-header-view/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE1D,OAAO,EAAE,kCAAkC,EAAE,MAAM,mCAAmC,CAAC;AACvF,OAAO,EAAE,QAAQ,EAAE,MAAM,4CAA4C,CAAC;AACtE,OAAO,EAAE,MAAM,EAAE,MAAM,0CAA0C,CAAC;AAElE,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAO5D;;GAEG;AACH,MAAM,OAAO,kCAAmC,SAAQ,kCAGvD;IACW,mBAAmB;QACvB,IAAI,CAAC,UAAU,EAAE,CAAC;IACtB,CAAC;IAEO,uBAAuB;QAC3B,IAAI,CAAC,UAAU,EAAE,CAAC;IACtB,CAAC;IAEO,UAAU;QACd,IAAI,IAAI,CAAC,YAAY,EAAE;YACnB,IAAI,CAAC,IAAI,GAAG,iBAAiB,CACzB,IAAI,CAAC,YAAY,CAAC,SAAS,EAC3B,IAAI,CAAC,gBAAgB,CACxB,CAAC;SACL;aAAM;YACH,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC;SAClB;IACL,CAAC;CACJ;AAED,MAAM,kCAAkC,GAAG,kCAAkC,CAAC,OAAO,CAAC;IAClF,QAAQ,EAAE,0CAA0C;IACpD,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AACH,YAAY,CAAC,WAAW,EAAE;KACrB,UAAU,CAAC,QAAQ,CAAC;KACpB,QAAQ,CAAC,kCAAkC,EAAE,CAAC,CAAC;AACpD,MAAM,CAAC,MAAM,qCAAqC,GAAG,iDAAiD,CAAC","sourcesContent":["import { DesignSystem } from '@microsoft/fast-foundation';\nimport type { TableNumberFieldValue } from '../../../table/types';\nimport { TableColumnTextGroupHeaderViewBase } from '../../text-base/group-header-view';\nimport { template } from '../../text-base/group-header-view/template';\nimport { styles } from '../../text-base/group-header-view/styles';\nimport type { TableColumnDateTextColumnConfig } from '..';\nimport { formatNumericDate } from '../models/format-helper';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-table-column-date-text-group-header': TableColumnDateTextGroupHeaderView;\n    }\n}\n/**\n * The group header view for displaying date/time fields as text.\n */\nexport class TableColumnDateTextGroupHeaderView extends TableColumnTextGroupHeaderViewBase<\nTableNumberFieldValue,\nTableColumnDateTextColumnConfig\n> {\n    private columnConfigChanged(): void {\n        this.updateText();\n    }\n\n    private groupHeaderValueChanged(): void {\n        this.updateText();\n    }\n\n    private updateText(): void {\n        if (this.columnConfig) {\n            this.text = formatNumericDate(\n                this.columnConfig.formatter,\n                this.groupHeaderValue\n            );\n        } else {\n            this.text = '';\n        }\n    }\n}\n\nconst tableColumnDateTextGroupHeaderView = TableColumnDateTextGroupHeaderView.compose({\n    baseName: 'table-column-date-text-group-header-view',\n    template,\n    styles\n});\nDesignSystem.getOrCreate()\n    .withPrefix('nimble')\n    .register(tableColumnDateTextGroupHeaderView());\nexport const tableColumnDateTextGroupHeaderViewTag = 'nimble-table-column-date-text-group-header-view';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/table-column/date-text/group-header-view/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE1D,OAAO,EAAE,kCAAkC,EAAE,MAAM,mCAAmC,CAAC;AACvF,OAAO,EAAE,QAAQ,EAAE,MAAM,4CAA4C,CAAC;AACtE,OAAO,EAAE,MAAM,EAAE,MAAM,0CAA0C,CAAC;AAElE,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAO5D;;GAEG;AACH,MAAM,OAAO,kCAAmC,SAAQ,kCAGvD;IACa,UAAU;QAChB,IAAI,IAAI,CAAC,YAAY,EAAE;YACnB,IAAI,CAAC,IAAI,GAAG,iBAAiB,CACzB,IAAI,CAAC,YAAY,CAAC,SAAS,EAC3B,IAAI,CAAC,gBAAgB,CACxB,CAAC;SACL;aAAM;YACH,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC;SAClB;IACL,CAAC;CACJ;AAED,MAAM,kCAAkC,GAAG,kCAAkC,CAAC,OAAO,CAAC;IAClF,QAAQ,EAAE,0CAA0C;IACpD,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AACH,YAAY,CAAC,WAAW,EAAE;KACrB,UAAU,CAAC,QAAQ,CAAC;KACpB,QAAQ,CAAC,kCAAkC,EAAE,CAAC,CAAC;AACpD,MAAM,CAAC,MAAM,qCAAqC,GAAG,iDAAiD,CAAC","sourcesContent":["import { DesignSystem } from '@microsoft/fast-foundation';\nimport type { TableNumberFieldValue } from '../../../table/types';\nimport { TableColumnTextGroupHeaderViewBase } from '../../text-base/group-header-view';\nimport { template } from '../../text-base/group-header-view/template';\nimport { styles } from '../../text-base/group-header-view/styles';\nimport type { TableColumnDateTextColumnConfig } from '..';\nimport { formatNumericDate } from '../models/format-helper';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-table-column-date-text-group-header': TableColumnDateTextGroupHeaderView;\n    }\n}\n/**\n * The group header view for displaying date/time fields as text.\n */\nexport class TableColumnDateTextGroupHeaderView extends TableColumnTextGroupHeaderViewBase<\nTableNumberFieldValue,\nTableColumnDateTextColumnConfig\n> {\n    protected updateText(): void {\n        if (this.columnConfig) {\n            this.text = formatNumericDate(\n                this.columnConfig.formatter,\n                this.groupHeaderValue\n            );\n        } else {\n            this.text = '';\n        }\n    }\n}\n\nconst tableColumnDateTextGroupHeaderView = TableColumnDateTextGroupHeaderView.compose({\n    baseName: 'table-column-date-text-group-header-view',\n    template,\n    styles\n});\nDesignSystem.getOrCreate()\n    .withPrefix('nimble')\n    .register(tableColumnDateTextGroupHeaderView());\nexport const tableColumnDateTextGroupHeaderViewTag = 'nimble-table-column-date-text-group-header-view';\n"]}

package/dist/esm/table-column/duration-text/group-header-view/index.d.ts

@@ -10,8 +10,6 @@ declare global {
  * The group header view for displaying duration fields as text.
  */
 export declare class TableColumnDurationTextGroupHeaderView extends TableColumnTextGroupHeaderViewBase<TableNumberFieldValue, TableColumnDurationTextColumnConfig> {
-    private columnConfigChanged;
-    private groupHeaderValueChanged;
-    private updateText;
+    protected updateText(): void;
 }
 export declare const tableColumnDurationTextGroupHeaderViewTag = "nimble-table-column-duration-text-group-header-view";

package/dist/esm/table-column/duration-text/group-header-view/index.js

@@ -6,12 +6,6 @@ import { styles } from '../../text-base/group-header-view/styles';
  * The group header view for displaying duration fields as text.
  */
 export class TableColumnDurationTextGroupHeaderView extends TableColumnTextGroupHeaderViewBase {
-    columnConfigChanged() {
-        this.updateText();
-    }
-    groupHeaderValueChanged() {
-        this.updateText();
-    }
     updateText() {
         if (this.columnConfig) {
             this.text = this.columnConfig.formatter.format(this.groupHeaderValue);

package/dist/esm/table-column/duration-text/group-header-view/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/table-column/duration-text/group-header-view/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE1D,OAAO,EAAE,kCAAkC,EAAE,MAAM,mCAAmC,CAAC;AACvF,OAAO,EAAE,QAAQ,EAAE,MAAM,4CAA4C,CAAC;AACtE,OAAO,EAAE,MAAM,EAAE,MAAM,0CAA0C,CAAC;AAQlE;;GAEG;AACH,MAAM,OAAO,sCAAuC,SAAQ,kCAG3D;IACW,mBAAmB;QACvB,IAAI,CAAC,UAAU,EAAE,CAAC;IACtB,CAAC;IAEO,uBAAuB;QAC3B,IAAI,CAAC,UAAU,EAAE,CAAC;IACtB,CAAC;IAEO,UAAU;QACd,IAAI,IAAI,CAAC,YAAY,EAAE;YACnB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,MAAM,CAC1C,IAAI,CAAC,gBAAgB,CACxB,CAAC;SACL;aAAM;YACH,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC;SAClB;IACL,CAAC;CACJ;AAED,MAAM,sCAAsC,GAAG,sCAAsC,CAAC,OAAO,CAAC;IAC1F,QAAQ,EAAE,8CAA8C;IACxD,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AACH,YAAY,CAAC,WAAW,EAAE;KACrB,UAAU,CAAC,QAAQ,CAAC;KACpB,QAAQ,CAAC,sCAAsC,EAAE,CAAC,CAAC;AACxD,MAAM,CAAC,MAAM,yCAAyC,GAAG,qDAAqD,CAAC","sourcesContent":["import { DesignSystem } from '@microsoft/fast-foundation';\nimport type { TableNumberFieldValue } from '../../../table/types';\nimport { TableColumnTextGroupHeaderViewBase } from '../../text-base/group-header-view';\nimport { template } from '../../text-base/group-header-view/template';\nimport { styles } from '../../text-base/group-header-view/styles';\nimport type { TableColumnDurationTextColumnConfig } from '..';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-table-duration-text-group-header': TableColumnDurationTextGroupHeaderView;\n    }\n}\n/**\n * The group header view for displaying duration fields as text.\n */\nexport class TableColumnDurationTextGroupHeaderView extends TableColumnTextGroupHeaderViewBase<\nTableNumberFieldValue,\nTableColumnDurationTextColumnConfig\n> {\n    private columnConfigChanged(): void {\n        this.updateText();\n    }\n\n    private groupHeaderValueChanged(): void {\n        this.updateText();\n    }\n\n    private updateText(): void {\n        if (this.columnConfig) {\n            this.text = this.columnConfig.formatter.format(\n                this.groupHeaderValue\n            );\n        } else {\n            this.text = '';\n        }\n    }\n}\n\nconst tableColumnDurationTextGroupHeaderView = TableColumnDurationTextGroupHeaderView.compose({\n    baseName: 'table-column-duration-text-group-header-view',\n    template,\n    styles\n});\nDesignSystem.getOrCreate()\n    .withPrefix('nimble')\n    .register(tableColumnDurationTextGroupHeaderView());\nexport const tableColumnDurationTextGroupHeaderViewTag = 'nimble-table-column-duration-text-group-header-view';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/table-column/duration-text/group-header-view/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE1D,OAAO,EAAE,kCAAkC,EAAE,MAAM,mCAAmC,CAAC;AACvF,OAAO,EAAE,QAAQ,EAAE,MAAM,4CAA4C,CAAC;AACtE,OAAO,EAAE,MAAM,EAAE,MAAM,0CAA0C,CAAC;AAQlE;;GAEG;AACH,MAAM,OAAO,sCAAuC,SAAQ,kCAG3D;IACa,UAAU;QAChB,IAAI,IAAI,CAAC,YAAY,EAAE;YACnB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,MAAM,CAC1C,IAAI,CAAC,gBAAgB,CACxB,CAAC;SACL;aAAM;YACH,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC;SAClB;IACL,CAAC;CACJ;AAED,MAAM,sCAAsC,GAAG,sCAAsC,CAAC,OAAO,CAAC;IAC1F,QAAQ,EAAE,8CAA8C;IACxD,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AACH,YAAY,CAAC,WAAW,EAAE;KACrB,UAAU,CAAC,QAAQ,CAAC;KACpB,QAAQ,CAAC,sCAAsC,EAAE,CAAC,CAAC;AACxD,MAAM,CAAC,MAAM,yCAAyC,GAAG,qDAAqD,CAAC","sourcesContent":["import { DesignSystem } from '@microsoft/fast-foundation';\nimport type { TableNumberFieldValue } from '../../../table/types';\nimport { TableColumnTextGroupHeaderViewBase } from '../../text-base/group-header-view';\nimport { template } from '../../text-base/group-header-view/template';\nimport { styles } from '../../text-base/group-header-view/styles';\nimport type { TableColumnDurationTextColumnConfig } from '..';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-table-duration-text-group-header': TableColumnDurationTextGroupHeaderView;\n    }\n}\n/**\n * The group header view for displaying duration fields as text.\n */\nexport class TableColumnDurationTextGroupHeaderView extends TableColumnTextGroupHeaderViewBase<\nTableNumberFieldValue,\nTableColumnDurationTextColumnConfig\n> {\n    protected updateText(): void {\n        if (this.columnConfig) {\n            this.text = this.columnConfig.formatter.format(\n                this.groupHeaderValue\n            );\n        } else {\n            this.text = '';\n        }\n    }\n}\n\nconst tableColumnDurationTextGroupHeaderView = TableColumnDurationTextGroupHeaderView.compose({\n    baseName: 'table-column-duration-text-group-header-view',\n    template,\n    styles\n});\nDesignSystem.getOrCreate()\n    .withPrefix('nimble')\n    .register(tableColumnDurationTextGroupHeaderView());\nexport const tableColumnDurationTextGroupHeaderViewTag = 'nimble-table-column-duration-text-group-header-view';\n"]}

package/dist/esm/table-column/enum-text/group-header-view/index.d.ts

@@ -10,8 +10,6 @@ declare global {
  * A group header view for enum columns
  */
 export declare class TableColumnEnumTextGroupHeaderView extends TableColumnTextGroupHeaderViewBase<TableFieldValue, TableColumnEnumColumnConfig> {
-    private columnConfigChanged;
-    private groupHeaderValueChanged;
-    private updateText;
+    protected updateText(): void;
 }
 export declare const tableColumnEnumTextGroupHeaderViewTag = "nimble-table-column-enum-text-group-header-view";

package/dist/esm/table-column/enum-text/group-header-view/index.js

@@ -7,19 +7,8 @@ import { MappingTextConfig } from '../../enum-base/models/mapping-text-config';
  * A group header view for enum columns
  */
 export class TableColumnEnumTextGroupHeaderView extends TableColumnTextGroupHeaderViewBase {
-    columnConfigChanged() {
-        this.updateText();
-    }
-    groupHeaderValueChanged() {
-        this.updateText();
-    }
     updateText() {
-        const value = this.groupHeaderValue;
-        if (value === undefined || value === null) {
-            this.text = '';
-            return;
-        }
-        const config = this.columnConfig?.mappingConfigs.get(value);
+        const config = this.columnConfig?.mappingConfigs.get(this.groupHeaderValue);
         this.text = config instanceof MappingTextConfig && config.text
             ? config.text
             : '';

package/dist/esm/table-column/enum-text/group-header-view/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/table-column/enum-text/group-header-view/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,0CAA0C,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,4CAA4C,CAAC;AAEtE,OAAO,EAAE,kCAAkC,EAAE,MAAM,mCAAmC,CAAC;AAEvF,OAAO,EAAE,iBAAiB,EAAE,MAAM,4CAA4C,CAAC;AAQ/E;;GAEG;AACH,MAAM,OAAO,kCAAmC,SAAQ,kCAGvD;IACW,mBAAmB;QACvB,IAAI,CAAC,UAAU,EAAE,CAAC;IACtB,CAAC;IAEO,uBAAuB;QAC3B,IAAI,CAAC,UAAU,EAAE,CAAC;IACtB,CAAC;IAEO,UAAU;QACd,MAAM,KAAK,GAAG,IAAI,CAAC,gBAAgB,CAAC;QACpC,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI,EAAE;YACvC,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC;YACf,OAAO;SACV;QAED,MAAM,MAAM,GAAG,IAAI,CAAC,YAAY,EAAE,cAAc,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;QAC5D,IAAI,CAAC,IAAI,GAAG,MAAM,YAAY,iBAAiB,IAAI,MAAM,CAAC,IAAI;YAC1D,CAAC,CAAC,MAAM,CAAC,IAAI;YACb,CAAC,CAAC,EAAE,CAAC;IACb,CAAC;CACJ;AAED,MAAM,uBAAuB,GAAG,kCAAkC,CAAC,OAAO,CAAC;IACvE,QAAQ,EAAE,0CAA0C;IACpD,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AACH,YAAY,CAAC,WAAW,EAAE;KACrB,UAAU,CAAC,QAAQ,CAAC;KACpB,QAAQ,CAAC,uBAAuB,EAAE,CAAC,CAAC;AACzC,MAAM,CAAC,MAAM,qCAAqC,GAAG,iDAAiD,CAAC","sourcesContent":["import { DesignSystem } from '@microsoft/fast-foundation';\nimport { styles } from '../../text-base/group-header-view/styles';\nimport { template } from '../../text-base/group-header-view/template';\nimport type { TableColumnEnumColumnConfig } from '../../enum-base';\nimport { TableColumnTextGroupHeaderViewBase } from '../../text-base/group-header-view';\nimport type { TableFieldValue } from '../../../table/types';\nimport { MappingTextConfig } from '../../enum-base/models/mapping-text-config';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-table-column-enum-text-group-header-view': TableColumnEnumTextGroupHeaderView;\n    }\n}\n\n/**\n * A group header view for enum columns\n */\nexport class TableColumnEnumTextGroupHeaderView extends TableColumnTextGroupHeaderViewBase<\nTableFieldValue,\nTableColumnEnumColumnConfig\n> {\n    private columnConfigChanged(): void {\n        this.updateText();\n    }\n\n    private groupHeaderValueChanged(): void {\n        this.updateText();\n    }\n\n    private updateText(): void {\n        const value = this.groupHeaderValue;\n        if (value === undefined || value === null) {\n            this.text = '';\n            return;\n        }\n\n        const config = this.columnConfig?.mappingConfigs.get(value);\n        this.text = config instanceof MappingTextConfig && config.text\n            ? config.text\n            : '';\n    }\n}\n\nconst enumTextGroupHeaderView = TableColumnEnumTextGroupHeaderView.compose({\n    baseName: 'table-column-enum-text-group-header-view',\n    template,\n    styles\n});\nDesignSystem.getOrCreate()\n    .withPrefix('nimble')\n    .register(enumTextGroupHeaderView());\nexport const tableColumnEnumTextGroupHeaderViewTag = 'nimble-table-column-enum-text-group-header-view';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/table-column/enum-text/group-header-view/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,0CAA0C,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,4CAA4C,CAAC;AAEtE,OAAO,EAAE,kCAAkC,EAAE,MAAM,mCAAmC,CAAC;AAEvF,OAAO,EAAE,iBAAiB,EAAE,MAAM,4CAA4C,CAAC;AAQ/E;;GAEG;AACH,MAAM,OAAO,kCAAmC,SAAQ,kCAGvD;IACa,UAAU;QAChB,MAAM,MAAM,GAAG,IAAI,CAAC,YAAY,EAAE,cAAc,CAAC,GAAG,CAChD,IAAI,CAAC,gBAAiB,CACzB,CAAC;QACF,IAAI,CAAC,IAAI,GAAG,MAAM,YAAY,iBAAiB,IAAI,MAAM,CAAC,IAAI;YAC1D,CAAC,CAAC,MAAM,CAAC,IAAI;YACb,CAAC,CAAC,EAAE,CAAC;IACb,CAAC;CACJ;AAED,MAAM,uBAAuB,GAAG,kCAAkC,CAAC,OAAO,CAAC;IACvE,QAAQ,EAAE,0CAA0C;IACpD,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AACH,YAAY,CAAC,WAAW,EAAE;KACrB,UAAU,CAAC,QAAQ,CAAC;KACpB,QAAQ,CAAC,uBAAuB,EAAE,CAAC,CAAC;AACzC,MAAM,CAAC,MAAM,qCAAqC,GAAG,iDAAiD,CAAC","sourcesContent":["import { DesignSystem } from '@microsoft/fast-foundation';\nimport { styles } from '../../text-base/group-header-view/styles';\nimport { template } from '../../text-base/group-header-view/template';\nimport type { TableColumnEnumColumnConfig } from '../../enum-base';\nimport { TableColumnTextGroupHeaderViewBase } from '../../text-base/group-header-view';\nimport type { TableFieldValue } from '../../../table/types';\nimport { MappingTextConfig } from '../../enum-base/models/mapping-text-config';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-table-column-enum-text-group-header-view': TableColumnEnumTextGroupHeaderView;\n    }\n}\n\n/**\n * A group header view for enum columns\n */\nexport class TableColumnEnumTextGroupHeaderView extends TableColumnTextGroupHeaderViewBase<\nTableFieldValue,\nTableColumnEnumColumnConfig\n> {\n    protected updateText(): void {\n        const config = this.columnConfig?.mappingConfigs.get(\n            this.groupHeaderValue!\n        );\n        this.text = config instanceof MappingTextConfig && config.text\n            ? config.text\n            : '';\n    }\n}\n\nconst enumTextGroupHeaderView = TableColumnEnumTextGroupHeaderView.compose({\n    baseName: 'table-column-enum-text-group-header-view',\n    template,\n    styles\n});\nDesignSystem.getOrCreate()\n    .withPrefix('nimble')\n    .register(enumTextGroupHeaderView());\nexport const tableColumnEnumTextGroupHeaderViewTag = 'nimble-table-column-enum-text-group-header-view';\n"]}

package/dist/esm/table-column/icon/group-header-view/index.d.ts

@@ -16,8 +16,6 @@ export declare class TableColumnIconGroupHeaderView extends TableColumnTextGroup
     severity: IconSeverity;
     iconTemplate?: ViewTemplate<IconView>;
     visual?: 'spinner' | 'icon';
-    private columnConfigChanged;
-    private groupHeaderValueChanged;
-    private updateState;
+    protected updateText(): void;
 }
 export declare const tableColumnIconGroupHeaderViewTag = "nimble-table-column-icon-group-header-view";

package/dist/esm/table-column/icon/group-header-view/index.js

@@ -10,21 +10,13 @@ import { MappingSpinnerConfig } from '../../enum-base/models/mapping-spinner-con
  * The group header view for the icon column
  */
 export class TableColumnIconGroupHeaderView extends TableColumnTextGroupHeaderViewBase {
-    columnConfigChanged() {
-        this.updateState();
-    }
-    groupHeaderValueChanged() {
-        this.updateState();
-    }
-    updateState() {
+    updateText() {
         this.visual = undefined;
         if (!this.columnConfig) {
+            this.text = '';
             return;
         }
         const value = this.groupHeaderValue;
-        if (value === undefined || value === null) {
-            return;
-        }
         const mappingConfig = this.columnConfig.mappingConfigs.get(value);
         if (mappingConfig instanceof MappingIconConfig) {
             this.visual = 'icon';

package/dist/esm/table-column/icon/group-header-view/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/table-column/icon/group-header-view/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAgB,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAGtC,OAAO,EAAE,kCAAkC,EAAE,MAAM,mCAAmC,CAAC;AAEvF,OAAO,EACH,iBAAiB,EAEpB,MAAM,4CAA4C,CAAC;AACpD,OAAO,EAAE,oBAAoB,EAAE,MAAM,+CAA+C,CAAC;AAQrF;;GAEG;AACH,MAAM,OAAO,8BACT,SAAQ,kCAGP;IAWO,mBAAmB;QACvB,IAAI,CAAC,WAAW,EAAE,CAAC;IACvB,CAAC;IAEO,uBAAuB;QAC3B,IAAI,CAAC,WAAW,EAAE,CAAC;IACvB,CAAC;IAEO,WAAW;QACf,IAAI,CAAC,MAAM,GAAG,SAAS,CAAC;QACxB,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;YACpB,OAAO;SACV;QACD,MAAM,KAAK,GAAG,IAAI,CAAC,gBAAgB,CAAC;QACpC,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI,EAAE;YACvC,OAAO;SACV;QACD,MAAM,aAAa,GAAG,IAAI,CAAC,YAAY,CAAC,cAAc,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;QAClE,IAAI,aAAa,YAAY,iBAAiB,EAAE;YAC5C,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;YACrB,IAAI,CAAC,QAAQ,GAAG,aAAa,CAAC,QAAQ,CAAC;YACvC,IAAI,CAAC,IAAI,GAAG,aAAa,CAAC,IAAI,IAAI,EAAE,CAAC;YACrC,IAAI,CAAC,YAAY,GAAG,aAAa,CAAC,YAAY,CAAC;SAClD;aAAM,IAAI,aAAa,YAAY,oBAAoB,EAAE;YACtD,IAAI,CAAC,MAAM,GAAG,SAAS,CAAC;YACxB,IAAI,CAAC,IAAI,GAAG,aAAa,CAAC,IAAI,IAAI,EAAE,CAAC;SACxC;IACL,CAAC;CACJ;AApCG;IADC,UAAU;gEACmB;AAG9B;IADC,UAAU;oEACkC;AAG7C;IADC,UAAU;8DACwB;AAgCvC,MAAM,mBAAmB,GAAG,8BAA8B,CAAC,OAAO,CAAC;IAC/D,QAAQ,EAAE,qCAAqC;IAC/C,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AACH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,mBAAmB,EAAE,CAAC,CAAC;AAChF,MAAM,CAAC,MAAM,iCAAiC,GAAG,4CAA4C,CAAC","sourcesContent":["import { DesignSystem } from '@microsoft/fast-foundation';\nimport { ViewTemplate, observable } from '@microsoft/fast-element';\nimport { styles } from './styles';\nimport { template } from './template';\nimport type { TableColumnEnumColumnConfig } from '../../enum-base';\nimport type { TableFieldValue } from '../../../table/types';\nimport { TableColumnTextGroupHeaderViewBase } from '../../text-base/group-header-view';\nimport type { IconSeverity } from '../../../icon-base/types';\nimport {\n    MappingIconConfig,\n    type IconView\n} from '../../enum-base/models/mapping-icon-config';\nimport { MappingSpinnerConfig } from '../../enum-base/models/mapping-spinner-config';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-table-column-icon-group-header-view': TableColumnIconGroupHeaderView;\n    }\n}\n\n/**\n * The group header view for the icon column\n */\nexport class TableColumnIconGroupHeaderView\n    extends TableColumnTextGroupHeaderViewBase<\n    TableFieldValue,\n    TableColumnEnumColumnConfig\n    >\n    implements IconView {\n    @observable\n    public severity: IconSeverity;\n\n    @observable\n    public iconTemplate?: ViewTemplate<IconView>;\n\n    @observable\n    public visual?: 'spinner' | 'icon';\n\n    private columnConfigChanged(): void {\n        this.updateState();\n    }\n\n    private groupHeaderValueChanged(): void {\n        this.updateState();\n    }\n\n    private updateState(): void {\n        this.visual = undefined;\n        if (!this.columnConfig) {\n            return;\n        }\n        const value = this.groupHeaderValue;\n        if (value === undefined || value === null) {\n            return;\n        }\n        const mappingConfig = this.columnConfig.mappingConfigs.get(value);\n        if (mappingConfig instanceof MappingIconConfig) {\n            this.visual = 'icon';\n            this.severity = mappingConfig.severity;\n            this.text = mappingConfig.text ?? '';\n            this.iconTemplate = mappingConfig.iconTemplate;\n        } else if (mappingConfig instanceof MappingSpinnerConfig) {\n            this.visual = 'spinner';\n            this.text = mappingConfig.text ?? '';\n        }\n    }\n}\n\nconst iconGroupHeaderView = TableColumnIconGroupHeaderView.compose({\n    baseName: 'table-column-icon-group-header-view',\n    template,\n    styles\n});\nDesignSystem.getOrCreate().withPrefix('nimble').register(iconGroupHeaderView());\nexport const tableColumnIconGroupHeaderViewTag = 'nimble-table-column-icon-group-header-view';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/table-column/icon/group-header-view/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAgB,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAGtC,OAAO,EAAE,kCAAkC,EAAE,MAAM,mCAAmC,CAAC;AAEvF,OAAO,EACH,iBAAiB,EAEpB,MAAM,4CAA4C,CAAC;AACpD,OAAO,EAAE,oBAAoB,EAAE,MAAM,+CAA+C,CAAC;AAQrF;;GAEG;AACH,MAAM,OAAO,8BACT,SAAQ,kCAGP;IAWS,UAAU;QAChB,IAAI,CAAC,MAAM,GAAG,SAAS,CAAC;QACxB,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;YACpB,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC;YACf,OAAO;SACV;QACD,MAAM,KAAK,GAAG,IAAI,CAAC,gBAAgB,CAAC;QACpC,MAAM,aAAa,GAAG,IAAI,CAAC,YAAY,CAAC,cAAc,CAAC,GAAG,CAAC,KAAM,CAAC,CAAC;QACnE,IAAI,aAAa,YAAY,iBAAiB,EAAE;YAC5C,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;YACrB,IAAI,CAAC,QAAQ,GAAG,aAAa,CAAC,QAAQ,CAAC;YACvC,IAAI,CAAC,IAAI,GAAG,aAAa,CAAC,IAAI,IAAI,EAAE,CAAC;YACrC,IAAI,CAAC,YAAY,GAAG,aAAa,CAAC,YAAY,CAAC;SAClD;aAAM,IAAI,aAAa,YAAY,oBAAoB,EAAE;YACtD,IAAI,CAAC,MAAM,GAAG,SAAS,CAAC;YACxB,IAAI,CAAC,IAAI,GAAG,aAAa,CAAC,IAAI,IAAI,EAAE,CAAC;SACxC;IACL,CAAC;CACJ;AA1BG;IADC,UAAU;gEACmB;AAG9B;IADC,UAAU;oEACkC;AAG7C;IADC,UAAU;8DACwB;AAsBvC,MAAM,mBAAmB,GAAG,8BAA8B,CAAC,OAAO,CAAC;IAC/D,QAAQ,EAAE,qCAAqC;IAC/C,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AACH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,mBAAmB,EAAE,CAAC,CAAC;AAChF,MAAM,CAAC,MAAM,iCAAiC,GAAG,4CAA4C,CAAC","sourcesContent":["import { DesignSystem } from '@microsoft/fast-foundation';\nimport { ViewTemplate, observable } from '@microsoft/fast-element';\nimport { styles } from './styles';\nimport { template } from './template';\nimport type { TableColumnEnumColumnConfig } from '../../enum-base';\nimport type { TableFieldValue } from '../../../table/types';\nimport { TableColumnTextGroupHeaderViewBase } from '../../text-base/group-header-view';\nimport type { IconSeverity } from '../../../icon-base/types';\nimport {\n    MappingIconConfig,\n    type IconView\n} from '../../enum-base/models/mapping-icon-config';\nimport { MappingSpinnerConfig } from '../../enum-base/models/mapping-spinner-config';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-table-column-icon-group-header-view': TableColumnIconGroupHeaderView;\n    }\n}\n\n/**\n * The group header view for the icon column\n */\nexport class TableColumnIconGroupHeaderView\n    extends TableColumnTextGroupHeaderViewBase<\n    TableFieldValue,\n    TableColumnEnumColumnConfig\n    >\n    implements IconView {\n    @observable\n    public severity: IconSeverity;\n\n    @observable\n    public iconTemplate?: ViewTemplate<IconView>;\n\n    @observable\n    public visual?: 'spinner' | 'icon';\n\n    protected updateText(): void {\n        this.visual = undefined;\n        if (!this.columnConfig) {\n            this.text = '';\n            return;\n        }\n        const value = this.groupHeaderValue;\n        const mappingConfig = this.columnConfig.mappingConfigs.get(value!);\n        if (mappingConfig instanceof MappingIconConfig) {\n            this.visual = 'icon';\n            this.severity = mappingConfig.severity;\n            this.text = mappingConfig.text ?? '';\n            this.iconTemplate = mappingConfig.iconTemplate;\n        } else if (mappingConfig instanceof MappingSpinnerConfig) {\n            this.visual = 'spinner';\n            this.text = mappingConfig.text ?? '';\n        }\n    }\n}\n\nconst iconGroupHeaderView = TableColumnIconGroupHeaderView.compose({\n    baseName: 'table-column-icon-group-header-view',\n    template,\n    styles\n});\nDesignSystem.getOrCreate().withPrefix('nimble').register(iconGroupHeaderView());\nexport const tableColumnIconGroupHeaderViewTag = 'nimble-table-column-icon-group-header-view';\n"]}

package/dist/esm/table-column/icon/group-header-view/template.js

@@ -20,5 +20,11 @@ export const template = html `
             title="${x => (x.hasOverflow && x.text ? x.text : null)}"
         >${x => x.text}</span>
     `)}
+    ${when(x => x.visual === undefined, html `
+        <span    
+            ${overflow('hasOverflow')}
+            title="${x => (x.hasOverflow && x.text ? x.text : null)}"
+        >${x => x.text}</span>
+    `)}
 `;
 //# sourceMappingURL=template.js.map

package/dist/esm/table-column/icon/group-header-view/template.js.map

@@ -1 +1 @@
-{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../../../src/table-column/icon/group-header-view/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAGrD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AAEjE,kBAAkB;AAClB,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAgC;MACtD,IAAI,CACF,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,KAAK,MAAM,EACxB,IAAI,CAAgC;cAC9B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAa;;kBAEhB,QAAQ,CAAC,aAAa,CAAC;yBAChB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,WAAW,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;eACxD,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,SAAS,CAC9B;MACC,IAAI,CACF,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,KAAK,SAAS,EAC3B,IAAI,CAAgC;WACjC,UAAU;qBACA,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;0BACN,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;;YAEzB,UAAU;;cAER,QAAQ,CAAC,aAAa,CAAC;qBAChB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,WAAW,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;WACxD,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;KACjB,CACA;CACJ,CAAC","sourcesContent":["import { html, when } from '@microsoft/fast-element';\n\nimport type { TableColumnIconGroupHeaderView } from '.';\nimport { spinnerTag } from '../../../spinner';\nimport { overflow } from '../../../utilities/directive/overflow';\n\n// prettier-ignore\nexport const template = html<TableColumnIconGroupHeaderView>`\n    ${when(\n        x => x.visual === 'icon',\n        html<TableColumnIconGroupHeaderView>`\n            ${x => x.iconTemplate!}\n            <span    \n                ${overflow('hasOverflow')}\n                title=\"${x => (x.hasOverflow && x.text ? x.text : null)}\"\n            >${x => x.text}</span>`\n    )}\n    ${when(\n        x => x.visual === 'spinner',\n        html<TableColumnIconGroupHeaderView>`\n        <${spinnerTag}\n            title=\"${x => x.text}\"\n            aria-label=\"${x => x.text}\"\n            class=\"no-shrink\">\n        </${spinnerTag}>\n        <span    \n            ${overflow('hasOverflow')}\n            title=\"${x => (x.hasOverflow && x.text ? x.text : null)}\"\n        >${x => x.text}</span>\n    `\n    )}\n`;\n"]}
+{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../../../src/table-column/icon/group-header-view/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAGrD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AAEjE,kBAAkB;AAClB,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAgC;MACtD,IAAI,CACF,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,KAAK,MAAM,EACxB,IAAI,CAAgC;cAC9B,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAa;;kBAEhB,QAAQ,CAAC,aAAa,CAAC;yBAChB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,WAAW,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;eACxD,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,SAAS,CAC9B;MACC,IAAI,CACF,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,KAAK,SAAS,EAC3B,IAAI,CAAgC;WACjC,UAAU;qBACA,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;0BACN,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;;YAEzB,UAAU;;cAER,QAAQ,CAAC,aAAa,CAAC;qBAChB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,WAAW,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;WACxD,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;KACjB,CACA;MACC,IAAI,CACF,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,KAAK,SAAS,EAC3B,IAAI,CAAgC;;cAE9B,QAAQ,CAAC,aAAa,CAAC;qBAChB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,WAAW,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;WACxD,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI;KACjB,CACA;CACJ,CAAC","sourcesContent":["import { html, when } from '@microsoft/fast-element';\n\nimport type { TableColumnIconGroupHeaderView } from '.';\nimport { spinnerTag } from '../../../spinner';\nimport { overflow } from '../../../utilities/directive/overflow';\n\n// prettier-ignore\nexport const template = html<TableColumnIconGroupHeaderView>`\n    ${when(\n        x => x.visual === 'icon',\n        html<TableColumnIconGroupHeaderView>`\n            ${x => x.iconTemplate!}\n            <span    \n                ${overflow('hasOverflow')}\n                title=\"${x => (x.hasOverflow && x.text ? x.text : null)}\"\n            >${x => x.text}</span>`\n    )}\n    ${when(\n        x => x.visual === 'spinner',\n        html<TableColumnIconGroupHeaderView>`\n        <${spinnerTag}\n            title=\"${x => x.text}\"\n            aria-label=\"${x => x.text}\"\n            class=\"no-shrink\">\n        </${spinnerTag}>\n        <span    \n            ${overflow('hasOverflow')}\n            title=\"${x => (x.hasOverflow && x.text ? x.text : null)}\"\n        >${x => x.text}</span>\n    `\n    )}\n    ${when(\n        x => x.visual === undefined,\n        html<TableColumnIconGroupHeaderView>`\n        <span    \n            ${overflow('hasOverflow')}\n            title=\"${x => (x.hasOverflow && x.text ? x.text : null)}\"\n        >${x => x.text}</span>\n    `\n    )}\n`;\n"]}

package/dist/esm/table-column/number-text/group-header-view/index.d.ts

@@ -10,8 +10,6 @@ declare global {
  * The group header view for displaying number fields as text.
  */
 export declare class TableColumnNumberTextGroupHeaderView extends TableColumnTextGroupHeaderViewBase<TableNumberFieldValue, TableColumnNumberTextColumnConfig> {
-    private columnConfigChanged;
-    private groupHeaderValueChanged;
-    private updateText;
+    protected updateText(): void;
 }
 export declare const tableColumnNumberTextGroupHeaderTag = "nimble-table-column-number-text-group-header-view";