@danske/sapphire-angular 2.4.0 → 2.6.0

package/esm2020/lib/menu/src/menu.component.mjs

@@ -19,7 +19,7 @@ MenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version:
             provide: ICON_SIZE_PROVIDER,
             useExisting: forwardRef(() => MenuComponent),
         },
-    ], hostDirectives: [{ directive: i1.CdkMenu, outputs: ["closed", "closed"] }, { directive: i2.ThemeCheckDirective }, { directive: i3.UseComponentStylesOnHost }], ngImport: i0, template: "<div\n  class=\"sapphire-listbox\"\n  [class.sapphire-listbox--md]=\"size === 'md'\"\n  [class.sapphire-listbox--sm]=\"size === 'sm'\"\n>\n  <ng-content></ng-content>\n</div>\n", styles: [".sapphire-listbox{box-sizing:border-box;margin:0;position:relative;list-style:none;outline:none;font-family:var(--sapphire-semantic-font-name-default);padding:calc(var(--sapphire-semantic-size-spacing-10) - var(--sapphire-semantic-size-spacing-5)) 0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-listbox__item{display:flex;justify-content:space-between;align-items:center;padding:var(--sapphire-semantic-size-spacing-5) var(--sapphire-semantic-size-spacing-10);color:var(--sapphire-semantic-color-content-selection-unselected-default);outline:none;cursor:pointer;text-decoration:none;min-width:max-content}.sapphire-listbox__item--danger{color:var(--sapphire-semantic-color-content-action-danger-default)}.sapphire-listbox__item--selected{color:var(--sapphire-semantic-color-content-selection-selected-default)}.sapphire-listbox__item--selected .sapphire-listbox__content{background-color:var(--sapphire-semantic-color-background-selection-selected-default)}.sapphire-listbox__content{width:100%;max-width:calc(100vw - 2 * var(--sapphire-semantic-size-icon-lg));display:grid;grid-auto-flow:column;align-items:center;gap:var(--sapphire-semantic-size-spacing-30);grid-template-columns:auto 1fr var(--sapphire-semantic-size-icon-lg);padding:calc(var(--sapphire-semantic-size-spacing-30) - var(--sapphire-semantic-size-spacing-5)) var(--sapphire-semantic-size-spacing-30);border-radius:var(--sapphire-semantic-size-radius-sm);transition-property:opacity,background-color,color;transition-duration:var(--sapphire-semantic-time-fade-quick);transition-timing-function:ease-in-out;min-height:var(--sapphire-semantic-size-height-control-xs)}.sapphire-listbox--md .sapphire-listbox__content{gap:var(--sapphire-semantic-size-spacing-25);grid-template-columns:auto 1fr var(--sapphire-semantic-size-icon-md);padding:calc(var(--sapphire-semantic-size-spacing-20) - var(--sapphire-semantic-size-spacing-5)) var(--sapphire-semantic-size-spacing-25)}.sapphire-listbox--sm .sapphire-listbox__content{gap:var(--sapphire-semantic-size-spacing-20);grid-template-columns:auto 1fr var(--sapphire-semantic-size-icon-sm);padding:calc(var(--sapphire-semantic-size-spacing-10) - var(--sapphire-semantic-size-spacing-5)) var(--sapphire-semantic-size-spacing-20)}.sapphire-listbox__icon{line-height:0}.sapphire-listbox__text-container{line-height:var(--sapphire-semantic-size-line-height-md)}.sapphire-listbox__text-container:first-child{grid-column:span 2}.sapphire-listbox__primary-text{font-weight:var(--sapphire-semantic-font-weight-default-semibold);font-size:var(--sapphire-semantic-size-font-text-lg)}.sapphire-listbox__secondary-text{font-weight:var(--sapphire-semantic-font-weight-default-regular);font-size:var(--sapphire-semantic-size-font-text-md)}.sapphire-listbox--md .sapphire-listbox__primary-text{font-size:var(--sapphire-semantic-size-font-text-md)}.sapphire-listbox--sm .sapphire-listbox__primary-text,.sapphire-listbox--md .sapphire-listbox__secondary-text,.sapphire-listbox--sm .sapphire-listbox__secondary-text{font-size:var(--sapphire-semantic-size-font-text-sm)}.sapphire-listbox__item:not(.sapphire-listbox__item--danger):not(.sapphire-listbox__item--selected) .sapphire-listbox__secondary-text{color:var(--sapphire-semantic-color-content-default-secondary)}.sapphire-listbox__item.is-disabled{opacity:var(--sapphire-semantic-opacity-disabled);cursor:not-allowed}.sapphire-listbox__section{padding:0;list-style:none}.sapphire-listbox__section-header{font-size:var(--sapphire-semantic-size-font-text-md);color:var(--sapphire-semantic-color-content-default-secondary);padding:var(--sapphire-semantic-size-spacing-30) var(--sapphire-semantic-size-spacing-40) var(--sapphire-semantic-size-spacing-20) var(--sapphire-semantic-size-spacing-40)}.sapphire-listbox--md .sapphire-listbox__section-header{font-size:var(--sapphire-semantic-size-font-text-sm);padding:var(--sapphire-semantic-size-spacing-25) var(--sapphire-global-size-generic-35) var(--sapphire-global-size-generic-15) var(--sapphire-global-size-generic-35)}.sapphire-listbox--sm .sapphire-listbox__section-header{font-size:var(--sapphire-semantic-size-font-text-sm);padding:var(--sapphire-semantic-size-spacing-20) var(--sapphire-semantic-size-spacing-30) var(--sapphire-semantic-size-spacing-10) var(--sapphire-semantic-size-spacing-30)}.sapphire-listbox__separator{height:var(--sapphire-semantic-size-border-sm);width:100%;background:var(--sapphire-semantic-color-border-separator-default);margin-top:calc(var(--sapphire-semantic-size-spacing-10) - var(--sapphire-semantic-size-spacing-5));margin-bottom:calc(var(--sapphire-semantic-size-spacing-10) - var(--sapphire-semantic-size-spacing-5))}.sapphire-listbox__item:not(.is-disabled).is-focus .sapphire-listbox__content,.sapphire-listbox__item:not(.is-disabled):not(.js-focus):focus-visible .sapphire-listbox__content{box-shadow:0 0 0 var(--sapphire-semantic-size-focus-ring) var(--sapphire-semantic-color-focus-ring)}.sapphire-listbox__item:not(.is-disabled).is-hover:not(.is-active) .sapphire-listbox__content,.sapphire-listbox__item:not(.is-disabled):not(.js-hover):not(.is-active):hover .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-selection-unselected-hover);background-color:var(--sapphire-semantic-color-background-selection-unselected-hover)}.sapphire-listbox__item--danger:not(.is-disabled):not(.is-active).is-hover .sapphire-listbox__content,.sapphire-listbox__item--danger:not(.is-disabled):not(.js-hover):not(.is-active):hover .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-action-danger-default);background-color:var(--sapphire-semantic-color-background-action-danger-default)}.sapphire-listbox__item--selected:not(.is-disabled):not(.is-active).is-hover .sapphire-listbox__content,.sapphire-listbox__item--selected:not(.is-disabled):not(.is-active):not(.js-hover):hover .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-selection-selected-hover);background-color:var(--sapphire-semantic-color-background-selection-selected-hover)}.sapphire-listbox__item:not(.is-disabled).is-active .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-selection-unselected-active);background-color:var(--sapphire-semantic-color-background-selection-unselected-active)}.sapphire-listbox__item--danger:not(.is-disabled).is-active .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-action-danger-active);background-color:var(--sapphire-semantic-color-background-action-danger-hover)}.sapphire-listbox__item--selected:not(.is-disabled).is-active .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-selection-selected-active);background-color:var(--sapphire-semantic-color-background-selection-selected-active)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.sapphire-popover{box-sizing:border-box;background-color:var(--sapphire-semantic-color-background-popover-default);box-shadow:var(--sapphire-semantic-shadow-popover);animation:fade-in var(--sapphire-semantic-time-fade-quick) ease-in-out;border-radius:var(--sapphire-semantic-size-radius-popover);overflow:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-popover--padded{padding:var(--sapphire-semantic-size-spacing-container-horizontal-sm)}.sapphire-popover--max-width{max-width:var(--sapphire-global-size-generic-1120)}.sapphire-menu-backdrop{background:none}\n"] });
+    ], hostDirectives: [{ directive: i1.CdkMenu, outputs: ["closed", "closed"] }, { directive: i2.ThemeCheckDirective }, { directive: i3.UseComponentStylesOnHost }], ngImport: i0, template: "<div\n  class=\"sapphire-listbox\"\n  [class.sapphire-listbox--md]=\"size === 'md'\"\n  [class.sapphire-listbox--sm]=\"size === 'sm'\"\n>\n  <ng-content></ng-content>\n</div>\n", styles: [".sapphire-listbox{box-sizing:border-box;margin:0;position:relative;list-style:none;outline:none;font-family:var(--sapphire-semantic-font-name-default);padding:calc(var(--sapphire-semantic-size-spacing-10) - var(--sapphire-semantic-size-spacing-5)) 0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-listbox__item{display:flex;justify-content:space-between;align-items:center;padding:var(--sapphire-semantic-size-spacing-5) var(--sapphire-semantic-size-spacing-10);color:var(--sapphire-semantic-color-content-selection-unselected-default);outline:none;cursor:pointer;text-decoration:none;min-width:max-content}.sapphire-listbox__item--danger{color:var(--sapphire-semantic-color-content-action-danger-default)}.sapphire-listbox__item--selected{color:var(--sapphire-semantic-color-content-selection-selected-default)}.sapphire-listbox__item--selected .sapphire-listbox__content{background-color:var(--sapphire-semantic-color-background-selection-selected-default)}.sapphire-listbox__content{width:100%;max-width:calc(100vw - 2 * var(--sapphire-semantic-size-icon-lg));display:grid;grid-auto-flow:column;align-items:center;gap:var(--sapphire-semantic-size-spacing-30);grid-template-columns:auto 1fr var(--sapphire-semantic-size-icon-lg);padding:calc(var(--sapphire-semantic-size-spacing-30) - var(--sapphire-semantic-size-spacing-5)) var(--sapphire-semantic-size-spacing-30);border-radius:var(--sapphire-semantic-size-radius-sm);transition-property:opacity,background-color,color;transition-duration:var(--sapphire-semantic-time-fade-quick);transition-timing-function:ease-in-out;min-height:var(--sapphire-semantic-size-height-control-xs)}.sapphire-listbox--md .sapphire-listbox__content{gap:var(--sapphire-semantic-size-spacing-25);grid-template-columns:auto 1fr var(--sapphire-semantic-size-icon-md);padding:calc(var(--sapphire-semantic-size-spacing-20) - var(--sapphire-semantic-size-spacing-5)) var(--sapphire-semantic-size-spacing-25)}.sapphire-listbox--sm .sapphire-listbox__content{gap:var(--sapphire-semantic-size-spacing-20);grid-template-columns:auto 1fr var(--sapphire-semantic-size-icon-sm);padding:calc(var(--sapphire-semantic-size-spacing-10) - var(--sapphire-semantic-size-spacing-5)) var(--sapphire-semantic-size-spacing-20)}.sapphire-listbox__icon{line-height:0}.sapphire-listbox__text-container{line-height:var(--sapphire-semantic-size-line-height-md)}.sapphire-listbox__text-container:first-child{grid-column:span 2}.sapphire-listbox__primary-text{font-weight:var(--sapphire-semantic-font-weight-default-semibold);font-size:var(--sapphire-semantic-size-font-text-lg)}.sapphire-listbox__secondary-text{font-weight:var(--sapphire-semantic-font-weight-default-regular);font-size:var(--sapphire-semantic-size-font-text-md)}.sapphire-listbox--md .sapphire-listbox__primary-text{font-size:var(--sapphire-semantic-size-font-text-md)}.sapphire-listbox--sm .sapphire-listbox__primary-text,.sapphire-listbox--md .sapphire-listbox__secondary-text,.sapphire-listbox--sm .sapphire-listbox__secondary-text{font-size:var(--sapphire-semantic-size-font-text-sm)}.sapphire-listbox__item:not(.sapphire-listbox__item--danger):not(.sapphire-listbox__item--selected) .sapphire-listbox__secondary-text{color:var(--sapphire-semantic-color-content-default-secondary)}.sapphire-listbox__item.is-disabled{opacity:var(--sapphire-semantic-opacity-disabled);cursor:not-allowed}.sapphire-listbox__section{padding:0;list-style:none}.sapphire-listbox__section-header{font-size:var(--sapphire-semantic-size-font-text-md);color:var(--sapphire-semantic-color-content-default-secondary);padding:var(--sapphire-semantic-size-spacing-30) var(--sapphire-semantic-size-spacing-40) var(--sapphire-semantic-size-spacing-20) var(--sapphire-semantic-size-spacing-40)}.sapphire-listbox--md .sapphire-listbox__section-header{font-size:var(--sapphire-semantic-size-font-text-sm);padding:var(--sapphire-semantic-size-spacing-25) var(--sapphire-global-size-generic-35) var(--sapphire-global-size-generic-15) var(--sapphire-global-size-generic-35)}.sapphire-listbox--sm .sapphire-listbox__section-header{font-size:var(--sapphire-semantic-size-font-text-sm);padding:var(--sapphire-semantic-size-spacing-20) var(--sapphire-semantic-size-spacing-30) var(--sapphire-semantic-size-spacing-10) var(--sapphire-semantic-size-spacing-30)}.sapphire-listbox__separator{height:var(--sapphire-semantic-size-border-sm);width:100%;background:var(--sapphire-semantic-color-border-separator-default);margin-top:calc(var(--sapphire-semantic-size-spacing-10) - var(--sapphire-semantic-size-spacing-5));margin-bottom:calc(var(--sapphire-semantic-size-spacing-10) - var(--sapphire-semantic-size-spacing-5))}.sapphire-listbox__item:not(.is-disabled).is-focus .sapphire-listbox__content,.sapphire-listbox__item:not(.is-disabled):not(.js-focus):focus-visible .sapphire-listbox__content{box-shadow:0 0 0 var(--sapphire-semantic-size-focus-ring) var(--sapphire-semantic-color-focus-ring)}.sapphire-listbox__item:not(.is-disabled).is-hover:not(.is-active) .sapphire-listbox__content,.sapphire-listbox__item:not(.is-disabled):not(.js-hover):not(.is-active):hover .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-selection-unselected-hover);background-color:var(--sapphire-semantic-color-background-selection-unselected-hover)}.sapphire-listbox__item--danger:not(.is-disabled):not(.is-active).is-hover .sapphire-listbox__content,.sapphire-listbox__item--danger:not(.is-disabled):not(.js-hover):not(.is-active):hover .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-action-danger-default);background-color:var(--sapphire-semantic-color-background-action-danger-default)}.sapphire-listbox__item--selected:not(.is-disabled):not(.is-active).is-hover .sapphire-listbox__content,.sapphire-listbox__item--selected:not(.is-disabled):not(.is-active):not(.js-hover):hover .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-selection-selected-hover);background-color:var(--sapphire-semantic-color-background-selection-selected-hover)}.sapphire-listbox__item:not(.is-disabled).is-active .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-selection-unselected-active);background-color:var(--sapphire-semantic-color-background-selection-unselected-active)}.sapphire-listbox__item--danger:not(.is-disabled).is-active .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-action-danger-active);background-color:var(--sapphire-semantic-color-background-action-danger-hover)}.sapphire-listbox__item--selected:not(.is-disabled).is-active .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-selection-selected-active);background-color:var(--sapphire-semantic-color-background-selection-selected-active)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.sapphire-popover{box-sizing:border-box;background-color:var(--sapphire-semantic-color-background-popover-default);box-shadow:var(--sapphire-semantic-shadow-popover);animation:fade-in var(--sapphire-semantic-time-fade-quick) ease-in-out;border-radius:var(--sapphire-semantic-size-radius-popover);overflow:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex}.sapphire-popover__content{flex-basis:100%}.sapphire-popover--padded{padding:var(--sapphire-semantic-size-spacing-container-horizontal-sm)}.sapphire-popover--max-width{max-width:var(--sapphire-global-size-generic-1120)}.sapphire-menu-backdrop{background:none}\n"] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: MenuComponent, decorators: [{
             type: Component,
             args: [{ selector: 'sp-menu', hostDirectives: [
@@ -37,7 +37,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
                             provide: ICON_SIZE_PROVIDER,
                             useExisting: forwardRef(() => MenuComponent),
                         },
-                    ], template: "<div\n  class=\"sapphire-listbox\"\n  [class.sapphire-listbox--md]=\"size === 'md'\"\n  [class.sapphire-listbox--sm]=\"size === 'sm'\"\n>\n  <ng-content></ng-content>\n</div>\n", styles: [".sapphire-listbox{box-sizing:border-box;margin:0;position:relative;list-style:none;outline:none;font-family:var(--sapphire-semantic-font-name-default);padding:calc(var(--sapphire-semantic-size-spacing-10) - var(--sapphire-semantic-size-spacing-5)) 0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-listbox__item{display:flex;justify-content:space-between;align-items:center;padding:var(--sapphire-semantic-size-spacing-5) var(--sapphire-semantic-size-spacing-10);color:var(--sapphire-semantic-color-content-selection-unselected-default);outline:none;cursor:pointer;text-decoration:none;min-width:max-content}.sapphire-listbox__item--danger{color:var(--sapphire-semantic-color-content-action-danger-default)}.sapphire-listbox__item--selected{color:var(--sapphire-semantic-color-content-selection-selected-default)}.sapphire-listbox__item--selected .sapphire-listbox__content{background-color:var(--sapphire-semantic-color-background-selection-selected-default)}.sapphire-listbox__content{width:100%;max-width:calc(100vw - 2 * var(--sapphire-semantic-size-icon-lg));display:grid;grid-auto-flow:column;align-items:center;gap:var(--sapphire-semantic-size-spacing-30);grid-template-columns:auto 1fr var(--sapphire-semantic-size-icon-lg);padding:calc(var(--sapphire-semantic-size-spacing-30) - var(--sapphire-semantic-size-spacing-5)) var(--sapphire-semantic-size-spacing-30);border-radius:var(--sapphire-semantic-size-radius-sm);transition-property:opacity,background-color,color;transition-duration:var(--sapphire-semantic-time-fade-quick);transition-timing-function:ease-in-out;min-height:var(--sapphire-semantic-size-height-control-xs)}.sapphire-listbox--md .sapphire-listbox__content{gap:var(--sapphire-semantic-size-spacing-25);grid-template-columns:auto 1fr var(--sapphire-semantic-size-icon-md);padding:calc(var(--sapphire-semantic-size-spacing-20) - var(--sapphire-semantic-size-spacing-5)) var(--sapphire-semantic-size-spacing-25)}.sapphire-listbox--sm .sapphire-listbox__content{gap:var(--sapphire-semantic-size-spacing-20);grid-template-columns:auto 1fr var(--sapphire-semantic-size-icon-sm);padding:calc(var(--sapphire-semantic-size-spacing-10) - var(--sapphire-semantic-size-spacing-5)) var(--sapphire-semantic-size-spacing-20)}.sapphire-listbox__icon{line-height:0}.sapphire-listbox__text-container{line-height:var(--sapphire-semantic-size-line-height-md)}.sapphire-listbox__text-container:first-child{grid-column:span 2}.sapphire-listbox__primary-text{font-weight:var(--sapphire-semantic-font-weight-default-semibold);font-size:var(--sapphire-semantic-size-font-text-lg)}.sapphire-listbox__secondary-text{font-weight:var(--sapphire-semantic-font-weight-default-regular);font-size:var(--sapphire-semantic-size-font-text-md)}.sapphire-listbox--md .sapphire-listbox__primary-text{font-size:var(--sapphire-semantic-size-font-text-md)}.sapphire-listbox--sm .sapphire-listbox__primary-text,.sapphire-listbox--md .sapphire-listbox__secondary-text,.sapphire-listbox--sm .sapphire-listbox__secondary-text{font-size:var(--sapphire-semantic-size-font-text-sm)}.sapphire-listbox__item:not(.sapphire-listbox__item--danger):not(.sapphire-listbox__item--selected) .sapphire-listbox__secondary-text{color:var(--sapphire-semantic-color-content-default-secondary)}.sapphire-listbox__item.is-disabled{opacity:var(--sapphire-semantic-opacity-disabled);cursor:not-allowed}.sapphire-listbox__section{padding:0;list-style:none}.sapphire-listbox__section-header{font-size:var(--sapphire-semantic-size-font-text-md);color:var(--sapphire-semantic-color-content-default-secondary);padding:var(--sapphire-semantic-size-spacing-30) var(--sapphire-semantic-size-spacing-40) var(--sapphire-semantic-size-spacing-20) var(--sapphire-semantic-size-spacing-40)}.sapphire-listbox--md .sapphire-listbox__section-header{font-size:var(--sapphire-semantic-size-font-text-sm);padding:var(--sapphire-semantic-size-spacing-25) var(--sapphire-global-size-generic-35) var(--sapphire-global-size-generic-15) var(--sapphire-global-size-generic-35)}.sapphire-listbox--sm .sapphire-listbox__section-header{font-size:var(--sapphire-semantic-size-font-text-sm);padding:var(--sapphire-semantic-size-spacing-20) var(--sapphire-semantic-size-spacing-30) var(--sapphire-semantic-size-spacing-10) var(--sapphire-semantic-size-spacing-30)}.sapphire-listbox__separator{height:var(--sapphire-semantic-size-border-sm);width:100%;background:var(--sapphire-semantic-color-border-separator-default);margin-top:calc(var(--sapphire-semantic-size-spacing-10) - var(--sapphire-semantic-size-spacing-5));margin-bottom:calc(var(--sapphire-semantic-size-spacing-10) - var(--sapphire-semantic-size-spacing-5))}.sapphire-listbox__item:not(.is-disabled).is-focus .sapphire-listbox__content,.sapphire-listbox__item:not(.is-disabled):not(.js-focus):focus-visible .sapphire-listbox__content{box-shadow:0 0 0 var(--sapphire-semantic-size-focus-ring) var(--sapphire-semantic-color-focus-ring)}.sapphire-listbox__item:not(.is-disabled).is-hover:not(.is-active) .sapphire-listbox__content,.sapphire-listbox__item:not(.is-disabled):not(.js-hover):not(.is-active):hover .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-selection-unselected-hover);background-color:var(--sapphire-semantic-color-background-selection-unselected-hover)}.sapphire-listbox__item--danger:not(.is-disabled):not(.is-active).is-hover .sapphire-listbox__content,.sapphire-listbox__item--danger:not(.is-disabled):not(.js-hover):not(.is-active):hover .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-action-danger-default);background-color:var(--sapphire-semantic-color-background-action-danger-default)}.sapphire-listbox__item--selected:not(.is-disabled):not(.is-active).is-hover .sapphire-listbox__content,.sapphire-listbox__item--selected:not(.is-disabled):not(.is-active):not(.js-hover):hover .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-selection-selected-hover);background-color:var(--sapphire-semantic-color-background-selection-selected-hover)}.sapphire-listbox__item:not(.is-disabled).is-active .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-selection-unselected-active);background-color:var(--sapphire-semantic-color-background-selection-unselected-active)}.sapphire-listbox__item--danger:not(.is-disabled).is-active .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-action-danger-active);background-color:var(--sapphire-semantic-color-background-action-danger-hover)}.sapphire-listbox__item--selected:not(.is-disabled).is-active .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-selection-selected-active);background-color:var(--sapphire-semantic-color-background-selection-selected-active)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.sapphire-popover{box-sizing:border-box;background-color:var(--sapphire-semantic-color-background-popover-default);box-shadow:var(--sapphire-semantic-shadow-popover);animation:fade-in var(--sapphire-semantic-time-fade-quick) ease-in-out;border-radius:var(--sapphire-semantic-size-radius-popover);overflow:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-popover--padded{padding:var(--sapphire-semantic-size-spacing-container-horizontal-sm)}.sapphire-popover--max-width{max-width:var(--sapphire-global-size-generic-1120)}.sapphire-menu-backdrop{background:none}\n"] }]
+                    ], template: "<div\n  class=\"sapphire-listbox\"\n  [class.sapphire-listbox--md]=\"size === 'md'\"\n  [class.sapphire-listbox--sm]=\"size === 'sm'\"\n>\n  <ng-content></ng-content>\n</div>\n", styles: [".sapphire-listbox{box-sizing:border-box;margin:0;position:relative;list-style:none;outline:none;font-family:var(--sapphire-semantic-font-name-default);padding:calc(var(--sapphire-semantic-size-spacing-10) - var(--sapphire-semantic-size-spacing-5)) 0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-listbox__item{display:flex;justify-content:space-between;align-items:center;padding:var(--sapphire-semantic-size-spacing-5) var(--sapphire-semantic-size-spacing-10);color:var(--sapphire-semantic-color-content-selection-unselected-default);outline:none;cursor:pointer;text-decoration:none;min-width:max-content}.sapphire-listbox__item--danger{color:var(--sapphire-semantic-color-content-action-danger-default)}.sapphire-listbox__item--selected{color:var(--sapphire-semantic-color-content-selection-selected-default)}.sapphire-listbox__item--selected .sapphire-listbox__content{background-color:var(--sapphire-semantic-color-background-selection-selected-default)}.sapphire-listbox__content{width:100%;max-width:calc(100vw - 2 * var(--sapphire-semantic-size-icon-lg));display:grid;grid-auto-flow:column;align-items:center;gap:var(--sapphire-semantic-size-spacing-30);grid-template-columns:auto 1fr var(--sapphire-semantic-size-icon-lg);padding:calc(var(--sapphire-semantic-size-spacing-30) - var(--sapphire-semantic-size-spacing-5)) var(--sapphire-semantic-size-spacing-30);border-radius:var(--sapphire-semantic-size-radius-sm);transition-property:opacity,background-color,color;transition-duration:var(--sapphire-semantic-time-fade-quick);transition-timing-function:ease-in-out;min-height:var(--sapphire-semantic-size-height-control-xs)}.sapphire-listbox--md .sapphire-listbox__content{gap:var(--sapphire-semantic-size-spacing-25);grid-template-columns:auto 1fr var(--sapphire-semantic-size-icon-md);padding:calc(var(--sapphire-semantic-size-spacing-20) - var(--sapphire-semantic-size-spacing-5)) var(--sapphire-semantic-size-spacing-25)}.sapphire-listbox--sm .sapphire-listbox__content{gap:var(--sapphire-semantic-size-spacing-20);grid-template-columns:auto 1fr var(--sapphire-semantic-size-icon-sm);padding:calc(var(--sapphire-semantic-size-spacing-10) - var(--sapphire-semantic-size-spacing-5)) var(--sapphire-semantic-size-spacing-20)}.sapphire-listbox__icon{line-height:0}.sapphire-listbox__text-container{line-height:var(--sapphire-semantic-size-line-height-md)}.sapphire-listbox__text-container:first-child{grid-column:span 2}.sapphire-listbox__primary-text{font-weight:var(--sapphire-semantic-font-weight-default-semibold);font-size:var(--sapphire-semantic-size-font-text-lg)}.sapphire-listbox__secondary-text{font-weight:var(--sapphire-semantic-font-weight-default-regular);font-size:var(--sapphire-semantic-size-font-text-md)}.sapphire-listbox--md .sapphire-listbox__primary-text{font-size:var(--sapphire-semantic-size-font-text-md)}.sapphire-listbox--sm .sapphire-listbox__primary-text,.sapphire-listbox--md .sapphire-listbox__secondary-text,.sapphire-listbox--sm .sapphire-listbox__secondary-text{font-size:var(--sapphire-semantic-size-font-text-sm)}.sapphire-listbox__item:not(.sapphire-listbox__item--danger):not(.sapphire-listbox__item--selected) .sapphire-listbox__secondary-text{color:var(--sapphire-semantic-color-content-default-secondary)}.sapphire-listbox__item.is-disabled{opacity:var(--sapphire-semantic-opacity-disabled);cursor:not-allowed}.sapphire-listbox__section{padding:0;list-style:none}.sapphire-listbox__section-header{font-size:var(--sapphire-semantic-size-font-text-md);color:var(--sapphire-semantic-color-content-default-secondary);padding:var(--sapphire-semantic-size-spacing-30) var(--sapphire-semantic-size-spacing-40) var(--sapphire-semantic-size-spacing-20) var(--sapphire-semantic-size-spacing-40)}.sapphire-listbox--md .sapphire-listbox__section-header{font-size:var(--sapphire-semantic-size-font-text-sm);padding:var(--sapphire-semantic-size-spacing-25) var(--sapphire-global-size-generic-35) var(--sapphire-global-size-generic-15) var(--sapphire-global-size-generic-35)}.sapphire-listbox--sm .sapphire-listbox__section-header{font-size:var(--sapphire-semantic-size-font-text-sm);padding:var(--sapphire-semantic-size-spacing-20) var(--sapphire-semantic-size-spacing-30) var(--sapphire-semantic-size-spacing-10) var(--sapphire-semantic-size-spacing-30)}.sapphire-listbox__separator{height:var(--sapphire-semantic-size-border-sm);width:100%;background:var(--sapphire-semantic-color-border-separator-default);margin-top:calc(var(--sapphire-semantic-size-spacing-10) - var(--sapphire-semantic-size-spacing-5));margin-bottom:calc(var(--sapphire-semantic-size-spacing-10) - var(--sapphire-semantic-size-spacing-5))}.sapphire-listbox__item:not(.is-disabled).is-focus .sapphire-listbox__content,.sapphire-listbox__item:not(.is-disabled):not(.js-focus):focus-visible .sapphire-listbox__content{box-shadow:0 0 0 var(--sapphire-semantic-size-focus-ring) var(--sapphire-semantic-color-focus-ring)}.sapphire-listbox__item:not(.is-disabled).is-hover:not(.is-active) .sapphire-listbox__content,.sapphire-listbox__item:not(.is-disabled):not(.js-hover):not(.is-active):hover .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-selection-unselected-hover);background-color:var(--sapphire-semantic-color-background-selection-unselected-hover)}.sapphire-listbox__item--danger:not(.is-disabled):not(.is-active).is-hover .sapphire-listbox__content,.sapphire-listbox__item--danger:not(.is-disabled):not(.js-hover):not(.is-active):hover .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-action-danger-default);background-color:var(--sapphire-semantic-color-background-action-danger-default)}.sapphire-listbox__item--selected:not(.is-disabled):not(.is-active).is-hover .sapphire-listbox__content,.sapphire-listbox__item--selected:not(.is-disabled):not(.is-active):not(.js-hover):hover .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-selection-selected-hover);background-color:var(--sapphire-semantic-color-background-selection-selected-hover)}.sapphire-listbox__item:not(.is-disabled).is-active .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-selection-unselected-active);background-color:var(--sapphire-semantic-color-background-selection-unselected-active)}.sapphire-listbox__item--danger:not(.is-disabled).is-active .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-action-danger-active);background-color:var(--sapphire-semantic-color-background-action-danger-hover)}.sapphire-listbox__item--selected:not(.is-disabled).is-active .sapphire-listbox__content{color:var(--sapphire-semantic-color-content-selection-selected-active);background-color:var(--sapphire-semantic-color-background-selection-selected-active)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.sapphire-popover{box-sizing:border-box;background-color:var(--sapphire-semantic-color-background-popover-default);box-shadow:var(--sapphire-semantic-shadow-popover);animation:fade-in var(--sapphire-semantic-time-fade-quick) ease-in-out;border-radius:var(--sapphire-semantic-size-radius-popover);overflow:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex}.sapphire-popover__content{flex-basis:100%}.sapphire-popover--padded{padding:var(--sapphire-semantic-size-spacing-container-horizontal-sm)}.sapphire-popover--max-width{max-width:var(--sapphire-global-size-generic-1120)}.sapphire-menu-backdrop{background:none}\n"] }]
         }], propDecorators: { size: [{
                 type: Input
             }] } });

package/esm2020/lib/popover/src/popover.component.mjs

@@ -75,7 +75,7 @@ export class PopoverComponent {
     }
 }
 PopoverComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: PopoverComponent, deps: [{ token: POPOVER_TRIGGER, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-PopoverComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: PopoverComponent, selector: "sp-popover", inputs: { noPadding: "noPadding", noMaxWidth: "noMaxWidth", noAutoFocus: "noAutoFocus", trapFocus: "trapFocus" }, host: { attributes: { "role": "presentation" }, listeners: { "keydown.Escape": "handleEscape($event)" }, properties: { "class.sapphire-popover": "true", "class.sapphire-popover--padded": "!noPadding", "class.sapphire-popover--max-width": "!noMaxWidth" } }, queries: [{ propertyName: "title", first: true, predicate: PopoverTitleDirective, descendants: true }], viewQueries: [{ propertyName: "contentWrapper", first: true, predicate: ["contentWrapper"], descendants: true, read: ElementRef }], hostDirectives: [{ directive: i1.ThemeCheckDirective }, { directive: i2.UseComponentStylesOnHost }], ngImport: i0, template: "<!--\n NOTE: cdkTrapFocus is required for cdkTrapFocusAutoCapture to work, which would be similar to\n <FocusScope autoFocus /> in react-aria.\n\n It prevents focus from going out of popover by bringing it back to the first\n focusable element.\n\n We sometimes counter this in (cdkFocusChange) and sometimes don't, based on\n the \"trapFocus\" input.\n  -->\n<div\n  #contentWrapper\n  [id]=\"ID\"\n  role=\"dialog\"\n  tabindex=\"-1\"\n  cdkMonitorSubtreeFocus\n  cdkTrapFocus\n  [cdkTrapFocusAutoCapture]=\"!noAutoFocus\"\n  class=\"dialog\"\n  [attr.aria-labelledby]=\"title?.ID\"\n  (cdkFocusChange)=\"_contentFocusChanged($event)\"\n>\n  <ng-content></ng-content>\n</div>\n", styles: ["@keyframes fade-in{0%{opacity:0}to{opacity:1}}.sapphire-popover{box-sizing:border-box;background-color:var(--sapphire-semantic-color-background-popover-default);box-shadow:var(--sapphire-semantic-shadow-popover);animation:fade-in var(--sapphire-semantic-time-fade-quick) ease-in-out;border-radius:var(--sapphire-semantic-size-radius-popover);overflow:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-popover--padded{padding:var(--sapphire-semantic-size-spacing-container-horizontal-sm)}.sapphire-popover--max-width{max-width:var(--sapphire-global-size-generic-1120)}.dialog{outline:none}\n"], dependencies: [{ kind: "directive", type: i3.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "directive", type: i3.CdkMonitorFocus, selector: "[cdkMonitorElementFocus], [cdkMonitorSubtreeFocus]", outputs: ["cdkFocusChange"], exportAs: ["cdkMonitorFocus"] }] });
+PopoverComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: PopoverComponent, selector: "sp-popover", inputs: { noPadding: "noPadding", noMaxWidth: "noMaxWidth", noAutoFocus: "noAutoFocus", trapFocus: "trapFocus" }, host: { attributes: { "role": "presentation" }, listeners: { "keydown.Escape": "handleEscape($event)" }, properties: { "class.sapphire-popover": "true", "class.sapphire-popover--padded": "!noPadding", "class.sapphire-popover--max-width": "!noMaxWidth" } }, queries: [{ propertyName: "title", first: true, predicate: PopoverTitleDirective, descendants: true }], viewQueries: [{ propertyName: "contentWrapper", first: true, predicate: ["contentWrapper"], descendants: true, read: ElementRef }], hostDirectives: [{ directive: i1.ThemeCheckDirective }, { directive: i2.UseComponentStylesOnHost }], ngImport: i0, template: "<!--\n NOTE: cdkTrapFocus is required for cdkTrapFocusAutoCapture to work, which would be similar to\n <FocusScope autoFocus /> in react-aria.\n\n It prevents focus from going out of popover by bringing it back to the first\n focusable element.\n\n We sometimes counter this in (cdkFocusChange) and sometimes don't, based on\n the \"trapFocus\" input.\n  -->\n<div class=\"sapphire-popover__content\" role=\"presentation\">\n  <!-- NOTE: the role-dialog wrapper is only needed for generic popovers.\n   In use cases like Select, role=listbox doesn't need to be wrapped in the role=dialog element,\n   and that's how it is in the React impl (role=dialog is rendered only when PopoverTrigger is used)\n   We can consider allowing for no dialog wrapper for use cases like Select, but it requires\n   some refactoring around the focus management directives.\n   -->\n  <div\n    #contentWrapper\n    [id]=\"ID\"\n    role=\"dialog\"\n    tabindex=\"-1\"\n    cdkMonitorSubtreeFocus\n    cdkTrapFocus\n    [cdkTrapFocusAutoCapture]=\"!noAutoFocus\"\n    class=\"dialog\"\n    [attr.aria-labelledby]=\"title?.ID\"\n    (cdkFocusChange)=\"_contentFocusChanged($event)\"\n  >\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: ["@keyframes fade-in{0%{opacity:0}to{opacity:1}}.sapphire-popover{box-sizing:border-box;background-color:var(--sapphire-semantic-color-background-popover-default);box-shadow:var(--sapphire-semantic-shadow-popover);animation:fade-in var(--sapphire-semantic-time-fade-quick) ease-in-out;border-radius:var(--sapphire-semantic-size-radius-popover);overflow:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex}.sapphire-popover__content{flex-basis:100%}.sapphire-popover--padded{padding:var(--sapphire-semantic-size-spacing-container-horizontal-sm)}.sapphire-popover--max-width{max-width:var(--sapphire-global-size-generic-1120)}.dialog{outline:none;height:100%}\n"], dependencies: [{ kind: "directive", type: i3.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "directive", type: i3.CdkMonitorFocus, selector: "[cdkMonitorElementFocus], [cdkMonitorSubtreeFocus]", outputs: ["cdkFocusChange"], exportAs: ["cdkMonitorFocus"] }] });
 __decorate([
     CoerceBoolean
 ], PopoverComponent.prototype, "noPadding", void 0);
@@ -95,7 +95,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
                         '[class.sapphire-popover--padded]': '!noPadding',
                         '[class.sapphire-popover--max-width]': '!noMaxWidth',
                         role: 'presentation',
-                    }, hostDirectives: [ThemeCheckDirective, UseComponentStylesOnHost], template: "<!--\n NOTE: cdkTrapFocus is required for cdkTrapFocusAutoCapture to work, which would be similar to\n <FocusScope autoFocus /> in react-aria.\n\n It prevents focus from going out of popover by bringing it back to the first\n focusable element.\n\n We sometimes counter this in (cdkFocusChange) and sometimes don't, based on\n the \"trapFocus\" input.\n  -->\n<div\n  #contentWrapper\n  [id]=\"ID\"\n  role=\"dialog\"\n  tabindex=\"-1\"\n  cdkMonitorSubtreeFocus\n  cdkTrapFocus\n  [cdkTrapFocusAutoCapture]=\"!noAutoFocus\"\n  class=\"dialog\"\n  [attr.aria-labelledby]=\"title?.ID\"\n  (cdkFocusChange)=\"_contentFocusChanged($event)\"\n>\n  <ng-content></ng-content>\n</div>\n", styles: ["@keyframes fade-in{0%{opacity:0}to{opacity:1}}.sapphire-popover{box-sizing:border-box;background-color:var(--sapphire-semantic-color-background-popover-default);box-shadow:var(--sapphire-semantic-shadow-popover);animation:fade-in var(--sapphire-semantic-time-fade-quick) ease-in-out;border-radius:var(--sapphire-semantic-size-radius-popover);overflow:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-popover--padded{padding:var(--sapphire-semantic-size-spacing-container-horizontal-sm)}.sapphire-popover--max-width{max-width:var(--sapphire-global-size-generic-1120)}.dialog{outline:none}\n"] }]
+                    }, hostDirectives: [ThemeCheckDirective, UseComponentStylesOnHost], template: "<!--\n NOTE: cdkTrapFocus is required for cdkTrapFocusAutoCapture to work, which would be similar to\n <FocusScope autoFocus /> in react-aria.\n\n It prevents focus from going out of popover by bringing it back to the first\n focusable element.\n\n We sometimes counter this in (cdkFocusChange) and sometimes don't, based on\n the \"trapFocus\" input.\n  -->\n<div class=\"sapphire-popover__content\" role=\"presentation\">\n  <!-- NOTE: the role-dialog wrapper is only needed for generic popovers.\n   In use cases like Select, role=listbox doesn't need to be wrapped in the role=dialog element,\n   and that's how it is in the React impl (role=dialog is rendered only when PopoverTrigger is used)\n   We can consider allowing for no dialog wrapper for use cases like Select, but it requires\n   some refactoring around the focus management directives.\n   -->\n  <div\n    #contentWrapper\n    [id]=\"ID\"\n    role=\"dialog\"\n    tabindex=\"-1\"\n    cdkMonitorSubtreeFocus\n    cdkTrapFocus\n    [cdkTrapFocusAutoCapture]=\"!noAutoFocus\"\n    class=\"dialog\"\n    [attr.aria-labelledby]=\"title?.ID\"\n    (cdkFocusChange)=\"_contentFocusChanged($event)\"\n  >\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: ["@keyframes fade-in{0%{opacity:0}to{opacity:1}}.sapphire-popover{box-sizing:border-box;background-color:var(--sapphire-semantic-color-background-popover-default);box-shadow:var(--sapphire-semantic-shadow-popover);animation:fade-in var(--sapphire-semantic-time-fade-quick) ease-in-out;border-radius:var(--sapphire-semantic-size-radius-popover);overflow:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex}.sapphire-popover__content{flex-basis:100%}.sapphire-popover--padded{padding:var(--sapphire-semantic-size-spacing-container-horizontal-sm)}.sapphire-popover--max-width{max-width:var(--sapphire-global-size-generic-1120)}.dialog{outline:none;height:100%}\n"] }]
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Optional
                 }, {
@@ -119,4 +119,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
                 type: HostListener,
                 args: ['keydown.Escape', ['$event']]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicG9wb3Zlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL3BvcG92ZXIvc3JjL3BvcG92ZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9wb3BvdmVyL3NyYy9wb3BvdmVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBRUwsU0FBUyxFQUNULFlBQVksRUFDWixVQUFVLEVBQ1YsWUFBWSxFQUNaLE1BQU0sRUFDTixLQUFLLEVBQ0wsUUFBUSxFQUNSLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFJdkQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDNUUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQ3RFLE9BQU8sRUFBRSxlQUFlLEVBQWtCLE1BQU0sNkJBQTZCLENBQUM7QUFDOUUsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDbEUsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sMENBQTBDLENBQUM7Ozs7O0FBRXBGOzs7OztHQUtHO0FBYUgsTUFBTSxPQUFPLGdCQUFnQjtJQW1DM0IsWUFDK0MsT0FBd0I7UUFBeEIsWUFBTyxHQUFQLE9BQU8sQ0FBaUI7UUF0QnZFOztXQUVHO1FBR0gsZ0JBQVcsR0FBaUIsS0FBSyxDQUFDO1FBRWxDOztXQUVHO1FBR0gsY0FBUyxHQUFpQixLQUFLLENBQUM7UUFFaEMsT0FBRSxHQUFXLGNBQWMsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLEdBQUcsVUFBVSxDQUFDLEVBQUUsQ0FBQztRQUVwRTs7V0FFRztRQUNLLG1CQUFjLEdBQUcsS0FBSyxDQUFDO0lBSTVCLENBQUM7SUFFSixlQUFlO1FBQ2IsSUFBSSxDQUFDLElBQUksQ0FBQyxjQUFjLElBQUksQ0FBQyxJQUFJLENBQUMsV0FBVyxFQUFFO1lBQzdDLElBQUksQ0FBQyxjQUFjLEVBQUUsYUFBYSxDQUFDLEtBQUssRUFBRSxDQUFDO1NBQzVDO0lBQ0gsQ0FBQztJQUdPLFlBQVksQ0FBQyxLQUFvQjtRQUN2QyxJQUFJLENBQUMsY0FBYyxDQUFDLEtBQUssQ0FBQyxFQUFFO1lBQzFCLEtBQUssQ0FBQyxjQUFjLEVBQUUsQ0FBQztZQUN2QixJQUFJLENBQUMsT0FBTyxFQUFFLEtBQUssRUFBRSxDQUFDO1NBQ3ZCO0lBQ0gsQ0FBQztJQUVELG9CQUFvQixDQUFDLE1BQW1CO1FBQ3RDLElBQUksQ0FBQyxjQUFjLEdBQUcsTUFBTSxJQUFJLElBQUksQ0FBQztRQUVyQyxJQUFJLENBQUMsSUFBSSxDQUFDLGNBQWMsRUFBRTtZQUN4QiwyRkFBMkY7WUFDM0YsMkZBQTJGO1lBQzNGLGdCQUFnQjtZQUNoQixVQUFVLENBQUMsR0FBRyxFQUFFO2dCQUNkO2dCQUNFOzs7Ozs7Ozs7Ozs7bUJBWUc7Z0JBQ0gsQ0FBQyxDQUFDLElBQUksQ0FBQyxTQUFTLElBQUksQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDO29CQUN6QyxRQUFRLENBQUMsYUFBYSxLQUFLLFFBQVEsQ0FBQyxJQUFJO29CQUN4QyxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUUsVUFBVSxDQUFDLGFBQWEsQ0FBQyxRQUFRLENBQzlDLFFBQVEsQ0FBQyxhQUFhLENBQ3ZCLEVBQ0Q7b0JBQ0EsSUFBSSxDQUFDLE9BQU8sRUFBRSxLQUFLLEVBQUUsQ0FBQztpQkFDdkI7WUFDSCxDQUFDLENBQUMsQ0FBQztTQUNKO0lBQ0gsQ0FBQzs7NkdBckZVLGdCQUFnQixrQkFvQ0wsZUFBZTtpR0FwQzFCLGdCQUFnQix3Y0FTYixxQkFBcUIsNklBRUUsVUFBVSxrSUNsRGpELHlxQkF3QkE7QURrQkU7SUFEQyxhQUFhO21EQUNVO0FBSXhCO0lBREMsYUFBYTtvREFDVztBQVl6QjtJQURDLGFBQWE7cURBQ29CO0FBT2xDO0lBREMsYUFBYTttREFDa0I7MkZBMUJyQixnQkFBZ0I7a0JBWjVCLFNBQVM7K0JBQ0UsWUFBWSxRQUdoQjt3QkFDSiwwQkFBMEIsRUFBRSxNQUFNO3dCQUNsQyxrQ0FBa0MsRUFBRSxZQUFZO3dCQUNoRCxxQ0FBcUMsRUFBRSxhQUFhO3dCQUNwRCxJQUFJLEVBQUUsY0FBYztxQkFDckIsa0JBQ2UsQ0FBQyxtQkFBbUIsRUFBRSx3QkFBd0IsQ0FBQzs7MEJBc0M1RCxRQUFROzswQkFBSSxNQUFNOzJCQUFDLGVBQWU7NENBakNyQyxTQUFTO3NCQUZSLEtBQUs7Z0JBTU4sVUFBVTtzQkFGVCxLQUFLO2dCQUkrQixLQUFLO3NCQUF6QyxZQUFZO3VCQUFDLHFCQUFxQjtnQkFHM0IsY0FBYztzQkFEckIsU0FBUzt1QkFBQyxnQkFBZ0IsRUFBRSxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUU7Z0JBUWpELFdBQVc7c0JBRlYsS0FBSztnQkFTTixTQUFTO3NCQUZSLEtBQUs7Z0JBc0JFLFlBQVk7c0JBRG5CLFlBQVk7dUJBQUMsZ0JBQWdCLEVBQUUsQ0FBQyxRQUFRLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBBZnRlclZpZXdJbml0LFxuICBDb21wb25lbnQsXG4gIENvbnRlbnRDaGlsZCxcbiAgRWxlbWVudFJlZixcbiAgSG9zdExpc3RlbmVyLFxuICBJbmplY3QsXG4gIElucHV0LFxuICBPcHRpb25hbCxcbiAgVmlld0NoaWxkLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IGhhc01vZGlmaWVyS2V5IH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2tleWNvZGVzJztcbmltcG9ydCB7IEZvY3VzT3JpZ2luIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2ExMXknO1xuaW1wb3J0IHsgQm9vbGVhbklucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2NvZXJjaW9uJztcblxuaW1wb3J0IHsgVGhlbWVDaGVja0RpcmVjdGl2ZSB9IGZyb20gJy4uLy4uL3RoZW1lL3NyYy90aGVtZS1jaGVjay5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgQ29lcmNlQm9vbGVhbiB9IGZyb20gJy4uLy4uL2NvbW1vbi9jb2VyY2UtYm9vbGVhbi5kZWNvcmF0b3InO1xuaW1wb3J0IHsgUE9QT1ZFUl9UUklHR0VSLCBQb3BvdmVyVHJpZ2dlciB9IGZyb20gJy4vcG9wb3Zlci10cmlnZ2VyLmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBQb3BvdmVyVGl0bGVEaXJlY3RpdmUgfSBmcm9tICcuL3BvcG92ZXItdGl0bGUuZGlyZWN0aXZlJztcbmltcG9ydCB7IFVzZUNvbXBvbmVudFN0eWxlc09uSG9zdCB9IGZyb20gJy4uLy4uL2NvbW1vbi9zYXBwaGlyZS12aWV3LWVuY2Fwc3VsYXRpb24nO1xuXG4vKipcbiAqIEEgZ2VuZXJpYyBwb3BvdmVyIGNvbXBvbmVudCB3aGljaCBsZXRzIHlvdSByZW5kZXIgYXJiaXRyYXJ5XG4gKiBjb250ZW50IGluIGEgcG9wb3ZlciBvdmVybGF5IHdoaWNoIGlzIGxpbmtlZCB0byBhIHRyaWdnZXIsIGFuZCBpcyBhY2Nlc3NpYmxlXG4gKiBhc1xuICogW2RpYWxvZ10oaHR0cHM6Ly9kZXZlbG9wZXIubW96aWxsYS5vcmcvZW4tVVMvZG9jcy9XZWIvQWNjZXNzaWJpbGl0eS9BUklBL1JvbGVzL2RpYWxvZ19yb2xlKS5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3AtcG9wb3ZlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9wb3BvdmVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vcG9wb3Zlci5jb21wb25lbnQuc2NzcyddLFxuICBob3N0OiB7XG4gICAgJ1tjbGFzcy5zYXBwaGlyZS1wb3BvdmVyXSc6ICd0cnVlJyxcbiAgICAnW2NsYXNzLnNhcHBoaXJlLXBvcG92ZXItLXBhZGRlZF0nOiAnIW5vUGFkZGluZycsXG4gICAgJ1tjbGFzcy5zYXBwaGlyZS1wb3BvdmVyLS1tYXgtd2lkdGhdJzogJyFub01heFdpZHRoJyxcbiAgICByb2xlOiAncHJlc2VudGF0aW9uJyxcbiAgfSxcbiAgaG9zdERpcmVjdGl2ZXM6IFtUaGVtZUNoZWNrRGlyZWN0aXZlLCBVc2VDb21wb25lbnRTdHlsZXNPbkhvc3RdLFxufSlcbmV4cG9ydCBjbGFzcyBQb3BvdmVyQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCB7XG4gIEBJbnB1dCgpXG4gIEBDb2VyY2VCb29sZWFuXG4gIG5vUGFkZGluZzogQm9vbGVhbklucHV0O1xuXG4gIEBJbnB1dCgpXG4gIEBDb2VyY2VCb29sZWFuXG4gIG5vTWF4V2lkdGg6IEJvb2xlYW5JbnB1dDtcblxuICBAQ29udGVudENoaWxkKFBvcG92ZXJUaXRsZURpcmVjdGl2ZSkgdGl0bGU/OiBQb3BvdmVyVGl0bGVEaXJlY3RpdmU7XG5cbiAgQFZpZXdDaGlsZCgnY29udGVudFdyYXBwZXInLCB7IHJlYWQ6IEVsZW1lbnRSZWYgfSlcbiAgcHJpdmF0ZSBjb250ZW50V3JhcHBlcj86IEVsZW1lbnRSZWY7XG5cbiAgLyoqXG4gICAqIFdoZXRoZXIgdGhlIGRlZmF1bHQgYmVoYXZpb3Igb2YgbW92aW5nIGZvY3VzIHRvIHRoZSBwb3BvdmVyIGNvbnRlbnQgdXBvbiBvcGVuIHNob3VsZCBiZSBkaXNhYmxlZFxuICAgKi9cbiAgQElucHV0KClcbiAgQENvZXJjZUJvb2xlYW5cbiAgbm9BdXRvRm9jdXM6IEJvb2xlYW5JbnB1dCA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKiBXaGV0ZXIgdGhlIHBvcG92ZXIgdHJhcHMgdGhlIGZvY3VzIGluc2lkZS5cbiAgICovXG4gIEBJbnB1dCgpXG4gIEBDb2VyY2VCb29sZWFuXG4gIHRyYXBGb2N1czogQm9vbGVhbklucHV0ID0gZmFsc2U7XG5cbiAgSUQ6IHN0cmluZyA9IGBzcC1wb3BvdmVyLSR7TWF0aC5mbG9vcihNYXRoLnJhbmRvbSgpICogMTAwMDAwMDAwMCl9YDtcblxuICAvKipcbiAgICogS2VlcHMgdHJhY2sgb2YgaWYgdGhlIGNvbnRlbnQgaXMgZm9jdXNlZFxuICAgKi9cbiAgcHJpdmF0ZSBjb250ZW50Rm9jdXNlZCA9IGZhbHNlO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIEBPcHRpb25hbCgpIEBJbmplY3QoUE9QT1ZFUl9UUklHR0VSKSBwcml2YXRlIHRyaWdnZXI/OiBQb3BvdmVyVHJpZ2dlclxuICApIHt9XG5cbiAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgIGlmICghdGhpcy5jb250ZW50Rm9jdXNlZCAmJiAhdGhpcy5ub0F1dG9Gb2N1cykge1xuICAgICAgdGhpcy5jb250ZW50V3JhcHBlcj8ubmF0aXZlRWxlbWVudC5mb2N1cygpO1xuICAgIH1cbiAgfVxuXG4gIEBIb3N0TGlzdGVuZXIoJ2tleWRvd24uRXNjYXBlJywgWyckZXZlbnQnXSlcbiAgcHJpdmF0ZSBoYW5kbGVFc2NhcGUoZXZlbnQ6IEtleWJvYXJkRXZlbnQpIHtcbiAgICBpZiAoIWhhc01vZGlmaWVyS2V5KGV2ZW50KSkge1xuICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICAgIHRoaXMudHJpZ2dlcj8uY2xvc2UoKTtcbiAgICB9XG4gIH1cblxuICBfY29udGVudEZvY3VzQ2hhbmdlZChvcmlnaW46IEZvY3VzT3JpZ2luKSB7XG4gICAgdGhpcy5jb250ZW50Rm9jdXNlZCA9IG9yaWdpbiAhPSBudWxsO1xuXG4gICAgaWYgKCF0aGlzLmNvbnRlbnRGb2N1c2VkKSB7XG4gICAgICAvLyBjZGtGb2N1c0NoYW5nZSBkb2Vzbid0IGdpdmUgYWNjZXNzIHRvIHRoZSBuYXRpdmUgZXZlbnQsIHNvIHdlIGNhbid0IGZpZ3VyZSBvdXQgd2hlcmUgdGhlXG4gICAgICAvLyBmb2N1cyBpcyBnb2luZy4gU28gd2UgYXN5bmNocm9ub3VzbHkgY2hlY2sgaWYgdGhlIGZvY3VzIGlzIG91dHNpZGUgdGhlIHRyaWdnZXIgYW5kIGNsb3NlXG4gICAgICAvLyBpbiB0aGF0IGNhc2UuXG4gICAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgaWYgKFxuICAgICAgICAgIC8qKlxuICAgICAgICAgICAqIElmIHRoZSBmb2N1cyBpcyBnb2luZyB0byBib2R5LCBkb24ndCBjbG9zZSB0aGUgcG9wb3Zlci5cbiAgICAgICAgICAgKiBzaW1pbGFyIGNvbnNpZGVyYXRpb24gaW4gcmVhY3QtYXJpYSdzIHVzZU92ZXJsYXk6XG4gICAgICAgICAgICogaHR0cHM6Ly9naXRodWIuY29tL2Fkb2JlL3JlYWN0LXNwZWN0cnVtL2Jsb2IvMmJkYTRjOTcxZGQ1NTdiZTdlY2M0NDYxNDU2OWE4MjgxZTZjYjZkZC9wYWNrYWdlcy8lNDByZWFjdC1hcmlhL292ZXJsYXlzL3NyYy91c2VPdmVybGF5LnRzI0wxMjgtTDEzMFxuICAgICAgICAgICAqXG4gICAgICAgICAgICogSW4gYWRkaXRpb24gdG8gdGhvc2Ugc2NlbmFyaW9zLCB0aGUgZm9jdXNlZCBlbGVtZW50IG1heSBnZXQgZGlzYWJsZWQgaW4gdGhlIHBvcG92ZXIsXG4gICAgICAgICAgICogd2hpY2ggbW92ZXMgdGhlIGZvY3VzIHRvIGJvZHkuXG4gICAgICAgICAgICpcbiAgICAgICAgICAgKiBjb250ZW50Rm9jdXNlZCBtaWdodCBoYXZlIGNoYW5nZWQgYmVmb3JlIHRpbWVvdXQgcmFkIGJ1dCB3ZSBvbmx5IGNhcmVcbiAgICAgICAgICAgKiBpbiBjYXNlIHRyYXBGb2N1cyBpcyB0cnVlLiBJZiB0aGF0J3MgdGhlIGNhc2UsIHdlIGRvbid0IHdhbnRcbiAgICAgICAgICAgKiB0byBjbG9zZSB0aGUgcG9wb3ZlciBpZiBhbnl0aGluZyBtb3ZlZCB0aGUgZm9jdXMgaW5zaWRlIGJlZm9yZSB0aGVcbiAgICAgICAgICAgKiB0aW1lb3V0IHJhbi5cbiAgICAgICAgICAgKi9cbiAgICAgICAgICAoIXRoaXMudHJhcEZvY3VzIHx8ICF0aGlzLmNvbnRlbnRGb2N1c2VkKSAmJlxuICAgICAgICAgIGRvY3VtZW50LmFjdGl2ZUVsZW1lbnQgIT09IGRvY3VtZW50LmJvZHkgJiZcbiAgICAgICAgICAhdGhpcy50cmlnZ2VyPy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQuY29udGFpbnMoXG4gICAgICAgICAgICBkb2N1bWVudC5hY3RpdmVFbGVtZW50XG4gICAgICAgICAgKVxuICAgICAgICApIHtcbiAgICAgICAgICB0aGlzLnRyaWdnZXI/LmNsb3NlKCk7XG4gICAgICAgIH1cbiAgICAgIH0pO1xuICAgIH1cbiAgfVxufVxuIiwiPCEtLVxuIE5PVEU6IGNka1RyYXBGb2N1cyBpcyByZXF1aXJlZCBmb3IgY2RrVHJhcEZvY3VzQXV0b0NhcHR1cmUgdG8gd29yaywgd2hpY2ggd291bGQgYmUgc2ltaWxhciB0b1xuIDxGb2N1c1Njb3BlIGF1dG9Gb2N1cyAvPiBpbiByZWFjdC1hcmlhLlxuXG4gSXQgcHJldmVudHMgZm9jdXMgZnJvbSBnb2luZyBvdXQgb2YgcG9wb3ZlciBieSBicmluZ2luZyBpdCBiYWNrIHRvIHRoZSBmaXJzdFxuIGZvY3VzYWJsZSBlbGVtZW50LlxuXG4gV2Ugc29tZXRpbWVzIGNvdW50ZXIgdGhpcyBpbiAoY2RrRm9jdXNDaGFuZ2UpIGFuZCBzb21ldGltZXMgZG9uJ3QsIGJhc2VkIG9uXG4gdGhlIFwidHJhcEZvY3VzXCIgaW5wdXQuXG4gIC0tPlxuPGRpdlxuICAjY29udGVudFdyYXBwZXJcbiAgW2lkXT1cIklEXCJcbiAgcm9sZT1cImRpYWxvZ1wiXG4gIHRhYmluZGV4PVwiLTFcIlxuICBjZGtNb25pdG9yU3VidHJlZUZvY3VzXG4gIGNka1RyYXBGb2N1c1xuICBbY2RrVHJhcEZvY3VzQXV0b0NhcHR1cmVdPVwiIW5vQXV0b0ZvY3VzXCJcbiAgY2xhc3M9XCJkaWFsb2dcIlxuICBbYXR0ci5hcmlhLWxhYmVsbGVkYnldPVwidGl0bGU/LklEXCJcbiAgKGNka0ZvY3VzQ2hhbmdlKT1cIl9jb250ZW50Rm9jdXNDaGFuZ2VkKCRldmVudClcIlxuPlxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L2Rpdj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicG9wb3Zlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL3BvcG92ZXIvc3JjL3BvcG92ZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9wb3BvdmVyL3NyYy9wb3BvdmVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBRUwsU0FBUyxFQUNULFlBQVksRUFDWixVQUFVLEVBQ1YsWUFBWSxFQUNaLE1BQU0sRUFDTixLQUFLLEVBQ0wsUUFBUSxFQUNSLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFJdkQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDNUUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQ3RFLE9BQU8sRUFBRSxlQUFlLEVBQWtCLE1BQU0sNkJBQTZCLENBQUM7QUFDOUUsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDbEUsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sMENBQTBDLENBQUM7Ozs7O0FBRXBGOzs7OztHQUtHO0FBYUgsTUFBTSxPQUFPLGdCQUFnQjtJQW1DM0IsWUFDK0MsT0FBd0I7UUFBeEIsWUFBTyxHQUFQLE9BQU8sQ0FBaUI7UUF0QnZFOztXQUVHO1FBR0gsZ0JBQVcsR0FBaUIsS0FBSyxDQUFDO1FBRWxDOztXQUVHO1FBR0gsY0FBUyxHQUFpQixLQUFLLENBQUM7UUFFaEMsT0FBRSxHQUFXLGNBQWMsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLEdBQUcsVUFBVSxDQUFDLEVBQUUsQ0FBQztRQUVwRTs7V0FFRztRQUNLLG1CQUFjLEdBQUcsS0FBSyxDQUFDO0lBSTVCLENBQUM7SUFFSixlQUFlO1FBQ2IsSUFBSSxDQUFDLElBQUksQ0FBQyxjQUFjLElBQUksQ0FBQyxJQUFJLENBQUMsV0FBVyxFQUFFO1lBQzdDLElBQUksQ0FBQyxjQUFjLEVBQUUsYUFBYSxDQUFDLEtBQUssRUFBRSxDQUFDO1NBQzVDO0lBQ0gsQ0FBQztJQUdPLFlBQVksQ0FBQyxLQUFvQjtRQUN2QyxJQUFJLENBQUMsY0FBYyxDQUFDLEtBQUssQ0FBQyxFQUFFO1lBQzFCLEtBQUssQ0FBQyxjQUFjLEVBQUUsQ0FBQztZQUN2QixJQUFJLENBQUMsT0FBTyxFQUFFLEtBQUssRUFBRSxDQUFDO1NBQ3ZCO0lBQ0gsQ0FBQztJQUVELG9CQUFvQixDQUFDLE1BQW1CO1FBQ3RDLElBQUksQ0FBQyxjQUFjLEdBQUcsTUFBTSxJQUFJLElBQUksQ0FBQztRQUVyQyxJQUFJLENBQUMsSUFBSSxDQUFDLGNBQWMsRUFBRTtZQUN4QiwyRkFBMkY7WUFDM0YsMkZBQTJGO1lBQzNGLGdCQUFnQjtZQUNoQixVQUFVLENBQUMsR0FBRyxFQUFFO2dCQUNkO2dCQUNFOzs7Ozs7Ozs7Ozs7bUJBWUc7Z0JBQ0gsQ0FBQyxDQUFDLElBQUksQ0FBQyxTQUFTLElBQUksQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDO29CQUN6QyxRQUFRLENBQUMsYUFBYSxLQUFLLFFBQVEsQ0FBQyxJQUFJO29CQUN4QyxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUUsVUFBVSxDQUFDLGFBQWEsQ0FBQyxRQUFRLENBQzlDLFFBQVEsQ0FBQyxhQUFhLENBQ3ZCLEVBQ0Q7b0JBQ0EsSUFBSSxDQUFDLE9BQU8sRUFBRSxLQUFLLEVBQUUsQ0FBQztpQkFDdkI7WUFDSCxDQUFDLENBQUMsQ0FBQztTQUNKO0lBQ0gsQ0FBQzs7NkdBckZVLGdCQUFnQixrQkFvQ0wsZUFBZTtpR0FwQzFCLGdCQUFnQix3Y0FTYixxQkFBcUIsNklBRUUsVUFBVSxrSUNsRGpELG9zQ0FnQ0E7QURVRTtJQURDLGFBQWE7bURBQ1U7QUFJeEI7SUFEQyxhQUFhO29EQUNXO0FBWXpCO0lBREMsYUFBYTtxREFDb0I7QUFPbEM7SUFEQyxhQUFhO21EQUNrQjsyRkExQnJCLGdCQUFnQjtrQkFaNUIsU0FBUzsrQkFDRSxZQUFZLFFBR2hCO3dCQUNKLDBCQUEwQixFQUFFLE1BQU07d0JBQ2xDLGtDQUFrQyxFQUFFLFlBQVk7d0JBQ2hELHFDQUFxQyxFQUFFLGFBQWE7d0JBQ3BELElBQUksRUFBRSxjQUFjO3FCQUNyQixrQkFDZSxDQUFDLG1CQUFtQixFQUFFLHdCQUF3QixDQUFDOzswQkFzQzVELFFBQVE7OzBCQUFJLE1BQU07MkJBQUMsZUFBZTs0Q0FqQ3JDLFNBQVM7c0JBRlIsS0FBSztnQkFNTixVQUFVO3NCQUZULEtBQUs7Z0JBSStCLEtBQUs7c0JBQXpDLFlBQVk7dUJBQUMscUJBQXFCO2dCQUczQixjQUFjO3NCQURyQixTQUFTO3VCQUFDLGdCQUFnQixFQUFFLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRTtnQkFRakQsV0FBVztzQkFGVixLQUFLO2dCQVNOLFNBQVM7c0JBRlIsS0FBSztnQkFzQkUsWUFBWTtzQkFEbkIsWUFBWTt1QkFBQyxnQkFBZ0IsRUFBRSxDQUFDLFFBQVEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEFmdGVyVmlld0luaXQsXG4gIENvbXBvbmVudCxcbiAgQ29udGVudENoaWxkLFxuICBFbGVtZW50UmVmLFxuICBIb3N0TGlzdGVuZXIsXG4gIEluamVjdCxcbiAgSW5wdXQsXG4gIE9wdGlvbmFsLFxuICBWaWV3Q2hpbGQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgaGFzTW9kaWZpZXJLZXkgfSBmcm9tICdAYW5ndWxhci9jZGsva2V5Y29kZXMnO1xuaW1wb3J0IHsgRm9jdXNPcmlnaW4gfSBmcm9tICdAYW5ndWxhci9jZGsvYTExeSc7XG5pbXBvcnQgeyBCb29sZWFuSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jZGsvY29lcmNpb24nO1xuXG5pbXBvcnQgeyBUaGVtZUNoZWNrRGlyZWN0aXZlIH0gZnJvbSAnLi4vLi4vdGhlbWUvc3JjL3RoZW1lLWNoZWNrLmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBDb2VyY2VCb29sZWFuIH0gZnJvbSAnLi4vLi4vY29tbW9uL2NvZXJjZS1ib29sZWFuLmRlY29yYXRvcic7XG5pbXBvcnQgeyBQT1BPVkVSX1RSSUdHRVIsIFBvcG92ZXJUcmlnZ2VyIH0gZnJvbSAnLi9wb3BvdmVyLXRyaWdnZXIuZGlyZWN0aXZlJztcbmltcG9ydCB7IFBvcG92ZXJUaXRsZURpcmVjdGl2ZSB9IGZyb20gJy4vcG9wb3Zlci10aXRsZS5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgVXNlQ29tcG9uZW50U3R5bGVzT25Ib3N0IH0gZnJvbSAnLi4vLi4vY29tbW9uL3NhcHBoaXJlLXZpZXctZW5jYXBzdWxhdGlvbic7XG5cbi8qKlxuICogQSBnZW5lcmljIHBvcG92ZXIgY29tcG9uZW50IHdoaWNoIGxldHMgeW91IHJlbmRlciBhcmJpdHJhcnlcbiAqIGNvbnRlbnQgaW4gYSBwb3BvdmVyIG92ZXJsYXkgd2hpY2ggaXMgbGlua2VkIHRvIGEgdHJpZ2dlciwgYW5kIGlzIGFjY2Vzc2libGVcbiAqIGFzXG4gKiBbZGlhbG9nXShodHRwczovL2RldmVsb3Blci5tb3ppbGxhLm9yZy9lbi1VUy9kb2NzL1dlYi9BY2Nlc3NpYmlsaXR5L0FSSUEvUm9sZXMvZGlhbG9nX3JvbGUpLlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzcC1wb3BvdmVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3BvcG92ZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9wb3BvdmVyLmNvbXBvbmVudC5zY3NzJ10sXG4gIGhvc3Q6IHtcbiAgICAnW2NsYXNzLnNhcHBoaXJlLXBvcG92ZXJdJzogJ3RydWUnLFxuICAgICdbY2xhc3Muc2FwcGhpcmUtcG9wb3Zlci0tcGFkZGVkXSc6ICchbm9QYWRkaW5nJyxcbiAgICAnW2NsYXNzLnNhcHBoaXJlLXBvcG92ZXItLW1heC13aWR0aF0nOiAnIW5vTWF4V2lkdGgnLFxuICAgIHJvbGU6ICdwcmVzZW50YXRpb24nLFxuICB9LFxuICBob3N0RGlyZWN0aXZlczogW1RoZW1lQ2hlY2tEaXJlY3RpdmUsIFVzZUNvbXBvbmVudFN0eWxlc09uSG9zdF0sXG59KVxuZXhwb3J0IGNsYXNzIFBvcG92ZXJDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0IHtcbiAgQElucHV0KClcbiAgQENvZXJjZUJvb2xlYW5cbiAgbm9QYWRkaW5nOiBCb29sZWFuSW5wdXQ7XG5cbiAgQElucHV0KClcbiAgQENvZXJjZUJvb2xlYW5cbiAgbm9NYXhXaWR0aDogQm9vbGVhbklucHV0O1xuXG4gIEBDb250ZW50Q2hpbGQoUG9wb3ZlclRpdGxlRGlyZWN0aXZlKSB0aXRsZT86IFBvcG92ZXJUaXRsZURpcmVjdGl2ZTtcblxuICBAVmlld0NoaWxkKCdjb250ZW50V3JhcHBlcicsIHsgcmVhZDogRWxlbWVudFJlZiB9KVxuICBwcml2YXRlIGNvbnRlbnRXcmFwcGVyPzogRWxlbWVudFJlZjtcblxuICAvKipcbiAgICogV2hldGhlciB0aGUgZGVmYXVsdCBiZWhhdmlvciBvZiBtb3ZpbmcgZm9jdXMgdG8gdGhlIHBvcG92ZXIgY29udGVudCB1cG9uIG9wZW4gc2hvdWxkIGJlIGRpc2FibGVkXG4gICAqL1xuICBASW5wdXQoKVxuICBAQ29lcmNlQm9vbGVhblxuICBub0F1dG9Gb2N1czogQm9vbGVhbklucHV0ID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIFdoZXRlciB0aGUgcG9wb3ZlciB0cmFwcyB0aGUgZm9jdXMgaW5zaWRlLlxuICAgKi9cbiAgQElucHV0KClcbiAgQENvZXJjZUJvb2xlYW5cbiAgdHJhcEZvY3VzOiBCb29sZWFuSW5wdXQgPSBmYWxzZTtcblxuICBJRDogc3RyaW5nID0gYHNwLXBvcG92ZXItJHtNYXRoLmZsb29yKE1hdGgucmFuZG9tKCkgKiAxMDAwMDAwMDAwKX1gO1xuXG4gIC8qKlxuICAgKiBLZWVwcyB0cmFjayBvZiBpZiB0aGUgY29udGVudCBpcyBmb2N1c2VkXG4gICAqL1xuICBwcml2YXRlIGNvbnRlbnRGb2N1c2VkID0gZmFsc2U7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgQE9wdGlvbmFsKCkgQEluamVjdChQT1BPVkVSX1RSSUdHRVIpIHByaXZhdGUgdHJpZ2dlcj86IFBvcG92ZXJUcmlnZ2VyXG4gICkge31cblxuICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgaWYgKCF0aGlzLmNvbnRlbnRGb2N1c2VkICYmICF0aGlzLm5vQXV0b0ZvY3VzKSB7XG4gICAgICB0aGlzLmNvbnRlbnRXcmFwcGVyPy5uYXRpdmVFbGVtZW50LmZvY3VzKCk7XG4gICAgfVxuICB9XG5cbiAgQEhvc3RMaXN0ZW5lcigna2V5ZG93bi5Fc2NhcGUnLCBbJyRldmVudCddKVxuICBwcml2YXRlIGhhbmRsZUVzY2FwZShldmVudDogS2V5Ym9hcmRFdmVudCkge1xuICAgIGlmICghaGFzTW9kaWZpZXJLZXkoZXZlbnQpKSB7XG4gICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgdGhpcy50cmlnZ2VyPy5jbG9zZSgpO1xuICAgIH1cbiAgfVxuXG4gIF9jb250ZW50Rm9jdXNDaGFuZ2VkKG9yaWdpbjogRm9jdXNPcmlnaW4pIHtcbiAgICB0aGlzLmNvbnRlbnRGb2N1c2VkID0gb3JpZ2luICE9IG51bGw7XG5cbiAgICBpZiAoIXRoaXMuY29udGVudEZvY3VzZWQpIHtcbiAgICAgIC8vIGNka0ZvY3VzQ2hhbmdlIGRvZXNuJ3QgZ2l2ZSBhY2Nlc3MgdG8gdGhlIG5hdGl2ZSBldmVudCwgc28gd2UgY2FuJ3QgZmlndXJlIG91dCB3aGVyZSB0aGVcbiAgICAgIC8vIGZvY3VzIGlzIGdvaW5nLiBTbyB3ZSBhc3luY2hyb25vdXNseSBjaGVjayBpZiB0aGUgZm9jdXMgaXMgb3V0c2lkZSB0aGUgdHJpZ2dlciBhbmQgY2xvc2VcbiAgICAgIC8vIGluIHRoYXQgY2FzZS5cbiAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICBpZiAoXG4gICAgICAgICAgLyoqXG4gICAgICAgICAgICogSWYgdGhlIGZvY3VzIGlzIGdvaW5nIHRvIGJvZHksIGRvbid0IGNsb3NlIHRoZSBwb3BvdmVyLlxuICAgICAgICAgICAqIHNpbWlsYXIgY29uc2lkZXJhdGlvbiBpbiByZWFjdC1hcmlhJ3MgdXNlT3ZlcmxheTpcbiAgICAgICAgICAgKiBodHRwczovL2dpdGh1Yi5jb20vYWRvYmUvcmVhY3Qtc3BlY3RydW0vYmxvYi8yYmRhNGM5NzFkZDU1N2JlN2VjYzQ0NjE0NTY5YTgyODFlNmNiNmRkL3BhY2thZ2VzLyU0MHJlYWN0LWFyaWEvb3ZlcmxheXMvc3JjL3VzZU92ZXJsYXkudHMjTDEyOC1MMTMwXG4gICAgICAgICAgICpcbiAgICAgICAgICAgKiBJbiBhZGRpdGlvbiB0byB0aG9zZSBzY2VuYXJpb3MsIHRoZSBmb2N1c2VkIGVsZW1lbnQgbWF5IGdldCBkaXNhYmxlZCBpbiB0aGUgcG9wb3ZlcixcbiAgICAgICAgICAgKiB3aGljaCBtb3ZlcyB0aGUgZm9jdXMgdG8gYm9keS5cbiAgICAgICAgICAgKlxuICAgICAgICAgICAqIGNvbnRlbnRGb2N1c2VkIG1pZ2h0IGhhdmUgY2hhbmdlZCBiZWZvcmUgdGltZW91dCByYWQgYnV0IHdlIG9ubHkgY2FyZVxuICAgICAgICAgICAqIGluIGNhc2UgdHJhcEZvY3VzIGlzIHRydWUuIElmIHRoYXQncyB0aGUgY2FzZSwgd2UgZG9uJ3Qgd2FudFxuICAgICAgICAgICAqIHRvIGNsb3NlIHRoZSBwb3BvdmVyIGlmIGFueXRoaW5nIG1vdmVkIHRoZSBmb2N1cyBpbnNpZGUgYmVmb3JlIHRoZVxuICAgICAgICAgICAqIHRpbWVvdXQgcmFuLlxuICAgICAgICAgICAqL1xuICAgICAgICAgICghdGhpcy50cmFwRm9jdXMgfHwgIXRoaXMuY29udGVudEZvY3VzZWQpICYmXG4gICAgICAgICAgZG9jdW1lbnQuYWN0aXZlRWxlbWVudCAhPT0gZG9jdW1lbnQuYm9keSAmJlxuICAgICAgICAgICF0aGlzLnRyaWdnZXI/LmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudC5jb250YWlucyhcbiAgICAgICAgICAgIGRvY3VtZW50LmFjdGl2ZUVsZW1lbnRcbiAgICAgICAgICApXG4gICAgICAgICkge1xuICAgICAgICAgIHRoaXMudHJpZ2dlcj8uY2xvc2UoKTtcbiAgICAgICAgfVxuICAgICAgfSk7XG4gICAgfVxuICB9XG59XG4iLCI8IS0tXG4gTk9URTogY2RrVHJhcEZvY3VzIGlzIHJlcXVpcmVkIGZvciBjZGtUcmFwRm9jdXNBdXRvQ2FwdHVyZSB0byB3b3JrLCB3aGljaCB3b3VsZCBiZSBzaW1pbGFyIHRvXG4gPEZvY3VzU2NvcGUgYXV0b0ZvY3VzIC8+IGluIHJlYWN0LWFyaWEuXG5cbiBJdCBwcmV2ZW50cyBmb2N1cyBmcm9tIGdvaW5nIG91dCBvZiBwb3BvdmVyIGJ5IGJyaW5naW5nIGl0IGJhY2sgdG8gdGhlIGZpcnN0XG4gZm9jdXNhYmxlIGVsZW1lbnQuXG5cbiBXZSBzb21ldGltZXMgY291bnRlciB0aGlzIGluIChjZGtGb2N1c0NoYW5nZSkgYW5kIHNvbWV0aW1lcyBkb24ndCwgYmFzZWQgb25cbiB0aGUgXCJ0cmFwRm9jdXNcIiBpbnB1dC5cbiAgLS0+XG48ZGl2IGNsYXNzPVwic2FwcGhpcmUtcG9wb3Zlcl9fY29udGVudFwiIHJvbGU9XCJwcmVzZW50YXRpb25cIj5cbiAgPCEtLSBOT1RFOiB0aGUgcm9sZS1kaWFsb2cgd3JhcHBlciBpcyBvbmx5IG5lZWRlZCBmb3IgZ2VuZXJpYyBwb3BvdmVycy5cbiAgIEluIHVzZSBjYXNlcyBsaWtlIFNlbGVjdCwgcm9sZT1saXN0Ym94IGRvZXNuJ3QgbmVlZCB0byBiZSB3cmFwcGVkIGluIHRoZSByb2xlPWRpYWxvZyBlbGVtZW50LFxuICAgYW5kIHRoYXQncyBob3cgaXQgaXMgaW4gdGhlIFJlYWN0IGltcGwgKHJvbGU9ZGlhbG9nIGlzIHJlbmRlcmVkIG9ubHkgd2hlbiBQb3BvdmVyVHJpZ2dlciBpcyB1c2VkKVxuICAgV2UgY2FuIGNvbnNpZGVyIGFsbG93aW5nIGZvciBubyBkaWFsb2cgd3JhcHBlciBmb3IgdXNlIGNhc2VzIGxpa2UgU2VsZWN0LCBidXQgaXQgcmVxdWlyZXNcbiAgIHNvbWUgcmVmYWN0b3JpbmcgYXJvdW5kIHRoZSBmb2N1cyBtYW5hZ2VtZW50IGRpcmVjdGl2ZXMuXG4gICAtLT5cbiAgPGRpdlxuICAgICNjb250ZW50V3JhcHBlclxuICAgIFtpZF09XCJJRFwiXG4gICAgcm9sZT1cImRpYWxvZ1wiXG4gICAgdGFiaW5kZXg9XCItMVwiXG4gICAgY2RrTW9uaXRvclN1YnRyZWVGb2N1c1xuICAgIGNka1RyYXBGb2N1c1xuICAgIFtjZGtUcmFwRm9jdXNBdXRvQ2FwdHVyZV09XCIhbm9BdXRvRm9jdXNcIlxuICAgIGNsYXNzPVwiZGlhbG9nXCJcbiAgICBbYXR0ci5hcmlhLWxhYmVsbGVkYnldPVwidGl0bGU/LklEXCJcbiAgICAoY2RrRm9jdXNDaGFuZ2UpPVwiX2NvbnRlbnRGb2N1c0NoYW5nZWQoJGV2ZW50KVwiXG4gID5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=

package/esm2020/lib/select/src/basic-select/basic-select.component.mjs

@@ -97,7 +97,7 @@ BasicSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
             useExisting: forwardRef(() => BasicSelectComponent),
         },
         ViewEncapsulationProvider,
-    ], viewQueries: [{ propertyName: "triggerRef", first: true, predicate: ["triggerRef"], descendants: true }, { propertyName: "triggerElementRef", first: true, predicate: ["triggerElementRef"], descendants: true, read: ElementRef }, { propertyName: "listbox", first: true, predicate: ListboxComponent, descendants: true }], exportAs: ["spBasicSelect"], usesInheritance: true, ngImport: i0, template: "<div style=\"position: relative\">\n  <sp-hidden-select></sp-hidden-select>\n  <button\n    sp-button\n    [variant]=\"variant\"\n    [size]=\"size\"\n    iconAlign=\"right\"\n    [spPopoverTriggerFor]=\"popover\"\n    spPopoverPlacement=\"bottom start\"\n    #triggerElementRef\n    #triggerRef=\"spPopoverTrigger\"\n    (keydown)=\"handleKeyDown($event)\"\n    (spPopoverTriggerOpened)=\"_onOpen()\"\n    (spPopoverTriggerClosed)=\"_onClose()\"\n    cdkMonitorElementFocus\n    (cdkFocusChange)=\"_onFocusChange($event)\"\n    aria-haspopup=\"listbox\"\n    [attr.aria-label]=\"ariaLabel\"\n    [attr.aria-labelledby]=\"ariaLabelledby\"\n    [disabled]=\"disabled\"\n  >\n    <span *ngIf=\"selectedOptions.length === 0\">\n      {{ placeholder }}\n    </span>\n    <ng-container *ngIf=\"selectedOptions.length > 0\">\n      <ng-container *ngIf=\"!selectionText\">{{\n        getSelectionText()\n      }}</ng-container>\n      <ng-content select=\"sp-selection-text\"></ng-content>\n    </ng-container>\n    <sp-icon spButtonIcon name=\"chevronDown\"></sp-icon>\n  </button>\n  <ng-template #popover>\n    <sp-popover noPadding>\n      <sp-listbox\n        [spListboxItems]=\"listboxChildren\"\n        navigationWrapDisabled\n        [multiple]=\"multiple\"\n        [(selectedValues)]=\"listboxValue\"\n        (selected)=\"_handleSelected()\"\n        [size]=\"size\"\n      >\n      </sp-listbox>\n    </sp-popover>\n  </ng-template>\n</div>\n", styles: [".sapphire-select{position:relative;display:block;color:var(--sapphire-semantic-color-content-default-primary);font-family:var(--sapphire-semantic-font-name-default);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-select__button{display:flex;align-items:center;height:var(--sapphire-semantic-size-height-input-lg);box-sizing:border-box;cursor:pointer;padding:0 var(--sapphire-semantic-size-spacing-control-horizontal-lg);border:none;background-color:var(--sapphire-semantic-color-background-field-default);width:100%;outline:0;text-align:left;color:inherit;font-family:inherit;box-shadow:inset 0 0 0 1px var(--sapphire-semantic-color-border-field-default);border-radius:var(--sapphire-semantic-size-radius-sm);gap:var(--sapphire-semantic-size-spacing-30)}.sapphire-select--md .sapphire-select__button{height:var(--sapphire-semantic-size-height-input-md);padding:0 var(--sapphire-semantic-size-spacing-control-horizontal-md);gap:var(--sapphire-semantic-size-spacing-20)}.sapphire-select__value{flex:1 0 0;min-width:0;font-size:var(--sapphire-semantic-size-font-control-default);width:100%;font-weight:var(--sapphire-semantic-font-weight-default-regular);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sapphire-select--md .sapphire-select__value{font-size:var(--sapphire-semantic-size-font-control-md)}.sapphire-select__placeholder{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--sapphire-semantic-color-content-default-secondary)}.sapphire-select__icon-container{line-height:0;width:var(--sapphire-semantic-size-icon-lg);height:var(--sapphire-semantic-size-icon-lg)}.sapphire-select--md .sapphire-select__icon-container{width:var(--sapphire-semantic-size-icon-md);height:var(--sapphire-semantic-size-icon-md)}.sapphire-select__prefix{display:inherit;font-size:var(--sapphire-semantic-size-font-control-default)}.sapphire-select--md .sapphire-select__prefix{font-size:var(--sapphire-semantic-size-font-control-md)}.sapphire-select__search-input:not([data-hidden=true]){all:inherit}.sapphire-select__search-input::placeholder{color:var(--sapphire-semantic-color-content-default-secondary)}.sapphire-select__native-select{position:absolute;inset:0;opacity:.01;width:100%;z-index:1}.sapphire-select--error:not(.is-disabled) .sapphire-select__button{box-shadow:inset 0 0 0 1px var(--sapphire-semantic-color-border-field-error)}.sapphire-select:not(.is-disabled).is-focus .sapphire-select__button{box-shadow:inset 0 0 0 var(--sapphire-semantic-size-focus-ring) var(--sapphire-semantic-color-focus-ring)}.sapphire-select--error:not(.is-disabled).is-focus .sapphire-select__button{box-shadow:inset 0 0 0 var(--sapphire-semantic-size-focus-ring) var(--sapphire-semantic-color-border-field-error)}.sapphire-select.is-disabled .sapphire-select__button{cursor:not-allowed}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.IconComponent, selector: "sp-icon", inputs: ["name", "size"] }, { kind: "component", type: i5.ListboxComponent, selector: "sp-listbox", inputs: ["selectedValues", "spListboxItems", "disabled", "multiple", "navigationWrapDisabled", "aria-label", "aria-labelledby", "size", "id"], outputs: ["selectedValuesChange", "selected"], exportAs: ["spListbox"] }, { kind: "component", type: i6.PopoverComponent, selector: "sp-popover", inputs: ["noPadding", "noMaxWidth", "noAutoFocus", "trapFocus"] }, { kind: "directive", type: i7.PopoverTriggerDirective, selector: "[spPopoverTriggerFor]", inputs: ["spPopoverPlacement", "spPopoverTriggerFor", "spPopoverNonModal", "spPopoverTriggerOpenOnPressStart", "spPopoverTriggerCloseOnScroll", "spPopoverTriggerDisabled", "spPopoverDisablePushInsideViewport"], outputs: ["spPopoverTriggerOpened", "spPopoverTriggerClosed"], exportAs: ["spPopoverTrigger"] }, { kind: "directive", type: i2.CdkMonitorFocus, selector: "[cdkMonitorElementFocus], [cdkMonitorSubtreeFocus]", outputs: ["cdkFocusChange"], exportAs: ["cdkMonitorFocus"] }, { kind: "component", type: i8.ButtonComponent, selector: "button[sp-button], a[sp-button]", inputs: ["variant", "size", "disabled", "iconAlign", "type"] }, { kind: "directive", type: i9.ButtonIconDirective, selector: "[spButtonIcon]" }, { kind: "component", type: i10.HiddenSelectComponent, selector: "sp-hidden-select" }] });
+    ], viewQueries: [{ propertyName: "triggerRef", first: true, predicate: ["triggerRef"], descendants: true }, { propertyName: "triggerElementRef", first: true, predicate: ["triggerElementRef"], descendants: true, read: ElementRef }, { propertyName: "listbox", first: true, predicate: ListboxComponent, descendants: true }], exportAs: ["spBasicSelect"], usesInheritance: true, ngImport: i0, template: "<div style=\"position: relative\">\n  <sp-hidden-select></sp-hidden-select>\n  <button\n    sp-button\n    [variant]=\"variant\"\n    [size]=\"size\"\n    iconAlign=\"right\"\n    [spPopoverTriggerFor]=\"popover\"\n    spPopoverPlacement=\"bottom start\"\n    #triggerElementRef\n    #triggerRef=\"spPopoverTrigger\"\n    (keydown)=\"handleKeyDown($event)\"\n    (spPopoverTriggerOpened)=\"_onOpen()\"\n    (spPopoverTriggerClosed)=\"_onClose()\"\n    cdkMonitorElementFocus\n    (cdkFocusChange)=\"_onFocusChange($event)\"\n    aria-haspopup=\"listbox\"\n    [attr.aria-label]=\"ariaLabel\"\n    [attr.aria-labelledby]=\"ariaLabelledby\"\n    [disabled]=\"disabled\"\n  >\n    <span *ngIf=\"selectedOptions.length === 0\">\n      {{ placeholder }}\n    </span>\n    <ng-container *ngIf=\"selectedOptions.length > 0\">\n      <ng-container *ngIf=\"!selectionText\">{{\n        getSelectionText()\n      }}</ng-container>\n      <ng-content select=\"sp-selection-text\"></ng-content>\n    </ng-container>\n    <sp-icon spButtonIcon name=\"chevronDown\"></sp-icon>\n  </button>\n  <ng-template #popover>\n    <sp-popover noPadding>\n      <sp-listbox\n        [spListboxItems]=\"listboxChildren\"\n        navigationWrapDisabled\n        [multiple]=\"multiple\"\n        [(selectedValues)]=\"listboxValue\"\n        (selected)=\"_handleSelected()\"\n        [size]=\"size\"\n      >\n      </sp-listbox>\n    </sp-popover>\n  </ng-template>\n</div>\n", styles: [".sapphire-select{position:relative;display:block;color:var(--sapphire-semantic-color-content-default-primary);font-family:var(--sapphire-semantic-font-name-default);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-select__button{display:flex;align-items:center;height:var(--sapphire-semantic-size-height-input-lg);box-sizing:border-box;cursor:pointer;padding:0 var(--sapphire-semantic-size-spacing-control-horizontal-lg);border:none;background-color:var(--sapphire-semantic-color-background-field-default);width:100%;outline:0;text-align:left;color:inherit;font-family:inherit;box-shadow:inset 0 0 0 1px var(--sapphire-semantic-color-border-field-default);border-radius:var(--sapphire-semantic-size-radius-sm);gap:var(--sapphire-semantic-size-spacing-30)}.sapphire-select--md .sapphire-select__button{height:var(--sapphire-semantic-size-height-input-md);padding:0 var(--sapphire-semantic-size-spacing-control-horizontal-md);gap:var(--sapphire-semantic-size-spacing-20)}.sapphire-select__value{flex:1 0 0;min-width:0;font-size:var(--sapphire-semantic-size-font-control-default);width:100%;font-weight:var(--sapphire-semantic-font-weight-default-regular);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sapphire-select--md .sapphire-select__value{font-size:var(--sapphire-semantic-size-font-control-md)}.sapphire-select__placeholder{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--sapphire-semantic-color-content-default-secondary);pointer-events:none}.sapphire-select__icon-container{line-height:0;width:var(--sapphire-semantic-size-icon-lg);height:var(--sapphire-semantic-size-icon-lg)}.sapphire-select--md .sapphire-select__icon-container{width:var(--sapphire-semantic-size-icon-md);height:var(--sapphire-semantic-size-icon-md)}.sapphire-select__prefix{display:inherit;font-size:var(--sapphire-semantic-size-font-control-default)}.sapphire-select--md .sapphire-select__prefix{font-size:var(--sapphire-semantic-size-font-control-md)}.sapphire-select__search-input:not([data-hidden=true]){all:inherit}.sapphire-select__search-input::placeholder{color:var(--sapphire-semantic-color-content-default-secondary)}.sapphire-select__native-select{position:absolute;inset:0;opacity:.01;width:100%;z-index:1}.sapphire-select--error:not(.is-disabled) .sapphire-select__button{box-shadow:inset 0 0 0 1px var(--sapphire-semantic-color-border-field-error)}.sapphire-select:not(.is-disabled).is-focus .sapphire-select__button{box-shadow:inset 0 0 0 var(--sapphire-semantic-size-focus-ring) var(--sapphire-semantic-color-focus-ring)}.sapphire-select--error:not(.is-disabled).is-focus .sapphire-select__button{box-shadow:inset 0 0 0 var(--sapphire-semantic-size-focus-ring) var(--sapphire-semantic-color-border-field-error)}.sapphire-select.is-disabled .sapphire-select__button{cursor:not-allowed}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.IconComponent, selector: "sp-icon", inputs: ["name", "size"] }, { kind: "component", type: i5.ListboxComponent, selector: "sp-listbox", inputs: ["selectedValues", "spListboxItems", "disabled", "multiple", "navigationWrapDisabled", "aria-label", "aria-labelledby", "size", "id"], outputs: ["selectedValuesChange", "selected"], exportAs: ["spListbox"] }, { kind: "component", type: i6.PopoverComponent, selector: "sp-popover", inputs: ["noPadding", "noMaxWidth", "noAutoFocus", "trapFocus"] }, { kind: "directive", type: i7.PopoverTriggerDirective, selector: "[spPopoverTriggerFor]", inputs: ["spPopoverPlacement", "spPopoverTriggerFor", "spPopoverNonModal", "spPopoverTriggerOpenOnPressStart", "spPopoverTriggerCloseOnScroll", "spPopoverTriggerDisabled", "spPopoverDisablePushInsideViewport"], outputs: ["spPopoverTriggerOpened", "spPopoverTriggerClosed"], exportAs: ["spPopoverTrigger"] }, { kind: "directive", type: i2.CdkMonitorFocus, selector: "[cdkMonitorElementFocus], [cdkMonitorSubtreeFocus]", outputs: ["cdkFocusChange"], exportAs: ["cdkMonitorFocus"] }, { kind: "component", type: i8.ButtonComponent, selector: "button[sp-button], a[sp-button]", inputs: ["variant", "size", "disabled", "iconAlign", "type"] }, { kind: "directive", type: i9.ButtonIconDirective, selector: "[spButtonIcon]" }, { kind: "component", type: i10.HiddenSelectComponent, selector: "sp-hidden-select" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: BasicSelectComponent, decorators: [{
             type: Component,
             args: [{ selector: 'sp-basic-select', exportAs: 'spBasicSelect', providers: [
@@ -114,7 +114,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
                     ], host: {
                         '[attr.aria-label]': 'null',
                         '[attr.aria-labelledby]': 'null',
-                    }, template: "<div style=\"position: relative\">\n  <sp-hidden-select></sp-hidden-select>\n  <button\n    sp-button\n    [variant]=\"variant\"\n    [size]=\"size\"\n    iconAlign=\"right\"\n    [spPopoverTriggerFor]=\"popover\"\n    spPopoverPlacement=\"bottom start\"\n    #triggerElementRef\n    #triggerRef=\"spPopoverTrigger\"\n    (keydown)=\"handleKeyDown($event)\"\n    (spPopoverTriggerOpened)=\"_onOpen()\"\n    (spPopoverTriggerClosed)=\"_onClose()\"\n    cdkMonitorElementFocus\n    (cdkFocusChange)=\"_onFocusChange($event)\"\n    aria-haspopup=\"listbox\"\n    [attr.aria-label]=\"ariaLabel\"\n    [attr.aria-labelledby]=\"ariaLabelledby\"\n    [disabled]=\"disabled\"\n  >\n    <span *ngIf=\"selectedOptions.length === 0\">\n      {{ placeholder }}\n    </span>\n    <ng-container *ngIf=\"selectedOptions.length > 0\">\n      <ng-container *ngIf=\"!selectionText\">{{\n        getSelectionText()\n      }}</ng-container>\n      <ng-content select=\"sp-selection-text\"></ng-content>\n    </ng-container>\n    <sp-icon spButtonIcon name=\"chevronDown\"></sp-icon>\n  </button>\n  <ng-template #popover>\n    <sp-popover noPadding>\n      <sp-listbox\n        [spListboxItems]=\"listboxChildren\"\n        navigationWrapDisabled\n        [multiple]=\"multiple\"\n        [(selectedValues)]=\"listboxValue\"\n        (selected)=\"_handleSelected()\"\n        [size]=\"size\"\n      >\n      </sp-listbox>\n    </sp-popover>\n  </ng-template>\n</div>\n", styles: [".sapphire-select{position:relative;display:block;color:var(--sapphire-semantic-color-content-default-primary);font-family:var(--sapphire-semantic-font-name-default);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-select__button{display:flex;align-items:center;height:var(--sapphire-semantic-size-height-input-lg);box-sizing:border-box;cursor:pointer;padding:0 var(--sapphire-semantic-size-spacing-control-horizontal-lg);border:none;background-color:var(--sapphire-semantic-color-background-field-default);width:100%;outline:0;text-align:left;color:inherit;font-family:inherit;box-shadow:inset 0 0 0 1px var(--sapphire-semantic-color-border-field-default);border-radius:var(--sapphire-semantic-size-radius-sm);gap:var(--sapphire-semantic-size-spacing-30)}.sapphire-select--md .sapphire-select__button{height:var(--sapphire-semantic-size-height-input-md);padding:0 var(--sapphire-semantic-size-spacing-control-horizontal-md);gap:var(--sapphire-semantic-size-spacing-20)}.sapphire-select__value{flex:1 0 0;min-width:0;font-size:var(--sapphire-semantic-size-font-control-default);width:100%;font-weight:var(--sapphire-semantic-font-weight-default-regular);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sapphire-select--md .sapphire-select__value{font-size:var(--sapphire-semantic-size-font-control-md)}.sapphire-select__placeholder{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--sapphire-semantic-color-content-default-secondary)}.sapphire-select__icon-container{line-height:0;width:var(--sapphire-semantic-size-icon-lg);height:var(--sapphire-semantic-size-icon-lg)}.sapphire-select--md .sapphire-select__icon-container{width:var(--sapphire-semantic-size-icon-md);height:var(--sapphire-semantic-size-icon-md)}.sapphire-select__prefix{display:inherit;font-size:var(--sapphire-semantic-size-font-control-default)}.sapphire-select--md .sapphire-select__prefix{font-size:var(--sapphire-semantic-size-font-control-md)}.sapphire-select__search-input:not([data-hidden=true]){all:inherit}.sapphire-select__search-input::placeholder{color:var(--sapphire-semantic-color-content-default-secondary)}.sapphire-select__native-select{position:absolute;inset:0;opacity:.01;width:100%;z-index:1}.sapphire-select--error:not(.is-disabled) .sapphire-select__button{box-shadow:inset 0 0 0 1px var(--sapphire-semantic-color-border-field-error)}.sapphire-select:not(.is-disabled).is-focus .sapphire-select__button{box-shadow:inset 0 0 0 var(--sapphire-semantic-size-focus-ring) var(--sapphire-semantic-color-focus-ring)}.sapphire-select--error:not(.is-disabled).is-focus .sapphire-select__button{box-shadow:inset 0 0 0 var(--sapphire-semantic-size-focus-ring) var(--sapphire-semantic-color-border-field-error)}.sapphire-select.is-disabled .sapphire-select__button{cursor:not-allowed}\n"] }]
+                    }, template: "<div style=\"position: relative\">\n  <sp-hidden-select></sp-hidden-select>\n  <button\n    sp-button\n    [variant]=\"variant\"\n    [size]=\"size\"\n    iconAlign=\"right\"\n    [spPopoverTriggerFor]=\"popover\"\n    spPopoverPlacement=\"bottom start\"\n    #triggerElementRef\n    #triggerRef=\"spPopoverTrigger\"\n    (keydown)=\"handleKeyDown($event)\"\n    (spPopoverTriggerOpened)=\"_onOpen()\"\n    (spPopoverTriggerClosed)=\"_onClose()\"\n    cdkMonitorElementFocus\n    (cdkFocusChange)=\"_onFocusChange($event)\"\n    aria-haspopup=\"listbox\"\n    [attr.aria-label]=\"ariaLabel\"\n    [attr.aria-labelledby]=\"ariaLabelledby\"\n    [disabled]=\"disabled\"\n  >\n    <span *ngIf=\"selectedOptions.length === 0\">\n      {{ placeholder }}\n    </span>\n    <ng-container *ngIf=\"selectedOptions.length > 0\">\n      <ng-container *ngIf=\"!selectionText\">{{\n        getSelectionText()\n      }}</ng-container>\n      <ng-content select=\"sp-selection-text\"></ng-content>\n    </ng-container>\n    <sp-icon spButtonIcon name=\"chevronDown\"></sp-icon>\n  </button>\n  <ng-template #popover>\n    <sp-popover noPadding>\n      <sp-listbox\n        [spListboxItems]=\"listboxChildren\"\n        navigationWrapDisabled\n        [multiple]=\"multiple\"\n        [(selectedValues)]=\"listboxValue\"\n        (selected)=\"_handleSelected()\"\n        [size]=\"size\"\n      >\n      </sp-listbox>\n    </sp-popover>\n  </ng-template>\n</div>\n", styles: [".sapphire-select{position:relative;display:block;color:var(--sapphire-semantic-color-content-default-primary);font-family:var(--sapphire-semantic-font-name-default);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-select__button{display:flex;align-items:center;height:var(--sapphire-semantic-size-height-input-lg);box-sizing:border-box;cursor:pointer;padding:0 var(--sapphire-semantic-size-spacing-control-horizontal-lg);border:none;background-color:var(--sapphire-semantic-color-background-field-default);width:100%;outline:0;text-align:left;color:inherit;font-family:inherit;box-shadow:inset 0 0 0 1px var(--sapphire-semantic-color-border-field-default);border-radius:var(--sapphire-semantic-size-radius-sm);gap:var(--sapphire-semantic-size-spacing-30)}.sapphire-select--md .sapphire-select__button{height:var(--sapphire-semantic-size-height-input-md);padding:0 var(--sapphire-semantic-size-spacing-control-horizontal-md);gap:var(--sapphire-semantic-size-spacing-20)}.sapphire-select__value{flex:1 0 0;min-width:0;font-size:var(--sapphire-semantic-size-font-control-default);width:100%;font-weight:var(--sapphire-semantic-font-weight-default-regular);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sapphire-select--md .sapphire-select__value{font-size:var(--sapphire-semantic-size-font-control-md)}.sapphire-select__placeholder{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--sapphire-semantic-color-content-default-secondary);pointer-events:none}.sapphire-select__icon-container{line-height:0;width:var(--sapphire-semantic-size-icon-lg);height:var(--sapphire-semantic-size-icon-lg)}.sapphire-select--md .sapphire-select__icon-container{width:var(--sapphire-semantic-size-icon-md);height:var(--sapphire-semantic-size-icon-md)}.sapphire-select__prefix{display:inherit;font-size:var(--sapphire-semantic-size-font-control-default)}.sapphire-select--md .sapphire-select__prefix{font-size:var(--sapphire-semantic-size-font-control-md)}.sapphire-select__search-input:not([data-hidden=true]){all:inherit}.sapphire-select__search-input::placeholder{color:var(--sapphire-semantic-color-content-default-secondary)}.sapphire-select__native-select{position:absolute;inset:0;opacity:.01;width:100%;z-index:1}.sapphire-select--error:not(.is-disabled) .sapphire-select__button{box-shadow:inset 0 0 0 1px var(--sapphire-semantic-color-border-field-error)}.sapphire-select:not(.is-disabled).is-focus .sapphire-select__button{box-shadow:inset 0 0 0 var(--sapphire-semantic-size-focus-ring) var(--sapphire-semantic-color-focus-ring)}.sapphire-select--error:not(.is-disabled).is-focus .sapphire-select__button{box-shadow:inset 0 0 0 var(--sapphire-semantic-size-focus-ring) var(--sapphire-semantic-color-border-field-error)}.sapphire-select.is-disabled .sapphire-select__button{cursor:not-allowed}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.SelectValueHolder }, { type: i2.FocusMonitor }]; }, propDecorators: { size: [{
                 type: Input
             }], variant: [{

package/esm2020/lib/select/src/select/select.component.mjs

@@ -306,7 +306,7 @@ SelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versio
             provide: FieldControl,
             useExisting: forwardRef(() => SelectComponent),
         },
-    ], viewQueries: [{ propertyName: "triggerRef", first: true, predicate: ["triggerRef"], descendants: true }, { propertyName: "triggerElementRef", first: true, predicate: ["triggerElementRef"], descendants: true, read: ElementRef }, { propertyName: "listbox", first: true, predicate: ListboxComponent, descendants: true }, { propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true, read: ElementRef }], exportAs: ["spSelect"], usesInheritance: true, hostDirectives: [{ directive: i5.UseComponentStylesOnHost }], ngImport: i0, template: "<sp-hidden-select></sp-hidden-select>\n<div\n  role=\"button\"\n  aria-haspopup=\"listbox\"\n  class=\"sapphire-select__button\"\n  [spPopoverTriggerFor]=\"popover\"\n  [spPopoverTriggerDisabled]=\"disabled\"\n  spPopoverTriggerOpenOnPressStart\n  spPopoverTriggerCloseOnScroll\n  spPopoverPlacement=\"bottom start\"\n  #triggerElementRef\n  #triggerRef=\"spPopoverTrigger\"\n  (keydown)=\"handleKeyDown($event)\"\n  (spPopoverTriggerClosed)=\"_onClose()\"\n  (spPopoverTriggerOpened)=\"_onOpen()\"\n  (focus)=\"_onFocus()\"\n  cdkMonitorSubtreeFocus\n  (cdkFocusChange)=\"_onFocusChange($event)\"\n  [spPopoverNonModal]=\"searchable\"\n  spPopoverDisablePushInsideViewport=\"true\"\n  [id]=\"id\"\n  [tabindex]=\"-1\"\n  [attr.aria-label]=\"ariaLabel\"\n  [attr.aria-labelledby]=\"_getAriaLabelledBy()\"\n  [attr.aria-describedby]=\"_field?.error?.id || _field?.note?.id\"\n  [attr.aria-invalid]=\"_field?.hasError(this) ? true : null\"\n>\n  <div class=\"sapphire-select__value\" [id]=\"_valueContainerId\">\n    <input\n      *ngIf=\"searchable\"\n      #searchInput\n      tabindex=\"-1\"\n      role=\"combobox\"\n      class=\"sapphire-select__search-input\"\n      [spListboxInput]=\"listbox\"\n      [spVisuallyHidden]=\"!_isInputVisible()\"\n      [attr.data-hidden]=\"!_isInputVisible()\"\n      [placeholder]=\"placeholder || ''\"\n      (keydown)=\"_onInputKeydown($event)\"\n      (beforeinput)=\"open()\"\n      [value]=\"_searchableSelectDirective?.searchValue\"\n      (input)=\"_onSearchInput($event)\"\n    />\n    <ng-container *ngIf=\"!searchable || !_isInputVisible()\">\n      <div\n        *ngIf=\"selectedOptions.length === 0\"\n        class=\"sapphire-select__placeholder\"\n      >\n        {{ placeholder }}\n      </div>\n      <ng-container *ngIf=\"selectedOptions.length > 0\">\n        <ng-container *ngIf=\"!selectionText\">{{\n          getSelectionText()\n        }}</ng-container>\n        <ng-content select=\"sp-selection-text\"></ng-content>\n      </ng-container>\n    </ng-container>\n  </div>\n  <div class=\"sapphire-select__icon-container\">\n    <sp-icon name=\"chevronDown\"></sp-icon>\n  </div>\n</div>\n<ng-template #popover>\n  <sp-popover\n    [style.display]=\"\n      (filteredChildren$ | async)?.length === 0 ? 'none' : undefined\n    \"\n    noPadding\n    noMaxWidth\n    [style.min-width]=\"triggerElementRef.offsetWidth + 'px'\"\n  >\n    <sp-listbox\n      [spListboxItems]=\"(filteredChildren$ | async) || undefined\"\n      navigationWrapDisabled\n      [multiple]=\"multiple\"\n      [(selectedValues)]=\"listboxValue\"\n      (selectedValuesChange)=\"_searchableSelectDirective?.setSearchValue('')\"\n      (selected)=\"_handleSelected()\"\n      [size]=\"_field?.size\"\n    >\n    </sp-listbox>\n  </sp-popover>\n</ng-template>\n", styles: [".sapphire-select{position:relative;display:block;color:var(--sapphire-semantic-color-content-default-primary);font-family:var(--sapphire-semantic-font-name-default);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-select__button{display:flex;align-items:center;height:var(--sapphire-semantic-size-height-input-lg);box-sizing:border-box;cursor:pointer;padding:0 var(--sapphire-semantic-size-spacing-control-horizontal-lg);border:none;background-color:var(--sapphire-semantic-color-background-field-default);width:100%;outline:0;text-align:left;color:inherit;font-family:inherit;box-shadow:inset 0 0 0 1px var(--sapphire-semantic-color-border-field-default);border-radius:var(--sapphire-semantic-size-radius-sm);gap:var(--sapphire-semantic-size-spacing-30)}.sapphire-select--md .sapphire-select__button{height:var(--sapphire-semantic-size-height-input-md);padding:0 var(--sapphire-semantic-size-spacing-control-horizontal-md);gap:var(--sapphire-semantic-size-spacing-20)}.sapphire-select__value{flex:1 0 0;min-width:0;font-size:var(--sapphire-semantic-size-font-control-default);width:100%;font-weight:var(--sapphire-semantic-font-weight-default-regular);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sapphire-select--md .sapphire-select__value{font-size:var(--sapphire-semantic-size-font-control-md)}.sapphire-select__placeholder{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--sapphire-semantic-color-content-default-secondary)}.sapphire-select__icon-container{line-height:0;width:var(--sapphire-semantic-size-icon-lg);height:var(--sapphire-semantic-size-icon-lg)}.sapphire-select--md .sapphire-select__icon-container{width:var(--sapphire-semantic-size-icon-md);height:var(--sapphire-semantic-size-icon-md)}.sapphire-select__prefix{display:inherit;font-size:var(--sapphire-semantic-size-font-control-default)}.sapphire-select--md .sapphire-select__prefix{font-size:var(--sapphire-semantic-size-font-control-md)}.sapphire-select__search-input:not([data-hidden=true]){all:inherit}.sapphire-select__search-input::placeholder{color:var(--sapphire-semantic-color-content-default-secondary)}.sapphire-select__native-select{position:absolute;inset:0;opacity:.01;width:100%;z-index:1}.sapphire-select--error:not(.is-disabled) .sapphire-select__button{box-shadow:inset 0 0 0 1px var(--sapphire-semantic-color-border-field-error)}.sapphire-select:not(.is-disabled).is-focus .sapphire-select__button{box-shadow:inset 0 0 0 var(--sapphire-semantic-size-focus-ring) var(--sapphire-semantic-color-focus-ring)}.sapphire-select--error:not(.is-disabled).is-focus .sapphire-select__button{box-shadow:inset 0 0 0 var(--sapphire-semantic-size-focus-ring) var(--sapphire-semantic-color-border-field-error)}.sapphire-select.is-disabled .sapphire-select__button{cursor:not-allowed}\n"], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i7.IconComponent, selector: "sp-icon", inputs: ["name", "size"] }, { kind: "component", type: i8.ListboxComponent, selector: "sp-listbox", inputs: ["selectedValues", "spListboxItems", "disabled", "multiple", "navigationWrapDisabled", "aria-label", "aria-labelledby", "size", "id"], outputs: ["selectedValuesChange", "selected"], exportAs: ["spListbox"] }, { kind: "directive", type: i9.ListboxInputDirective, selector: "input[spListboxInput]", inputs: ["spListboxInput"] }, { kind: "component", type: i10.PopoverComponent, selector: "sp-popover", inputs: ["noPadding", "noMaxWidth", "noAutoFocus", "trapFocus"] }, { kind: "directive", type: i11.PopoverTriggerDirective, selector: "[spPopoverTriggerFor]", inputs: ["spPopoverPlacement", "spPopoverTriggerFor", "spPopoverNonModal", "spPopoverTriggerOpenOnPressStart", "spPopoverTriggerCloseOnScroll", "spPopoverTriggerDisabled", "spPopoverDisablePushInsideViewport"], outputs: ["spPopoverTriggerOpened", "spPopoverTriggerClosed"], exportAs: ["spPopoverTrigger"] }, { kind: "directive", type: i2.CdkMonitorFocus, selector: "[cdkMonitorElementFocus], [cdkMonitorSubtreeFocus]", outputs: ["cdkFocusChange"], exportAs: ["cdkMonitorFocus"] }, { kind: "directive", type: i12.VisuallyHiddenDirective, selector: "[spVisuallyHidden]", inputs: ["spVisuallyHidden"] }, { kind: "component", type: i13.HiddenSelectComponent, selector: "sp-hidden-select" }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }] });
+    ], viewQueries: [{ propertyName: "triggerRef", first: true, predicate: ["triggerRef"], descendants: true }, { propertyName: "triggerElementRef", first: true, predicate: ["triggerElementRef"], descendants: true, read: ElementRef }, { propertyName: "listbox", first: true, predicate: ListboxComponent, descendants: true }, { propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true, read: ElementRef }], exportAs: ["spSelect"], usesInheritance: true, hostDirectives: [{ directive: i5.UseComponentStylesOnHost }], ngImport: i0, template: "<sp-hidden-select></sp-hidden-select>\n<div\n  role=\"button\"\n  aria-haspopup=\"listbox\"\n  class=\"sapphire-select__button\"\n  [spPopoverTriggerFor]=\"popover\"\n  [spPopoverTriggerDisabled]=\"disabled\"\n  spPopoverTriggerOpenOnPressStart\n  spPopoverTriggerCloseOnScroll\n  spPopoverPlacement=\"bottom start\"\n  #triggerElementRef\n  #triggerRef=\"spPopoverTrigger\"\n  (keydown)=\"handleKeyDown($event)\"\n  (spPopoverTriggerClosed)=\"_onClose()\"\n  (spPopoverTriggerOpened)=\"_onOpen()\"\n  (focus)=\"_onFocus()\"\n  cdkMonitorSubtreeFocus\n  (cdkFocusChange)=\"_onFocusChange($event)\"\n  [spPopoverNonModal]=\"searchable\"\n  spPopoverDisablePushInsideViewport=\"true\"\n  [id]=\"id\"\n  [tabindex]=\"-1\"\n  [attr.aria-label]=\"ariaLabel\"\n  [attr.aria-labelledby]=\"_getAriaLabelledBy()\"\n  [attr.aria-describedby]=\"_field?.error?.id || _field?.note?.id\"\n  [attr.aria-invalid]=\"_field?.hasError(this) ? true : null\"\n>\n  <div class=\"sapphire-select__value\" [id]=\"_valueContainerId\">\n    <input\n      *ngIf=\"searchable\"\n      #searchInput\n      tabindex=\"-1\"\n      role=\"combobox\"\n      class=\"sapphire-select__search-input\"\n      [spListboxInput]=\"listbox\"\n      [spVisuallyHidden]=\"!_isInputVisible()\"\n      [attr.data-hidden]=\"!_isInputVisible()\"\n      [placeholder]=\"placeholder || ''\"\n      (keydown)=\"_onInputKeydown($event)\"\n      (beforeinput)=\"open()\"\n      [value]=\"_searchableSelectDirective?.searchValue\"\n      (input)=\"_onSearchInput($event)\"\n    />\n    <ng-container *ngIf=\"!searchable || !_isInputVisible()\">\n      <div\n        *ngIf=\"selectedOptions.length === 0\"\n        class=\"sapphire-select__placeholder\"\n      >\n        {{ placeholder }}\n      </div>\n      <ng-container *ngIf=\"selectedOptions.length > 0\">\n        <ng-container *ngIf=\"!selectionText\">{{\n          getSelectionText()\n        }}</ng-container>\n        <ng-content select=\"sp-selection-text\"></ng-content>\n      </ng-container>\n    </ng-container>\n  </div>\n  <div class=\"sapphire-select__icon-container\">\n    <sp-icon name=\"chevronDown\"></sp-icon>\n  </div>\n</div>\n<ng-template #popover>\n  <sp-popover\n    [style.display]=\"\n      (filteredChildren$ | async)?.length === 0 ? 'none' : undefined\n    \"\n    noPadding\n    noMaxWidth\n    [style.min-width]=\"triggerElementRef.offsetWidth + 'px'\"\n  >\n    <sp-listbox\n      [spListboxItems]=\"(filteredChildren$ | async) || undefined\"\n      navigationWrapDisabled\n      [multiple]=\"multiple\"\n      [(selectedValues)]=\"listboxValue\"\n      (selectedValuesChange)=\"_searchableSelectDirective?.setSearchValue('')\"\n      (selected)=\"_handleSelected()\"\n      [size]=\"_field?.size\"\n    >\n    </sp-listbox>\n  </sp-popover>\n</ng-template>\n", styles: [".sapphire-select{position:relative;display:block;color:var(--sapphire-semantic-color-content-default-primary);font-family:var(--sapphire-semantic-font-name-default);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-select__button{display:flex;align-items:center;height:var(--sapphire-semantic-size-height-input-lg);box-sizing:border-box;cursor:pointer;padding:0 var(--sapphire-semantic-size-spacing-control-horizontal-lg);border:none;background-color:var(--sapphire-semantic-color-background-field-default);width:100%;outline:0;text-align:left;color:inherit;font-family:inherit;box-shadow:inset 0 0 0 1px var(--sapphire-semantic-color-border-field-default);border-radius:var(--sapphire-semantic-size-radius-sm);gap:var(--sapphire-semantic-size-spacing-30)}.sapphire-select--md .sapphire-select__button{height:var(--sapphire-semantic-size-height-input-md);padding:0 var(--sapphire-semantic-size-spacing-control-horizontal-md);gap:var(--sapphire-semantic-size-spacing-20)}.sapphire-select__value{flex:1 0 0;min-width:0;font-size:var(--sapphire-semantic-size-font-control-default);width:100%;font-weight:var(--sapphire-semantic-font-weight-default-regular);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sapphire-select--md .sapphire-select__value{font-size:var(--sapphire-semantic-size-font-control-md)}.sapphire-select__placeholder{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--sapphire-semantic-color-content-default-secondary);pointer-events:none}.sapphire-select__icon-container{line-height:0;width:var(--sapphire-semantic-size-icon-lg);height:var(--sapphire-semantic-size-icon-lg)}.sapphire-select--md .sapphire-select__icon-container{width:var(--sapphire-semantic-size-icon-md);height:var(--sapphire-semantic-size-icon-md)}.sapphire-select__prefix{display:inherit;font-size:var(--sapphire-semantic-size-font-control-default)}.sapphire-select--md .sapphire-select__prefix{font-size:var(--sapphire-semantic-size-font-control-md)}.sapphire-select__search-input:not([data-hidden=true]){all:inherit}.sapphire-select__search-input::placeholder{color:var(--sapphire-semantic-color-content-default-secondary)}.sapphire-select__native-select{position:absolute;inset:0;opacity:.01;width:100%;z-index:1}.sapphire-select--error:not(.is-disabled) .sapphire-select__button{box-shadow:inset 0 0 0 1px var(--sapphire-semantic-color-border-field-error)}.sapphire-select:not(.is-disabled).is-focus .sapphire-select__button{box-shadow:inset 0 0 0 var(--sapphire-semantic-size-focus-ring) var(--sapphire-semantic-color-focus-ring)}.sapphire-select--error:not(.is-disabled).is-focus .sapphire-select__button{box-shadow:inset 0 0 0 var(--sapphire-semantic-size-focus-ring) var(--sapphire-semantic-color-border-field-error)}.sapphire-select.is-disabled .sapphire-select__button{cursor:not-allowed}\n"], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i7.IconComponent, selector: "sp-icon", inputs: ["name", "size"] }, { kind: "component", type: i8.ListboxComponent, selector: "sp-listbox", inputs: ["selectedValues", "spListboxItems", "disabled", "multiple", "navigationWrapDisabled", "aria-label", "aria-labelledby", "size", "id"], outputs: ["selectedValuesChange", "selected"], exportAs: ["spListbox"] }, { kind: "directive", type: i9.ListboxInputDirective, selector: "input[spListboxInput]", inputs: ["spListboxInput"] }, { kind: "component", type: i10.PopoverComponent, selector: "sp-popover", inputs: ["noPadding", "noMaxWidth", "noAutoFocus", "trapFocus"] }, { kind: "directive", type: i11.PopoverTriggerDirective, selector: "[spPopoverTriggerFor]", inputs: ["spPopoverPlacement", "spPopoverTriggerFor", "spPopoverNonModal", "spPopoverTriggerOpenOnPressStart", "spPopoverTriggerCloseOnScroll", "spPopoverTriggerDisabled", "spPopoverDisablePushInsideViewport"], outputs: ["spPopoverTriggerOpened", "spPopoverTriggerClosed"], exportAs: ["spPopoverTrigger"] }, { kind: "directive", type: i2.CdkMonitorFocus, selector: "[cdkMonitorElementFocus], [cdkMonitorSubtreeFocus]", outputs: ["cdkFocusChange"], exportAs: ["cdkMonitorFocus"] }, { kind: "directive", type: i12.VisuallyHiddenDirective, selector: "[spVisuallyHidden]", inputs: ["spVisuallyHidden"] }, { kind: "component", type: i13.HiddenSelectComponent, selector: "sp-hidden-select" }, { kind: "pipe", type: i6.AsyncPipe, name: "async" }] });
 __decorate([
     AutoId()
 ], SelectComponent.prototype, "_valueContainerId", void 0);
@@ -336,7 +336,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
                         '[attr.aria-label]': 'null',
                         '[attr.aria-labelledby]': 'null',
                         '[attr.placeholder]': 'null',
-                    }, hostDirectives: [UseComponentStylesOnHost], template: "<sp-hidden-select></sp-hidden-select>\n<div\n  role=\"button\"\n  aria-haspopup=\"listbox\"\n  class=\"sapphire-select__button\"\n  [spPopoverTriggerFor]=\"popover\"\n  [spPopoverTriggerDisabled]=\"disabled\"\n  spPopoverTriggerOpenOnPressStart\n  spPopoverTriggerCloseOnScroll\n  spPopoverPlacement=\"bottom start\"\n  #triggerElementRef\n  #triggerRef=\"spPopoverTrigger\"\n  (keydown)=\"handleKeyDown($event)\"\n  (spPopoverTriggerClosed)=\"_onClose()\"\n  (spPopoverTriggerOpened)=\"_onOpen()\"\n  (focus)=\"_onFocus()\"\n  cdkMonitorSubtreeFocus\n  (cdkFocusChange)=\"_onFocusChange($event)\"\n  [spPopoverNonModal]=\"searchable\"\n  spPopoverDisablePushInsideViewport=\"true\"\n  [id]=\"id\"\n  [tabindex]=\"-1\"\n  [attr.aria-label]=\"ariaLabel\"\n  [attr.aria-labelledby]=\"_getAriaLabelledBy()\"\n  [attr.aria-describedby]=\"_field?.error?.id || _field?.note?.id\"\n  [attr.aria-invalid]=\"_field?.hasError(this) ? true : null\"\n>\n  <div class=\"sapphire-select__value\" [id]=\"_valueContainerId\">\n    <input\n      *ngIf=\"searchable\"\n      #searchInput\n      tabindex=\"-1\"\n      role=\"combobox\"\n      class=\"sapphire-select__search-input\"\n      [spListboxInput]=\"listbox\"\n      [spVisuallyHidden]=\"!_isInputVisible()\"\n      [attr.data-hidden]=\"!_isInputVisible()\"\n      [placeholder]=\"placeholder || ''\"\n      (keydown)=\"_onInputKeydown($event)\"\n      (beforeinput)=\"open()\"\n      [value]=\"_searchableSelectDirective?.searchValue\"\n      (input)=\"_onSearchInput($event)\"\n    />\n    <ng-container *ngIf=\"!searchable || !_isInputVisible()\">\n      <div\n        *ngIf=\"selectedOptions.length === 0\"\n        class=\"sapphire-select__placeholder\"\n      >\n        {{ placeholder }}\n      </div>\n      <ng-container *ngIf=\"selectedOptions.length > 0\">\n        <ng-container *ngIf=\"!selectionText\">{{\n          getSelectionText()\n        }}</ng-container>\n        <ng-content select=\"sp-selection-text\"></ng-content>\n      </ng-container>\n    </ng-container>\n  </div>\n  <div class=\"sapphire-select__icon-container\">\n    <sp-icon name=\"chevronDown\"></sp-icon>\n  </div>\n</div>\n<ng-template #popover>\n  <sp-popover\n    [style.display]=\"\n      (filteredChildren$ | async)?.length === 0 ? 'none' : undefined\n    \"\n    noPadding\n    noMaxWidth\n    [style.min-width]=\"triggerElementRef.offsetWidth + 'px'\"\n  >\n    <sp-listbox\n      [spListboxItems]=\"(filteredChildren$ | async) || undefined\"\n      navigationWrapDisabled\n      [multiple]=\"multiple\"\n      [(selectedValues)]=\"listboxValue\"\n      (selectedValuesChange)=\"_searchableSelectDirective?.setSearchValue('')\"\n      (selected)=\"_handleSelected()\"\n      [size]=\"_field?.size\"\n    >\n    </sp-listbox>\n  </sp-popover>\n</ng-template>\n", styles: [".sapphire-select{position:relative;display:block;color:var(--sapphire-semantic-color-content-default-primary);font-family:var(--sapphire-semantic-font-name-default);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-select__button{display:flex;align-items:center;height:var(--sapphire-semantic-size-height-input-lg);box-sizing:border-box;cursor:pointer;padding:0 var(--sapphire-semantic-size-spacing-control-horizontal-lg);border:none;background-color:var(--sapphire-semantic-color-background-field-default);width:100%;outline:0;text-align:left;color:inherit;font-family:inherit;box-shadow:inset 0 0 0 1px var(--sapphire-semantic-color-border-field-default);border-radius:var(--sapphire-semantic-size-radius-sm);gap:var(--sapphire-semantic-size-spacing-30)}.sapphire-select--md .sapphire-select__button{height:var(--sapphire-semantic-size-height-input-md);padding:0 var(--sapphire-semantic-size-spacing-control-horizontal-md);gap:var(--sapphire-semantic-size-spacing-20)}.sapphire-select__value{flex:1 0 0;min-width:0;font-size:var(--sapphire-semantic-size-font-control-default);width:100%;font-weight:var(--sapphire-semantic-font-weight-default-regular);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sapphire-select--md .sapphire-select__value{font-size:var(--sapphire-semantic-size-font-control-md)}.sapphire-select__placeholder{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--sapphire-semantic-color-content-default-secondary)}.sapphire-select__icon-container{line-height:0;width:var(--sapphire-semantic-size-icon-lg);height:var(--sapphire-semantic-size-icon-lg)}.sapphire-select--md .sapphire-select__icon-container{width:var(--sapphire-semantic-size-icon-md);height:var(--sapphire-semantic-size-icon-md)}.sapphire-select__prefix{display:inherit;font-size:var(--sapphire-semantic-size-font-control-default)}.sapphire-select--md .sapphire-select__prefix{font-size:var(--sapphire-semantic-size-font-control-md)}.sapphire-select__search-input:not([data-hidden=true]){all:inherit}.sapphire-select__search-input::placeholder{color:var(--sapphire-semantic-color-content-default-secondary)}.sapphire-select__native-select{position:absolute;inset:0;opacity:.01;width:100%;z-index:1}.sapphire-select--error:not(.is-disabled) .sapphire-select__button{box-shadow:inset 0 0 0 1px var(--sapphire-semantic-color-border-field-error)}.sapphire-select:not(.is-disabled).is-focus .sapphire-select__button{box-shadow:inset 0 0 0 var(--sapphire-semantic-size-focus-ring) var(--sapphire-semantic-color-focus-ring)}.sapphire-select--error:not(.is-disabled).is-focus .sapphire-select__button{box-shadow:inset 0 0 0 var(--sapphire-semantic-size-focus-ring) var(--sapphire-semantic-color-border-field-error)}.sapphire-select.is-disabled .sapphire-select__button{cursor:not-allowed}\n"] }]
+                    }, hostDirectives: [UseComponentStylesOnHost], template: "<sp-hidden-select></sp-hidden-select>\n<div\n  role=\"button\"\n  aria-haspopup=\"listbox\"\n  class=\"sapphire-select__button\"\n  [spPopoverTriggerFor]=\"popover\"\n  [spPopoverTriggerDisabled]=\"disabled\"\n  spPopoverTriggerOpenOnPressStart\n  spPopoverTriggerCloseOnScroll\n  spPopoverPlacement=\"bottom start\"\n  #triggerElementRef\n  #triggerRef=\"spPopoverTrigger\"\n  (keydown)=\"handleKeyDown($event)\"\n  (spPopoverTriggerClosed)=\"_onClose()\"\n  (spPopoverTriggerOpened)=\"_onOpen()\"\n  (focus)=\"_onFocus()\"\n  cdkMonitorSubtreeFocus\n  (cdkFocusChange)=\"_onFocusChange($event)\"\n  [spPopoverNonModal]=\"searchable\"\n  spPopoverDisablePushInsideViewport=\"true\"\n  [id]=\"id\"\n  [tabindex]=\"-1\"\n  [attr.aria-label]=\"ariaLabel\"\n  [attr.aria-labelledby]=\"_getAriaLabelledBy()\"\n  [attr.aria-describedby]=\"_field?.error?.id || _field?.note?.id\"\n  [attr.aria-invalid]=\"_field?.hasError(this) ? true : null\"\n>\n  <div class=\"sapphire-select__value\" [id]=\"_valueContainerId\">\n    <input\n      *ngIf=\"searchable\"\n      #searchInput\n      tabindex=\"-1\"\n      role=\"combobox\"\n      class=\"sapphire-select__search-input\"\n      [spListboxInput]=\"listbox\"\n      [spVisuallyHidden]=\"!_isInputVisible()\"\n      [attr.data-hidden]=\"!_isInputVisible()\"\n      [placeholder]=\"placeholder || ''\"\n      (keydown)=\"_onInputKeydown($event)\"\n      (beforeinput)=\"open()\"\n      [value]=\"_searchableSelectDirective?.searchValue\"\n      (input)=\"_onSearchInput($event)\"\n    />\n    <ng-container *ngIf=\"!searchable || !_isInputVisible()\">\n      <div\n        *ngIf=\"selectedOptions.length === 0\"\n        class=\"sapphire-select__placeholder\"\n      >\n        {{ placeholder }}\n      </div>\n      <ng-container *ngIf=\"selectedOptions.length > 0\">\n        <ng-container *ngIf=\"!selectionText\">{{\n          getSelectionText()\n        }}</ng-container>\n        <ng-content select=\"sp-selection-text\"></ng-content>\n      </ng-container>\n    </ng-container>\n  </div>\n  <div class=\"sapphire-select__icon-container\">\n    <sp-icon name=\"chevronDown\"></sp-icon>\n  </div>\n</div>\n<ng-template #popover>\n  <sp-popover\n    [style.display]=\"\n      (filteredChildren$ | async)?.length === 0 ? 'none' : undefined\n    \"\n    noPadding\n    noMaxWidth\n    [style.min-width]=\"triggerElementRef.offsetWidth + 'px'\"\n  >\n    <sp-listbox\n      [spListboxItems]=\"(filteredChildren$ | async) || undefined\"\n      navigationWrapDisabled\n      [multiple]=\"multiple\"\n      [(selectedValues)]=\"listboxValue\"\n      (selectedValuesChange)=\"_searchableSelectDirective?.setSearchValue('')\"\n      (selected)=\"_handleSelected()\"\n      [size]=\"_field?.size\"\n    >\n    </sp-listbox>\n  </sp-popover>\n</ng-template>\n", styles: [".sapphire-select{position:relative;display:block;color:var(--sapphire-semantic-color-content-default-primary);font-family:var(--sapphire-semantic-font-name-default);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-select__button{display:flex;align-items:center;height:var(--sapphire-semantic-size-height-input-lg);box-sizing:border-box;cursor:pointer;padding:0 var(--sapphire-semantic-size-spacing-control-horizontal-lg);border:none;background-color:var(--sapphire-semantic-color-background-field-default);width:100%;outline:0;text-align:left;color:inherit;font-family:inherit;box-shadow:inset 0 0 0 1px var(--sapphire-semantic-color-border-field-default);border-radius:var(--sapphire-semantic-size-radius-sm);gap:var(--sapphire-semantic-size-spacing-30)}.sapphire-select--md .sapphire-select__button{height:var(--sapphire-semantic-size-height-input-md);padding:0 var(--sapphire-semantic-size-spacing-control-horizontal-md);gap:var(--sapphire-semantic-size-spacing-20)}.sapphire-select__value{flex:1 0 0;min-width:0;font-size:var(--sapphire-semantic-size-font-control-default);width:100%;font-weight:var(--sapphire-semantic-font-weight-default-regular);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sapphire-select--md .sapphire-select__value{font-size:var(--sapphire-semantic-size-font-control-md)}.sapphire-select__placeholder{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--sapphire-semantic-color-content-default-secondary);pointer-events:none}.sapphire-select__icon-container{line-height:0;width:var(--sapphire-semantic-size-icon-lg);height:var(--sapphire-semantic-size-icon-lg)}.sapphire-select--md .sapphire-select__icon-container{width:var(--sapphire-semantic-size-icon-md);height:var(--sapphire-semantic-size-icon-md)}.sapphire-select__prefix{display:inherit;font-size:var(--sapphire-semantic-size-font-control-default)}.sapphire-select--md .sapphire-select__prefix{font-size:var(--sapphire-semantic-size-font-control-md)}.sapphire-select__search-input:not([data-hidden=true]){all:inherit}.sapphire-select__search-input::placeholder{color:var(--sapphire-semantic-color-content-default-secondary)}.sapphire-select__native-select{position:absolute;inset:0;opacity:.01;width:100%;z-index:1}.sapphire-select--error:not(.is-disabled) .sapphire-select__button{box-shadow:inset 0 0 0 1px var(--sapphire-semantic-color-border-field-error)}.sapphire-select:not(.is-disabled).is-focus .sapphire-select__button{box-shadow:inset 0 0 0 var(--sapphire-semantic-size-focus-ring) var(--sapphire-semantic-color-focus-ring)}.sapphire-select--error:not(.is-disabled).is-focus .sapphire-select__button{box-shadow:inset 0 0 0 var(--sapphire-semantic-size-focus-ring) var(--sapphire-semantic-color-border-field-error)}.sapphire-select.is-disabled .sapphire-select__button{cursor:not-allowed}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.SelectValueHolder }, { type: i2.FocusMonitor }, { type: i2.InputModalityDetector }, { type: i3.FieldComponent, decorators: [{
                     type: Optional
                 }] }, { type: i4.SearchableSelectDirective, decorators: [{

package/esm2020/lib/table/src/table-row.directive.mjs

@@ -1,15 +1,16 @@
 import { __decorate } from "tslib";
-import { ContentChildren, Directive, forwardRef, HostListener, Inject, Input, QueryList, } from '@angular/core';
+import { ContentChildren, Directive, forwardRef, HostListener, Inject, Input, Optional, QueryList, } from '@angular/core';
 import { TableComponent } from './table.component';
 import { TableCellDirective } from './table-cell.directive';
 import { UseComponentStyles } from '../../common/sapphire-view-encapsulation';
 import { CoerceBoolean } from '../../common/coerce-boolean.decorator';
 import * as i0 from "@angular/core";
-import * as i1 from "../../common/sapphire-view-encapsulation";
-import * as i2 from "./table.component";
+import * as i1 from "./table-footer.directive";
+import * as i2 from "../../common/sapphire-view-encapsulation";
+import * as i3 from "./table.component";
 export class TableRowDirective {
     onRowClick() {
-        if (!this.disabled) {
+        if (!this.disabled && !this._footer) {
             this.table.rowAction.emit({
                 index: this.table.rows?.toArray().findIndex((row) => row === this) ?? -1,
                 rowData: this.rowData,
@@ -20,8 +21,9 @@ export class TableRowDirective {
         const index = this.cells.toArray().indexOf(cell);
         return this.table.headCells?.toArray()[index];
     }
-    constructor(table) {
+    constructor(table, _footer) {
         this.table = table;
+        this._footer = _footer;
         this.cells = new QueryList();
         this.rowData = null;
         this.disabled = false;
@@ -38,8 +40,8 @@ export class TableRowDirective {
         this.highlighted = false;
     }
 }
-TableRowDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: TableRowDirective, deps: [{ token: forwardRef(() => TableComponent) }], target: i0.ɵɵFactoryTarget.Directive });
-TableRowDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.0", type: TableRowDirective, selector: "tr[sp-table-tr]", inputs: { rowData: "rowData", disabled: "disabled", selected: "selected", highlighted: "highlighted" }, host: { listeners: { "click": "onRowClick()" }, properties: { "class.sapphire-table__row--selected": "selected", "class.sapphire-table__row--highlighted": "highlighted", "attr.aria-selected": "selected || null", "class.js-hover": "disabled" }, classAttribute: "sapphire-table__row" }, queries: [{ propertyName: "cells", predicate: TableCellDirective }], hostDirectives: [{ directive: i1.UseComponentStyles }], ngImport: i0 });
+TableRowDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: TableRowDirective, deps: [{ token: forwardRef(() => TableComponent) }, { token: i1.TableFooterDirective, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+TableRowDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.0", type: TableRowDirective, selector: "tr[sp-table-tr]", inputs: { rowData: "rowData", disabled: "disabled", selected: "selected", highlighted: "highlighted" }, host: { listeners: { "click": "onRowClick()" }, properties: { "class.sapphire-table__row--selected": "selected", "class.sapphire-table__row--highlighted": "highlighted", "attr.aria-selected": "selected || null", "class.js-hover": "disabled||_footer" }, classAttribute: "sapphire-table__row" }, queries: [{ propertyName: "cells", predicate: TableCellDirective }], hostDirectives: [{ directive: i2.UseComponentStyles }], ngImport: i0 });
 __decorate([
     CoerceBoolean
 ], TableRowDirective.prototype, "disabled", void 0);
@@ -63,13 +65,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
                         '[class.sapphire-table__row--selected]': 'selected',
                         '[class.sapphire-table__row--highlighted]': 'highlighted',
                         '[attr.aria-selected]': 'selected || null',
-                        '[class.js-hover]': 'disabled',
+                        '[class.js-hover]': 'disabled||_footer',
                     },
                     hostDirectives: [UseComponentStyles],
                 }]
-        }], ctorParameters: function () { return [{ type: i2.TableComponent, decorators: [{
+        }], ctorParameters: function () { return [{ type: i3.TableComponent, decorators: [{
                     type: Inject,
                     args: [forwardRef(() => TableComponent)]
+                }] }, { type: i1.TableFooterDirective, decorators: [{
+                    type: Optional
                 }] }]; }, propDecorators: { cells: [{
                 type: ContentChildren,
                 args: [TableCellDirective]
@@ -85,4 +89,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
                 type: HostListener,
                 args: ['click']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUtcm93LmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvdGFibGUvc3JjL3RhYmxlLXJvdy5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFDTCxlQUFlLEVBQ2YsU0FBUyxFQUNULFVBQVUsRUFDVixZQUFZLEVBQ1osTUFBTSxFQUNOLEtBQUssRUFDTCxTQUFTLEdBQ1YsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQ25ELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQzVELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDBDQUEwQyxDQUFDO0FBQzlFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQzs7OztBQW1CdEUsTUFBTSxPQUFPLGlCQUFpQjtJQTZCcEIsVUFBVTtRQUNoQixJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNsQixJQUFJLENBQUMsS0FBSyxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUM7Z0JBQ3hCLEtBQUssRUFDSCxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksRUFBRSxPQUFPLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQyxHQUFHLEVBQUUsRUFBRSxDQUFDLEdBQUcsS0FBSyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7Z0JBQ25FLE9BQU8sRUFBRSxJQUFJLENBQUMsT0FBTzthQUN0QixDQUFDLENBQUM7U0FDSjtJQUNILENBQUM7SUFFTSxpQkFBaUIsQ0FBQyxJQUF3QjtRQUMvQyxNQUFNLEtBQUssR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sRUFBRSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUNqRCxPQUFPLElBQUksQ0FBQyxLQUFLLENBQUMsU0FBUyxFQUFFLE9BQU8sRUFBRSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2hELENBQUM7SUFFRCxZQUVTLEtBQXFCO1FBQXJCLFVBQUssR0FBTCxLQUFLLENBQWdCO1FBNUM5QixVQUFLLEdBQWtDLElBQUksU0FBUyxFQUFFLENBQUM7UUFHdkQsWUFBTyxHQUFhLElBQUksQ0FBQztRQUl6QixhQUFRLEdBQWlCLEtBQUssQ0FBQztRQUUvQjs7V0FFRztRQUdILGFBQVEsR0FBaUIsS0FBSyxDQUFDO1FBRS9COzs7OztXQUtHO1FBR0gsZ0JBQVcsR0FBaUIsS0FBSyxDQUFDO0lBcUIvQixDQUFDOzs4R0EvQ08saUJBQWlCLGtCQTZDbEIsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLGNBQWMsQ0FBQztrR0E3Qy9CLGlCQUFpQixrZEFDWCxrQkFBa0I7QUFRbkM7SUFEQyxhQUFhO21EQUNpQjtBQU8vQjtJQURDLGFBQWE7bURBQ2lCO0FBVS9CO0lBREMsYUFBYTtzREFDb0I7MkZBMUJ2QixpQkFBaUI7a0JBaEI3QixTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxpQkFBaUI7b0JBQzNCLElBQUksRUFBRTt3QkFDSixLQUFLLEVBQUUscUJBQXFCO3dCQUM1Qjs7OzsyQkFJRzt3QkFDSCx1Q0FBdUMsRUFBRSxVQUFVO3dCQUNuRCwwQ0FBMEMsRUFBRSxhQUFhO3dCQUN6RCxzQkFBc0IsRUFBRSxrQkFBa0I7d0JBQzFDLGtCQUFrQixFQUFFLFVBQVU7cUJBQy9CO29CQUNELGNBQWMsRUFBRSxDQUFDLGtCQUFrQixDQUFDO2lCQUNyQzs7MEJBOENJLE1BQU07MkJBQUMsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLGNBQWMsQ0FBQzs0Q0EzQzFDLEtBQUs7c0JBREosZUFBZTt1QkFBQyxrQkFBa0I7Z0JBSW5DLE9BQU87c0JBRE4sS0FBSztnQkFLTixRQUFRO3NCQUZQLEtBQUs7Z0JBU04sUUFBUTtzQkFGUCxLQUFLO2dCQVlOLFdBQVc7c0JBRlYsS0FBSztnQkFLRSxVQUFVO3NCQURqQixZQUFZO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb250ZW50Q2hpbGRyZW4sXG4gIERpcmVjdGl2ZSxcbiAgZm9yd2FyZFJlZixcbiAgSG9zdExpc3RlbmVyLFxuICBJbmplY3QsXG4gIElucHV0LFxuICBRdWVyeUxpc3QsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVGFibGVDb21wb25lbnQgfSBmcm9tICcuL3RhYmxlLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBUYWJsZUNlbGxEaXJlY3RpdmUgfSBmcm9tICcuL3RhYmxlLWNlbGwuZGlyZWN0aXZlJztcbmltcG9ydCB7IFVzZUNvbXBvbmVudFN0eWxlcyB9IGZyb20gJy4uLy4uL2NvbW1vbi9zYXBwaGlyZS12aWV3LWVuY2Fwc3VsYXRpb24nO1xuaW1wb3J0IHsgQ29lcmNlQm9vbGVhbiB9IGZyb20gJy4uLy4uL2NvbW1vbi9jb2VyY2UtYm9vbGVhbi5kZWNvcmF0b3InO1xuaW1wb3J0IHsgQm9vbGVhbklucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2NvZXJjaW9uJztcblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAndHJbc3AtdGFibGUtdHJdJyxcbiAgaG9zdDoge1xuICAgIGNsYXNzOiAnc2FwcGhpcmUtdGFibGVfX3JvdycsXG4gICAgLyoqXG4gICAgICogV2Ugd2FudCB0aGUgY3NzIGhvdmVyIHN0eWxlcyB0byBub3QgYmUgYXBwbGllZCBmb3IgdGhlIGRpc2FibGVkIHJvd3MuXG4gICAgICogVGhlIFwianMtaG92ZXJcIiBjbGFzcyBiYXNpY2FsbHkgbWVhbnMgdGhhdCB3ZSdyZSB0YWtpbmcgb3ZlciB0aGUgaG92ZXJcbiAgICAgKiBzdHlsZXMgZnJvbSBjc3MuXG4gICAgICovXG4gICAgJ1tjbGFzcy5zYXBwaGlyZS10YWJsZV9fcm93LS1zZWxlY3RlZF0nOiAnc2VsZWN0ZWQnLFxuICAgICdbY2xhc3Muc2FwcGhpcmUtdGFibGVfX3Jvdy0taGlnaGxpZ2h0ZWRdJzogJ2hpZ2hsaWdodGVkJyxcbiAgICAnW2F0dHIuYXJpYS1zZWxlY3RlZF0nOiAnc2VsZWN0ZWQgfHwgbnVsbCcsXG4gICAgJ1tjbGFzcy5qcy1ob3Zlcl0nOiAnZGlzYWJsZWQnLFxuICB9LFxuICBob3N0RGlyZWN0aXZlczogW1VzZUNvbXBvbmVudFN0eWxlc10sXG59KVxuZXhwb3J0IGNsYXNzIFRhYmxlUm93RGlyZWN0aXZlPEQgPSB1bmtub3duPiB7XG4gIEBDb250ZW50Q2hpbGRyZW4oVGFibGVDZWxsRGlyZWN0aXZlKVxuICBjZWxsczogUXVlcnlMaXN0PFRhYmxlQ2VsbERpcmVjdGl2ZT4gPSBuZXcgUXVlcnlMaXN0KCk7XG5cbiAgQElucHV0KClcbiAgcm93RGF0YTogRCB8IG51bGwgPSBudWxsO1xuXG4gIEBJbnB1dCgpXG4gIEBDb2VyY2VCb29sZWFuXG4gIGRpc2FibGVkOiBCb29sZWFuSW5wdXQgPSBmYWxzZTtcblxuICAvKipcbiAgICogQXBwbGllcyBzZWxlY3RlZCByb3cgc3R5bGVzLCBhbmQgbWFya3MgdGhlIHJvdyBhcyBzZWxlY3RlZCBmb3IgYXNzaXN0aXZlIHRlY2hub2xvZ3kuXG4gICAqL1xuICBASW5wdXQoKVxuICBAQ29lcmNlQm9vbGVhblxuICBzZWxlY3RlZDogQm9vbGVhbklucHV0ID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIEFwcGxpZXMgaGlnaGxpZ2h0ZWQgcm93IHN0eWxlcy4gSGlnaGxpZ2h0ZWQgcm93cyBhcmUgc2hvd24gaW4gYSBzZWxlY3RlZCBzdGF0ZVxuICAgKiB3aGljaCBpcyBkaWZmZXJlbnQgZnJvbSB0aGUgbm9ybWFsIHNlbGVjdGlvbiB3aXRoIGNoZWNrYm94ZXMuIFRoZSBwcmltYXJ5IHVzZSBjYXNlIGlzIHdoZW5cbiAgICogdGhlIHJvdyBhY3Rpb24gaXMgdG8gdXBkYXRlIGFuIGV4dGVybmFsIHZpZXcgKHN1Y2ggYXMgYSByb3cgZGV0YWlsIHZpZXcpLCB0b1xuICAgKiBzaG93IGl0cyBjb25uZWN0aW9uIHdpdGggdGhlIHNlbGVjdGVkIHJvdy5cbiAgICovXG4gIEBJbnB1dCgpXG4gIEBDb2VyY2VCb29sZWFuXG4gIGhpZ2hsaWdodGVkOiBCb29sZWFuSW5wdXQgPSBmYWxzZTtcblxuICBASG9zdExpc3RlbmVyKCdjbGljaycpXG4gIHByaXZhdGUgb25Sb3dDbGljaygpIHtcbiAgICBpZiAoIXRoaXMuZGlzYWJsZWQpIHtcbiAgICAgIHRoaXMudGFibGUucm93QWN0aW9uLmVtaXQoe1xuICAgICAgICBpbmRleDpcbiAgICAgICAgICB0aGlzLnRhYmxlLnJvd3M/LnRvQXJyYXkoKS5maW5kSW5kZXgoKHJvdykgPT4gcm93ID09PSB0aGlzKSA/PyAtMSxcbiAgICAgICAgcm93RGF0YTogdGhpcy5yb3dEYXRhLFxuICAgICAgfSk7XG4gICAgfVxuICB9XG5cbiAgcHVibGljIGdldENvbHVtbkhlYWRDZWxsKGNlbGw6IFRhYmxlQ2VsbERpcmVjdGl2ZSkge1xuICAgIGNvbnN0IGluZGV4ID0gdGhpcy5jZWxscy50b0FycmF5KCkuaW5kZXhPZihjZWxsKTtcbiAgICByZXR1cm4gdGhpcy50YWJsZS5oZWFkQ2VsbHM/LnRvQXJyYXkoKVtpbmRleF07XG4gIH1cblxuICBjb25zdHJ1Y3RvcihcbiAgICBASW5qZWN0KGZvcndhcmRSZWYoKCkgPT4gVGFibGVDb21wb25lbnQpKVxuICAgIHB1YmxpYyB0YWJsZTogVGFibGVDb21wb25lbnRcbiAgKSB7fVxufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUtcm93LmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvdGFibGUvc3JjL3RhYmxlLXJvdy5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFDTCxlQUFlLEVBQ2YsU0FBUyxFQUNULFVBQVUsRUFDVixZQUFZLEVBQ1osTUFBTSxFQUNOLEtBQUssRUFDTCxRQUFRLEVBQ1IsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUNuRCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUM1RCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQztBQUM5RSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sdUNBQXVDLENBQUM7Ozs7O0FBb0J0RSxNQUFNLE9BQU8saUJBQWlCO0lBNkJwQixVQUFVO1FBQ2hCLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRTtZQUNuQyxJQUFJLENBQUMsS0FBSyxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUM7Z0JBQ3hCLEtBQUssRUFDSCxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksRUFBRSxPQUFPLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQyxHQUFHLEVBQUUsRUFBRSxDQUFDLEdBQUcsS0FBSyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7Z0JBQ25FLE9BQU8sRUFBRSxJQUFJLENBQUMsT0FBTzthQUN0QixDQUFDLENBQUM7U0FDSjtJQUNILENBQUM7SUFFTSxpQkFBaUIsQ0FBQyxJQUF3QjtRQUMvQyxNQUFNLEtBQUssR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sRUFBRSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUNqRCxPQUFPLElBQUksQ0FBQyxLQUFLLENBQUMsU0FBUyxFQUFFLE9BQU8sRUFBRSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2hELENBQUM7SUFFRCxZQUVTLEtBQXFCLEVBRXJCLE9BQTZCO1FBRjdCLFVBQUssR0FBTCxLQUFLLENBQWdCO1FBRXJCLFlBQU8sR0FBUCxPQUFPLENBQXNCO1FBOUN0QyxVQUFLLEdBQWtDLElBQUksU0FBUyxFQUFFLENBQUM7UUFHdkQsWUFBTyxHQUFhLElBQUksQ0FBQztRQUl6QixhQUFRLEdBQWlCLEtBQUssQ0FBQztRQUUvQjs7V0FFRztRQUdILGFBQVEsR0FBaUIsS0FBSyxDQUFDO1FBRS9COzs7OztXQUtHO1FBR0gsZ0JBQVcsR0FBaUIsS0FBSyxDQUFDO0lBdUIvQixDQUFDOzs4R0FqRE8saUJBQWlCLGtCQTZDbEIsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLGNBQWMsQ0FBQztrR0E3Qy9CLGlCQUFpQiwyZEFDWCxrQkFBa0I7QUFRbkM7SUFEQyxhQUFhO21EQUNpQjtBQU8vQjtJQURDLGFBQWE7bURBQ2lCO0FBVS9CO0lBREMsYUFBYTtzREFDb0I7MkZBMUJ2QixpQkFBaUI7a0JBaEI3QixTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxpQkFBaUI7b0JBQzNCLElBQUksRUFBRTt3QkFDSixLQUFLLEVBQUUscUJBQXFCO3dCQUM1Qjs7OzsyQkFJRzt3QkFDSCx1Q0FBdUMsRUFBRSxVQUFVO3dCQUNuRCwwQ0FBMEMsRUFBRSxhQUFhO3dCQUN6RCxzQkFBc0IsRUFBRSxrQkFBa0I7d0JBQzFDLGtCQUFrQixFQUFFLG1CQUFtQjtxQkFDeEM7b0JBQ0QsY0FBYyxFQUFFLENBQUMsa0JBQWtCLENBQUM7aUJBQ3JDOzswQkE4Q0ksTUFBTTsyQkFBQyxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsY0FBYyxDQUFDOzswQkFFdkMsUUFBUTs0Q0E3Q1gsS0FBSztzQkFESixlQUFlO3VCQUFDLGtCQUFrQjtnQkFJbkMsT0FBTztzQkFETixLQUFLO2dCQUtOLFFBQVE7c0JBRlAsS0FBSztnQkFTTixRQUFRO3NCQUZQLEtBQUs7Z0JBWU4sV0FBVztzQkFGVixLQUFLO2dCQUtFLFVBQVU7c0JBRGpCLFlBQVk7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbnRlbnRDaGlsZHJlbixcbiAgRGlyZWN0aXZlLFxuICBmb3J3YXJkUmVmLFxuICBIb3N0TGlzdGVuZXIsXG4gIEluamVjdCxcbiAgSW5wdXQsXG4gIE9wdGlvbmFsLFxuICBRdWVyeUxpc3QsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVGFibGVDb21wb25lbnQgfSBmcm9tICcuL3RhYmxlLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBUYWJsZUNlbGxEaXJlY3RpdmUgfSBmcm9tICcuL3RhYmxlLWNlbGwuZGlyZWN0aXZlJztcbmltcG9ydCB7IFVzZUNvbXBvbmVudFN0eWxlcyB9IGZyb20gJy4uLy4uL2NvbW1vbi9zYXBwaGlyZS12aWV3LWVuY2Fwc3VsYXRpb24nO1xuaW1wb3J0IHsgQ29lcmNlQm9vbGVhbiB9IGZyb20gJy4uLy4uL2NvbW1vbi9jb2VyY2UtYm9vbGVhbi5kZWNvcmF0b3InO1xuaW1wb3J0IHsgQm9vbGVhbklucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2NvZXJjaW9uJztcbmltcG9ydCB7IFRhYmxlRm9vdGVyRGlyZWN0aXZlIH0gZnJvbSAnLi90YWJsZS1mb290ZXIuZGlyZWN0aXZlJztcblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAndHJbc3AtdGFibGUtdHJdJyxcbiAgaG9zdDoge1xuICAgIGNsYXNzOiAnc2FwcGhpcmUtdGFibGVfX3JvdycsXG4gICAgLyoqXG4gICAgICogV2Ugd2FudCB0aGUgY3NzIGhvdmVyIHN0eWxlcyB0byBub3QgYmUgYXBwbGllZCBmb3IgdGhlIGRpc2FibGVkIHJvd3MuXG4gICAgICogVGhlIFwianMtaG92ZXJcIiBjbGFzcyBiYXNpY2FsbHkgbWVhbnMgdGhhdCB3ZSdyZSB0YWtpbmcgb3ZlciB0aGUgaG92ZXJcbiAgICAgKiBzdHlsZXMgZnJvbSBjc3MuXG4gICAgICovXG4gICAgJ1tjbGFzcy5zYXBwaGlyZS10YWJsZV9fcm93LS1zZWxlY3RlZF0nOiAnc2VsZWN0ZWQnLFxuICAgICdbY2xhc3Muc2FwcGhpcmUtdGFibGVfX3Jvdy0taGlnaGxpZ2h0ZWRdJzogJ2hpZ2hsaWdodGVkJyxcbiAgICAnW2F0dHIuYXJpYS1zZWxlY3RlZF0nOiAnc2VsZWN0ZWQgfHwgbnVsbCcsXG4gICAgJ1tjbGFzcy5qcy1ob3Zlcl0nOiAnZGlzYWJsZWR8fF9mb290ZXInLFxuICB9LFxuICBob3N0RGlyZWN0aXZlczogW1VzZUNvbXBvbmVudFN0eWxlc10sXG59KVxuZXhwb3J0IGNsYXNzIFRhYmxlUm93RGlyZWN0aXZlPEQgPSB1bmtub3duPiB7XG4gIEBDb250ZW50Q2hpbGRyZW4oVGFibGVDZWxsRGlyZWN0aXZlKVxuICBjZWxsczogUXVlcnlMaXN0PFRhYmxlQ2VsbERpcmVjdGl2ZT4gPSBuZXcgUXVlcnlMaXN0KCk7XG5cbiAgQElucHV0KClcbiAgcm93RGF0YTogRCB8IG51bGwgPSBudWxsO1xuXG4gIEBJbnB1dCgpXG4gIEBDb2VyY2VCb29sZWFuXG4gIGRpc2FibGVkOiBCb29sZWFuSW5wdXQgPSBmYWxzZTtcblxuICAvKipcbiAgICogQXBwbGllcyBzZWxlY3RlZCByb3cgc3R5bGVzLCBhbmQgbWFya3MgdGhlIHJvdyBhcyBzZWxlY3RlZCBmb3IgYXNzaXN0aXZlIHRlY2hub2xvZ3kuXG4gICAqL1xuICBASW5wdXQoKVxuICBAQ29lcmNlQm9vbGVhblxuICBzZWxlY3RlZDogQm9vbGVhbklucHV0ID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIEFwcGxpZXMgaGlnaGxpZ2h0ZWQgcm93IHN0eWxlcy4gSGlnaGxpZ2h0ZWQgcm93cyBhcmUgc2hvd24gaW4gYSBzZWxlY3RlZCBzdGF0ZVxuICAgKiB3aGljaCBpcyBkaWZmZXJlbnQgZnJvbSB0aGUgbm9ybWFsIHNlbGVjdGlvbiB3aXRoIGNoZWNrYm94ZXMuIFRoZSBwcmltYXJ5IHVzZSBjYXNlIGlzIHdoZW5cbiAgICogdGhlIHJvdyBhY3Rpb24gaXMgdG8gdXBkYXRlIGFuIGV4dGVybmFsIHZpZXcgKHN1Y2ggYXMgYSByb3cgZGV0YWlsIHZpZXcpLCB0b1xuICAgKiBzaG93IGl0cyBjb25uZWN0aW9uIHdpdGggdGhlIHNlbGVjdGVkIHJvdy5cbiAgICovXG4gIEBJbnB1dCgpXG4gIEBDb2VyY2VCb29sZWFuXG4gIGhpZ2hsaWdodGVkOiBCb29sZWFuSW5wdXQgPSBmYWxzZTtcblxuICBASG9zdExpc3RlbmVyKCdjbGljaycpXG4gIHByaXZhdGUgb25Sb3dDbGljaygpIHtcbiAgICBpZiAoIXRoaXMuZGlzYWJsZWQgJiYgIXRoaXMuX2Zvb3Rlcikge1xuICAgICAgdGhpcy50YWJsZS5yb3dBY3Rpb24uZW1pdCh7XG4gICAgICAgIGluZGV4OlxuICAgICAgICAgIHRoaXMudGFibGUucm93cz8udG9BcnJheSgpLmZpbmRJbmRleCgocm93KSA9PiByb3cgPT09IHRoaXMpID8/IC0xLFxuICAgICAgICByb3dEYXRhOiB0aGlzLnJvd0RhdGEsXG4gICAgICB9KTtcbiAgICB9XG4gIH1cblxuICBwdWJsaWMgZ2V0Q29sdW1uSGVhZENlbGwoY2VsbDogVGFibGVDZWxsRGlyZWN0aXZlKSB7XG4gICAgY29uc3QgaW5kZXggPSB0aGlzLmNlbGxzLnRvQXJyYXkoKS5pbmRleE9mKGNlbGwpO1xuICAgIHJldHVybiB0aGlzLnRhYmxlLmhlYWRDZWxscz8udG9BcnJheSgpW2luZGV4XTtcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKFxuICAgIEBJbmplY3QoZm9yd2FyZFJlZigoKSA9PiBUYWJsZUNvbXBvbmVudCkpXG4gICAgcHVibGljIHRhYmxlOiBUYWJsZUNvbXBvbmVudCxcbiAgICBAT3B0aW9uYWwoKVxuICAgIHB1YmxpYyBfZm9vdGVyOiBUYWJsZUZvb3RlckRpcmVjdGl2ZVxuICApIHt9XG59XG4iXX0=

package/esm2020/lib/table/src/table.component.mjs

@@ -32,11 +32,11 @@ export class TableComponent {
     }
 }
 TableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: TableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-TableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: TableComponent, selector: "sp-table", inputs: { stickyHeader: "stickyHeader", cellOverflow: "cellOverflow", height: "height", maxHeight: "maxHeight", cellSpacing: "cellSpacing" }, outputs: { rowAction: "rowAction" }, host: { properties: { "style.height": "height", "style.max-height": "maxHeight", "class.sapphire-table--overflow": "height || maxHeight", "class.sapphire-table--interactive": "isInteractive" }, classAttribute: "sapphire-table" }, queries: [{ propertyName: "table", first: true, predicate: TableDirective, descendants: true }, { propertyName: "rows", predicate: TableRowDirective, descendants: true }, { propertyName: "headCells", predicate: TableHeadCellComponent, descendants: true }], hostDirectives: [{ directive: i1.UseComponentStylesOnHost }], ngImport: i0, template: `
+TableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: TableComponent, selector: "sp-table", inputs: { stickyHeader: "stickyHeader", cellOverflow: "cellOverflow", height: "height", maxHeight: "maxHeight", cellSpacing: "cellSpacing", layout: "layout" }, outputs: { rowAction: "rowAction" }, host: { properties: { "style.height": "height", "style.max-height": "maxHeight", "class.sapphire-table--overflow": "height || maxHeight", "class.sapphire-table--interactive": "isInteractive" }, classAttribute: "sapphire-table" }, queries: [{ propertyName: "table", first: true, predicate: TableDirective, descendants: true }, { propertyName: "rows", predicate: TableRowDirective, descendants: true }, { propertyName: "headCells", predicate: TableHeadCellComponent, descendants: true }], hostDirectives: [{ directive: i1.UseComponentStylesOnHost }], ngImport: i0, template: `
     <ng-container>
       <ng-content select="table"></ng-content>
     </ng-container>
-  `, isInline: true, styles: [".sapphire-table{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;justify-content:space-between;background-color:var(--sapphire-semantic-color-background-surface)}.sapphire-table--overflow{overflow:auto}.sapphire-table__table{border-collapse:collapse;border-spacing:0;width:100%}.sapphire-table-sortedIcon,.sapphire-table-sortableIcon{display:inline-flex;visibility:hidden;vertical-align:top}.sapphire-table__head{top:0;z-index:2;line-height:var(--sapphire-semantic-size-line-height-md);background-color:var(--sapphire-semantic-color-background-surface)}.sapphire-table__head--sticky{position:sticky}.sapphire-table__cell--alignLeft{text-align:left}.sapphire-table__cell--alignCenter{text-align:center}.sapphire-table__cell--alignRight{text-align:end}.sapphire-table__cell-wrapper .sapphire-table__cell--alignLeft{justify-content:flex-start}.sapphire-table__cell-wrapper .sapphire-table__cell--alignCenter{justify-content:center}.sapphire-table__cell-wrapper .sapphire-table__cell--alignRight{justify-content:flex-end}.sapphire-table__headCell{color:var(--sapphire-semantic-color-content-default-primary);box-sizing:border-box;font-size:var(--sapphire-semantic-size-font-text-md);font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-semibold);line-height:var(--sapphire-semantic-size-line-height-md);vertical-align:top}.sapphire-table__headCell_container{padding:var(--sapphire-semantic-size-spacing-20);display:inline-flex;align-items:center;box-sizing:border-box;width:100%}.sapphire-table__cell--alignRight .sapphire-table__headCell_container{justify-content:flex-end}.sapphire-table__cell--alignLeft .sapphire-table__headCell_container{justify-content:flex-start}.sapphire-table__cell--alignCenter .sapphire-table__headCell_container{justify-content:center}.sapphire-table__row,.sapphire-table__cell,.sapphire-table__headCell,.sapphire-table__selectionCell{outline:none;position:relative;z-index:1}.sapphire-table__headCell.is-focus .sapphire-table__headCell_container,.sapphire-table__headCell:not(.js-focus):focus-visible .sapphire-table__headCell_container,.sapphire-table__cell.is-focus,.sapphire-table__cell:not(.js-focus):focus-visible,.sapphire-table__selectionCell.is-focus,.sapphire-table__selectionCell:not(.js-focus):focus-visible,.sapphire-table__row.is-focus,.sapphire-table__row:not(.js-focus):focus-visible{outline:none;border-radius:var(--sapphire-semantic-size-radius-sm);box-shadow:inset 0 0 0 var(--sapphire-semantic-size-focus-ring) var(--sapphire-semantic-color-focus-ring)}.sapphire-table__headCell.is-focus .sapphire-table__headCell_container,.sapphire-table__headCell:not(.js-focus):focus-visible .sapphire-table__headCell_container{border-radius:var(--sapphire-semantic-size-radius-sm)}.sapphire-table__headCell.sapphire-table__headCell--sortable.is-hover .sapphire-table__headCell_container,.sapphire-table__headCell.sapphire-table__headCell--sortable:not(.js-hover):hover .sapphire-table__headCell_container{background-color:var(--sapphire-semantic-color-background-action-secondary-default);border-radius:var(--sapphire-semantic-size-radius-sm)}.sapphire-table__headCell.sapphire-table__headCell--sortable{cursor:pointer}.sapphire-table__headCell--sortable:not(sapphire-table__headCell--sorted):hover .sapphire-table-sortableIcon{visibility:visible}.sapphire-table__headCell--sorted .sapphire-table-sortedIcon{visibility:visible;padding-left:var(--sapphire-semantic-size-spacing-20)}.sapphire-table__headCell .sapphire-table-sortedIcon,.sapphire-table__headCell .sapphire-table-sortableIcon{padding-left:var(--sapphire-semantic-size-spacing-20)}.sapphire-table__cell--alignRight .sapphire-table-sortedIcon,.sapphire-table__cell--alignRight .sapphire-table-sortableIcon{padding-right:var(--sapphire-semantic-size-spacing-20)}.sapphire-table__headCell__text,.sapphire-table__headCell__icon{vertical-align:top;display:inline-block}.sapphire-table__body{position:relative;overflow:auto}.sapphire-table__cell{box-sizing:border-box;color:var(--sapphire-semantic-color-content-default-primary);font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-regular)}.sapphire-table__cell-contents{display:block;width:100%}.sapphire-table__cell--ellipsed,.sapphire-table__headCell_content--ellipsed,.sapphire-table__cell--ellipsed .sapphire-table__cell-contents{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sapphire-table__table--spacing-sm .sapphire-table__cell,.sapphire-table__table--spacing-sm .sapphire-table__selectionCell:not(:first-child){padding-top:var(--sapphire-semantic-size-spacing-20);padding-bottom:var(--sapphire-semantic-size-spacing-20)}.sapphire-table__table--spacing-lg .sapphire-table__cell,.sapphire-table__table--spacing-lg .sapphire-table__selectionCell:not(:first-child){padding-top:var(--sapphire-semantic-size-spacing-40);padding-bottom:var(--sapphire-semantic-size-spacing-40)}.sapphire-table__table--spacing-xl .sapphire-table__cell,.sapphire-table__table--spacing-xl .sapphire-table__selectionCell:not(:first-child){padding-top:var(--sapphire-global-size-generic-50);padding-bottom:var(--sapphire-global-size-generic-50)}.sapphire-table__cell,.sapphire-table__selectionCell{font-size:var(--sapphire-semantic-size-font-text-lg);line-height:var(--sapphire-semantic-size-line-height-md);padding:var(--sapphire-semantic-size-spacing-30) var(--sapphire-semantic-size-spacing-20)}.sapphire-table__selectionCell{line-height:0;width:var(--sapphire-global-size-generic-50)}.sapphire-table__cell-wrapper .sapphire-table__selectionCell{width:unset;min-width:var(--sapphire-global-size-generic-50)}.sapphire-table__cell:first-child,.sapphire-table__selectionCell:first-child,.sapphire-table__cell-wrapper:first-child>.sapphire-table__cell,.sapphire-table__cell-wrapper:first-child>.sapphire-table__selectionCell{padding-left:var(--sapphire-semantic-size-spacing-50)}.sapphire-table__cell:last-child,.sapphire-table__cell-wrapper:last-child>.sapphire-table__cell{padding-right:var(--sapphire-semantic-size-spacing-50)}.sapphire-table__headCell:first-child,.sapphire-table__cell-wrapper:first-child .sapphire-table__headCell{padding-left:var(--sapphire-semantic-size-spacing-40)}.sapphire-table__selectionCell:first-child,.sapphire-table__cell-wrapper:first-child>.sapphire-table__selectionCell{padding-right:var(--sapphire-semantic-size-spacing-30)}.sapphire-table__headCell:last-child,.sapphire-table__cell-wrapper:last-child>.sapphire-table__headCell{padding-right:var(--sapphire-semantic-size-spacing-40)}.sapphire-table__tfoot .sapphire-table__cell{font-weight:var(--sapphire-semantic-font-weight-default-bold)}.sapphire-table__cell-wrapper>.sapphire-table__cell,.sapphire-table__cell-wrapper>.sapphire-table__selectionCell{padding-left:var(--sapphire-semantic-size-spacing-20);padding-right:var(--sapphire-semantic-size-spacing-20)}.sapphire-table__head .sapphire-table__selectionCell{padding-top:var(--sapphire-semantic-size-spacing-20);padding-bottom:var(--sapphire-semantic-size-spacing-20)}.sapphire-table__cell-wrapper .sapphire-table__headCell{padding-left:0;padding-right:0}.sapphire-table__cell-wrapper .sapphire-table__cell,.sapphire-table__cell-wrapper .sapphire-table__headCell,.sapphire-table__cell-wrapper .sapphire-table__selectionCell{display:flex;align-items:center;height:100%;box-sizing:border-box}.sapphire-table__row{position:relative;border-bottom:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-separator-default)}.sapphire-table__row--active{background-color:var(--sapphire-semantic-color-background-action-tertiary-ghost-default)!important}.sapphire-table__row--selected{background-color:var(--sapphire-semantic-color-background-action-secondary-default)}.sapphire-table__row.is-focus,.sapphire-table__row:not(.js-focus):focus-visible,.sapphire-table__row.sapphire-table__row--expanded{border-bottom-color:transparent}.sapphire-table__row-expanded-view{border-bottom:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-separator-default)}.sapphire-table__row-expand-button{display:inline-flex;transition:transform ease-in-out var(--sapphire-semantic-time-motion-quick);margin-left:var(--sapphire-semantic-size-spacing-20)}.sapphire-table td:has(.sapphire-table__row-expand-button){width:0}.sapphire-table__row--expanded .sapphire-table__row-expand-button{transform:rotate(180deg)}.sapphire-table--without-last-divider .sapphire-table__row:not(.is-focus,:not(.js-focus):focus-visible):last-child{border-bottom-color:transparent}.sapphire-table--interactive .sapphire-table__row,.sapphire-table__row--interactive{cursor:default}.sapphire-table--interactive .sapphire-table__row.is-hover,.sapphire-table__row--interactive.is-hover,.sapphire-table--interactive .sapphire-table__row:not(.js-hover):hover,.sapphire-table__row--interactive:not(.js-hover):hover{background-color:var(--sapphire-semantic-color-background-action-secondary-default);cursor:pointer}.sapphire-table__row--highlighted{background-color:var(--sapphire-semantic-color-background-action-secondary-default)}.sapphire-table__row--highlighted>*:first-child{box-shadow:inset var(--sapphire-global-size-generic-5) 0 0 0 var(--sapphire-semantic-color-background-informative-primary-default)}.sapphire-table__tfoot{position:relative;z-index:2;background-color:var(--sapphire-semantic-color-background-action-secondary-default)}.sapphire-table__selection-action-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--sapphire-semantic-size-spacing-30) var(--sapphire-semantic-size-spacing-50);background-color:var(--sapphire-semantic-color-background-action-secondary-default)}.sapphire-table__footer{position:relative;z-index:2;margin-top:var(--sapphire-semantic-size-spacing-20)}.sapphire-table__footer--sticky{position:sticky;bottom:0;left:0}.sapphire-table__footer--virtualized{position:absolute;z-index:2;bottom:0;right:0;left:0}sp-table{display:block}\n"] });
+  `, isInline: true, styles: [".sapphire-table{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;justify-content:space-between;background-color:var(--sapphire-semantic-color-background-surface)}.sapphire-table--overflow{overflow:auto}.sapphire-table__table{border-collapse:collapse;border-spacing:0;width:100%;table-layout:auto}.sapphire-table__table--fixed-layout{table-layout:fixed}.sapphire-table-sortedIcon,.sapphire-table-sortableIcon{display:inline-flex;visibility:hidden;vertical-align:top}.sapphire-table__head{top:0;z-index:2;line-height:var(--sapphire-semantic-size-line-height-md);background-color:var(--sapphire-semantic-color-background-surface)}.sapphire-table__head--sticky{position:sticky}.sapphire-table__cell--alignLeft{text-align:left}.sapphire-table__cell--alignCenter{text-align:center}.sapphire-table__cell--alignRight{text-align:end}.sapphire-table__cell-wrapper .sapphire-table__cell--alignLeft{justify-content:flex-start}.sapphire-table__cell-wrapper .sapphire-table__cell--alignCenter{justify-content:center}.sapphire-table__cell-wrapper .sapphire-table__cell--alignRight{justify-content:flex-end}.sapphire-table__headCell{color:var(--sapphire-semantic-color-content-default-primary);box-sizing:border-box;font-size:var(--sapphire-semantic-size-font-text-md);font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-semibold);line-height:var(--sapphire-semantic-size-line-height-md);vertical-align:top}.sapphire-table__headCell_container{padding:var(--sapphire-semantic-size-spacing-20);display:inline-flex;align-items:center;box-sizing:border-box;width:100%}.sapphire-table__cell--alignRight .sapphire-table__headCell_container{justify-content:flex-end}.sapphire-table__cell--alignLeft .sapphire-table__headCell_container{justify-content:flex-start}.sapphire-table__cell--alignCenter .sapphire-table__headCell_container{justify-content:center}.sapphire-table__row,.sapphire-table__cell,.sapphire-table__headCell,.sapphire-table__selectionCell{outline:none;position:relative;z-index:1}.sapphire-table__headCell.is-focus .sapphire-table__headCell_container,.sapphire-table__headCell:not(.js-focus):focus-visible .sapphire-table__headCell_container,.sapphire-table__cell.is-focus,.sapphire-table__cell:not(.js-focus):focus-visible,.sapphire-table__selectionCell.is-focus,.sapphire-table__selectionCell:not(.js-focus):focus-visible,.sapphire-table__row.is-focus,.sapphire-table__row:not(.js-focus):focus-visible{outline:none;border-radius:var(--sapphire-semantic-size-radius-sm);box-shadow:inset 0 0 0 var(--sapphire-semantic-size-focus-ring) var(--sapphire-semantic-color-focus-ring)}.sapphire-table__headCell.is-focus .sapphire-table__headCell_container,.sapphire-table__headCell:not(.js-focus):focus-visible .sapphire-table__headCell_container{border-radius:var(--sapphire-semantic-size-radius-sm)}.sapphire-table__headCell.sapphire-table__headCell--sortable.is-hover .sapphire-table__headCell_container,.sapphire-table__headCell.sapphire-table__headCell--sortable:not(.js-hover):hover .sapphire-table__headCell_container{background-color:var(--sapphire-semantic-color-background-action-secondary-default);border-radius:var(--sapphire-semantic-size-radius-sm)}.sapphire-table__headCell.sapphire-table__headCell--sortable{cursor:pointer}.sapphire-table__headCell--sortable:not(sapphire-table__headCell--sorted):hover .sapphire-table-sortableIcon{visibility:visible}.sapphire-table__headCell--sorted .sapphire-table-sortedIcon{visibility:visible;padding-left:var(--sapphire-semantic-size-spacing-20)}.sapphire-table__headCell .sapphire-table-sortedIcon,.sapphire-table__headCell .sapphire-table-sortableIcon{padding-left:var(--sapphire-semantic-size-spacing-20)}.sapphire-table__cell--alignRight .sapphire-table-sortedIcon,.sapphire-table__cell--alignRight .sapphire-table-sortableIcon{padding-right:var(--sapphire-semantic-size-spacing-20)}.sapphire-table__headCell__text,.sapphire-table__headCell__icon{vertical-align:top;display:inline-block}.sapphire-table__body{position:relative;overflow:auto}.sapphire-table__cell{box-sizing:border-box;color:var(--sapphire-semantic-color-content-default-primary);font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-regular);overflow-wrap:break-word}.sapphire-table__cell-contents{display:block;width:100%;overflow-wrap:break-word}.sapphire-table__cell--ellipsed,.sapphire-table__headCell_content--ellipsed,.sapphire-table__cell--ellipsed .sapphire-table__cell-contents{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sapphire-table__table--spacing-sm .sapphire-table__cell,.sapphire-table__table--spacing-sm .sapphire-table__selectionCell:not(:first-child){padding-top:var(--sapphire-semantic-size-spacing-20);padding-bottom:var(--sapphire-semantic-size-spacing-20)}.sapphire-table__table--spacing-lg .sapphire-table__cell,.sapphire-table__table--spacing-lg .sapphire-table__selectionCell:not(:first-child){padding-top:var(--sapphire-semantic-size-spacing-40);padding-bottom:var(--sapphire-semantic-size-spacing-40)}.sapphire-table__table--spacing-xl .sapphire-table__cell,.sapphire-table__table--spacing-xl .sapphire-table__selectionCell:not(:first-child){padding-top:var(--sapphire-global-size-generic-50);padding-bottom:var(--sapphire-global-size-generic-50)}.sapphire-table__cell,.sapphire-table__selectionCell{font-size:var(--sapphire-semantic-size-font-text-lg);line-height:var(--sapphire-semantic-size-line-height-md);padding:var(--sapphire-semantic-size-spacing-30) var(--sapphire-semantic-size-spacing-20)}.sapphire-table__selectionCell{line-height:0;width:var(--sapphire-global-size-generic-50)}.sapphire-table__cell-wrapper .sapphire-table__selectionCell{width:unset;min-width:var(--sapphire-global-size-generic-50)}.sapphire-table__cell:first-child,.sapphire-table__selectionCell:first-child,.sapphire-table__cell-wrapper:first-child>.sapphire-table__cell,.sapphire-table__cell-wrapper:first-child>.sapphire-table__selectionCell{padding-left:var(--sapphire-semantic-size-spacing-50)}.sapphire-table__cell:last-child,.sapphire-table__cell-wrapper:last-child>.sapphire-table__cell{padding-right:var(--sapphire-semantic-size-spacing-50)}.sapphire-table__headCell:first-child,.sapphire-table__cell-wrapper:first-child .sapphire-table__headCell{padding-left:var(--sapphire-semantic-size-spacing-40)}.sapphire-table__selectionCell:first-child,.sapphire-table__cell-wrapper:first-child>.sapphire-table__selectionCell{padding-right:var(--sapphire-semantic-size-spacing-30)}.sapphire-table__headCell:last-child,.sapphire-table__cell-wrapper:last-child>.sapphire-table__headCell{padding-right:var(--sapphire-semantic-size-spacing-40)}.sapphire-table__tfoot .sapphire-table__cell{font-weight:var(--sapphire-semantic-font-weight-default-bold)}.sapphire-table__cell-wrapper>.sapphire-table__cell,.sapphire-table__cell-wrapper>.sapphire-table__selectionCell{padding-left:var(--sapphire-semantic-size-spacing-20);padding-right:var(--sapphire-semantic-size-spacing-20)}.sapphire-table__head .sapphire-table__selectionCell{padding-top:var(--sapphire-semantic-size-spacing-20);padding-bottom:var(--sapphire-semantic-size-spacing-20)}.sapphire-table__cell-wrapper .sapphire-table__headCell{padding-left:0;padding-right:0}.sapphire-table__cell-wrapper .sapphire-table__cell,.sapphire-table__cell-wrapper .sapphire-table__headCell,.sapphire-table__cell-wrapper .sapphire-table__selectionCell{display:flex;align-items:center;height:100%;box-sizing:border-box}.sapphire-table__row{position:relative;border-bottom:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-separator-default)}.sapphire-table__row--active{background-color:var(--sapphire-semantic-color-background-action-tertiary-ghost-default)!important}.sapphire-table__row--selected{background-color:var(--sapphire-semantic-color-background-action-secondary-default)}.sapphire-table__row.is-focus,.sapphire-table__row:not(.js-focus):focus-visible,.sapphire-table__row.sapphire-table__row--expanded{border-bottom-color:transparent}.sapphire-table__row-expanded-view{border-bottom:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-separator-default)}.sapphire-table__row-expand-button{display:inline-flex;transition:transform ease-in-out var(--sapphire-semantic-time-motion-quick);margin-left:var(--sapphire-semantic-size-spacing-20)}.sapphire-table td:has(.sapphire-table__row-expand-button){width:0}.sapphire-table__row--expanded .sapphire-table__row-expand-button{transform:rotate(180deg)}.sapphire-table--without-last-divider .sapphire-table__row:not(.is-focus,:not(.js-focus):focus-visible):last-child{border-bottom-color:transparent}.sapphire-table--interactive .sapphire-table__row,.sapphire-table__row--interactive{cursor:default}.sapphire-table--interactive .sapphire-table__row.is-hover,.sapphire-table__row--interactive.is-hover,.sapphire-table--interactive .sapphire-table__row:not(.js-hover):hover,.sapphire-table__row--interactive:not(.js-hover):hover{background-color:var(--sapphire-semantic-color-background-action-secondary-default);cursor:pointer}.sapphire-table__row--highlighted{background-color:var(--sapphire-semantic-color-background-action-secondary-default)}.sapphire-table__row--highlighted>*:first-child{box-shadow:inset var(--sapphire-global-size-generic-5) 0 0 0 var(--sapphire-semantic-color-background-informative-primary-default)}.sapphire-table__tfoot{position:relative;z-index:2;background-color:var(--sapphire-semantic-color-background-action-secondary-default)}.sapphire-table__selection-action-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--sapphire-semantic-size-spacing-30) var(--sapphire-semantic-size-spacing-50);background-color:var(--sapphire-semantic-color-background-action-secondary-default);position:sticky;top:0;left:0;z-index:3}.sapphire-table__footer{position:relative;z-index:2;margin-top:var(--sapphire-semantic-size-spacing-20)}.sapphire-table__footer--sticky{position:sticky;bottom:0;left:0}.sapphire-table__footer--virtualized{position:absolute;z-index:2;bottom:0;right:0;left:0}sp-table{display:block}\n"] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: TableComponent, decorators: [{
             type: Component,
             args: [{ selector: 'sp-table', template: `
@@ -49,7 +49,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
                         '[style.max-height]': 'maxHeight',
                         '[class.sapphire-table--overflow]': 'height || maxHeight',
                         '[class.sapphire-table--interactive]': 'isInteractive',
-                    }, hostDirectives: [UseComponentStylesOnHost], styles: [".sapphire-table{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;justify-content:space-between;background-color:var(--sapphire-semantic-color-background-surface)}.sapphire-table--overflow{overflow:auto}.sapphire-table__table{border-collapse:collapse;border-spacing:0;width:100%}.sapphire-table-sortedIcon,.sapphire-table-sortableIcon{display:inline-flex;visibility:hidden;vertical-align:top}.sapphire-table__head{top:0;z-index:2;line-height:var(--sapphire-semantic-size-line-height-md);background-color:var(--sapphire-semantic-color-background-surface)}.sapphire-table__head--sticky{position:sticky}.sapphire-table__cell--alignLeft{text-align:left}.sapphire-table__cell--alignCenter{text-align:center}.sapphire-table__cell--alignRight{text-align:end}.sapphire-table__cell-wrapper .sapphire-table__cell--alignLeft{justify-content:flex-start}.sapphire-table__cell-wrapper .sapphire-table__cell--alignCenter{justify-content:center}.sapphire-table__cell-wrapper .sapphire-table__cell--alignRight{justify-content:flex-end}.sapphire-table__headCell{color:var(--sapphire-semantic-color-content-default-primary);box-sizing:border-box;font-size:var(--sapphire-semantic-size-font-text-md);font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-semibold);line-height:var(--sapphire-semantic-size-line-height-md);vertical-align:top}.sapphire-table__headCell_container{padding:var(--sapphire-semantic-size-spacing-20);display:inline-flex;align-items:center;box-sizing:border-box;width:100%}.sapphire-table__cell--alignRight .sapphire-table__headCell_container{justify-content:flex-end}.sapphire-table__cell--alignLeft .sapphire-table__headCell_container{justify-content:flex-start}.sapphire-table__cell--alignCenter .sapphire-table__headCell_container{justify-content:center}.sapphire-table__row,.sapphire-table__cell,.sapphire-table__headCell,.sapphire-table__selectionCell{outline:none;position:relative;z-index:1}.sapphire-table__headCell.is-focus .sapphire-table__headCell_container,.sapphire-table__headCell:not(.js-focus):focus-visible .sapphire-table__headCell_container,.sapphire-table__cell.is-focus,.sapphire-table__cell:not(.js-focus):focus-visible,.sapphire-table__selectionCell.is-focus,.sapphire-table__selectionCell:not(.js-focus):focus-visible,.sapphire-table__row.is-focus,.sapphire-table__row:not(.js-focus):focus-visible{outline:none;border-radius:var(--sapphire-semantic-size-radius-sm);box-shadow:inset 0 0 0 var(--sapphire-semantic-size-focus-ring) var(--sapphire-semantic-color-focus-ring)}.sapphire-table__headCell.is-focus .sapphire-table__headCell_container,.sapphire-table__headCell:not(.js-focus):focus-visible .sapphire-table__headCell_container{border-radius:var(--sapphire-semantic-size-radius-sm)}.sapphire-table__headCell.sapphire-table__headCell--sortable.is-hover .sapphire-table__headCell_container,.sapphire-table__headCell.sapphire-table__headCell--sortable:not(.js-hover):hover .sapphire-table__headCell_container{background-color:var(--sapphire-semantic-color-background-action-secondary-default);border-radius:var(--sapphire-semantic-size-radius-sm)}.sapphire-table__headCell.sapphire-table__headCell--sortable{cursor:pointer}.sapphire-table__headCell--sortable:not(sapphire-table__headCell--sorted):hover .sapphire-table-sortableIcon{visibility:visible}.sapphire-table__headCell--sorted .sapphire-table-sortedIcon{visibility:visible;padding-left:var(--sapphire-semantic-size-spacing-20)}.sapphire-table__headCell .sapphire-table-sortedIcon,.sapphire-table__headCell .sapphire-table-sortableIcon{padding-left:var(--sapphire-semantic-size-spacing-20)}.sapphire-table__cell--alignRight .sapphire-table-sortedIcon,.sapphire-table__cell--alignRight .sapphire-table-sortableIcon{padding-right:var(--sapphire-semantic-size-spacing-20)}.sapphire-table__headCell__text,.sapphire-table__headCell__icon{vertical-align:top;display:inline-block}.sapphire-table__body{position:relative;overflow:auto}.sapphire-table__cell{box-sizing:border-box;color:var(--sapphire-semantic-color-content-default-primary);font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-regular)}.sapphire-table__cell-contents{display:block;width:100%}.sapphire-table__cell--ellipsed,.sapphire-table__headCell_content--ellipsed,.sapphire-table__cell--ellipsed .sapphire-table__cell-contents{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sapphire-table__table--spacing-sm .sapphire-table__cell,.sapphire-table__table--spacing-sm .sapphire-table__selectionCell:not(:first-child){padding-top:var(--sapphire-semantic-size-spacing-20);padding-bottom:var(--sapphire-semantic-size-spacing-20)}.sapphire-table__table--spacing-lg .sapphire-table__cell,.sapphire-table__table--spacing-lg .sapphire-table__selectionCell:not(:first-child){padding-top:var(--sapphire-semantic-size-spacing-40);padding-bottom:var(--sapphire-semantic-size-spacing-40)}.sapphire-table__table--spacing-xl .sapphire-table__cell,.sapphire-table__table--spacing-xl .sapphire-table__selectionCell:not(:first-child){padding-top:var(--sapphire-global-size-generic-50);padding-bottom:var(--sapphire-global-size-generic-50)}.sapphire-table__cell,.sapphire-table__selectionCell{font-size:var(--sapphire-semantic-size-font-text-lg);line-height:var(--sapphire-semantic-size-line-height-md);padding:var(--sapphire-semantic-size-spacing-30) var(--sapphire-semantic-size-spacing-20)}.sapphire-table__selectionCell{line-height:0;width:var(--sapphire-global-size-generic-50)}.sapphire-table__cell-wrapper .sapphire-table__selectionCell{width:unset;min-width:var(--sapphire-global-size-generic-50)}.sapphire-table__cell:first-child,.sapphire-table__selectionCell:first-child,.sapphire-table__cell-wrapper:first-child>.sapphire-table__cell,.sapphire-table__cell-wrapper:first-child>.sapphire-table__selectionCell{padding-left:var(--sapphire-semantic-size-spacing-50)}.sapphire-table__cell:last-child,.sapphire-table__cell-wrapper:last-child>.sapphire-table__cell{padding-right:var(--sapphire-semantic-size-spacing-50)}.sapphire-table__headCell:first-child,.sapphire-table__cell-wrapper:first-child .sapphire-table__headCell{padding-left:var(--sapphire-semantic-size-spacing-40)}.sapphire-table__selectionCell:first-child,.sapphire-table__cell-wrapper:first-child>.sapphire-table__selectionCell{padding-right:var(--sapphire-semantic-size-spacing-30)}.sapphire-table__headCell:last-child,.sapphire-table__cell-wrapper:last-child>.sapphire-table__headCell{padding-right:var(--sapphire-semantic-size-spacing-40)}.sapphire-table__tfoot .sapphire-table__cell{font-weight:var(--sapphire-semantic-font-weight-default-bold)}.sapphire-table__cell-wrapper>.sapphire-table__cell,.sapphire-table__cell-wrapper>.sapphire-table__selectionCell{padding-left:var(--sapphire-semantic-size-spacing-20);padding-right:var(--sapphire-semantic-size-spacing-20)}.sapphire-table__head .sapphire-table__selectionCell{padding-top:var(--sapphire-semantic-size-spacing-20);padding-bottom:var(--sapphire-semantic-size-spacing-20)}.sapphire-table__cell-wrapper .sapphire-table__headCell{padding-left:0;padding-right:0}.sapphire-table__cell-wrapper .sapphire-table__cell,.sapphire-table__cell-wrapper .sapphire-table__headCell,.sapphire-table__cell-wrapper .sapphire-table__selectionCell{display:flex;align-items:center;height:100%;box-sizing:border-box}.sapphire-table__row{position:relative;border-bottom:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-separator-default)}.sapphire-table__row--active{background-color:var(--sapphire-semantic-color-background-action-tertiary-ghost-default)!important}.sapphire-table__row--selected{background-color:var(--sapphire-semantic-color-background-action-secondary-default)}.sapphire-table__row.is-focus,.sapphire-table__row:not(.js-focus):focus-visible,.sapphire-table__row.sapphire-table__row--expanded{border-bottom-color:transparent}.sapphire-table__row-expanded-view{border-bottom:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-separator-default)}.sapphire-table__row-expand-button{display:inline-flex;transition:transform ease-in-out var(--sapphire-semantic-time-motion-quick);margin-left:var(--sapphire-semantic-size-spacing-20)}.sapphire-table td:has(.sapphire-table__row-expand-button){width:0}.sapphire-table__row--expanded .sapphire-table__row-expand-button{transform:rotate(180deg)}.sapphire-table--without-last-divider .sapphire-table__row:not(.is-focus,:not(.js-focus):focus-visible):last-child{border-bottom-color:transparent}.sapphire-table--interactive .sapphire-table__row,.sapphire-table__row--interactive{cursor:default}.sapphire-table--interactive .sapphire-table__row.is-hover,.sapphire-table__row--interactive.is-hover,.sapphire-table--interactive .sapphire-table__row:not(.js-hover):hover,.sapphire-table__row--interactive:not(.js-hover):hover{background-color:var(--sapphire-semantic-color-background-action-secondary-default);cursor:pointer}.sapphire-table__row--highlighted{background-color:var(--sapphire-semantic-color-background-action-secondary-default)}.sapphire-table__row--highlighted>*:first-child{box-shadow:inset var(--sapphire-global-size-generic-5) 0 0 0 var(--sapphire-semantic-color-background-informative-primary-default)}.sapphire-table__tfoot{position:relative;z-index:2;background-color:var(--sapphire-semantic-color-background-action-secondary-default)}.sapphire-table__selection-action-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--sapphire-semantic-size-spacing-30) var(--sapphire-semantic-size-spacing-50);background-color:var(--sapphire-semantic-color-background-action-secondary-default)}.sapphire-table__footer{position:relative;z-index:2;margin-top:var(--sapphire-semantic-size-spacing-20)}.sapphire-table__footer--sticky{position:sticky;bottom:0;left:0}.sapphire-table__footer--virtualized{position:absolute;z-index:2;bottom:0;right:0;left:0}sp-table{display:block}\n"] }]
+                    }, hostDirectives: [UseComponentStylesOnHost], styles: [".sapphire-table{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;justify-content:space-between;background-color:var(--sapphire-semantic-color-background-surface)}.sapphire-table--overflow{overflow:auto}.sapphire-table__table{border-collapse:collapse;border-spacing:0;width:100%;table-layout:auto}.sapphire-table__table--fixed-layout{table-layout:fixed}.sapphire-table-sortedIcon,.sapphire-table-sortableIcon{display:inline-flex;visibility:hidden;vertical-align:top}.sapphire-table__head{top:0;z-index:2;line-height:var(--sapphire-semantic-size-line-height-md);background-color:var(--sapphire-semantic-color-background-surface)}.sapphire-table__head--sticky{position:sticky}.sapphire-table__cell--alignLeft{text-align:left}.sapphire-table__cell--alignCenter{text-align:center}.sapphire-table__cell--alignRight{text-align:end}.sapphire-table__cell-wrapper .sapphire-table__cell--alignLeft{justify-content:flex-start}.sapphire-table__cell-wrapper .sapphire-table__cell--alignCenter{justify-content:center}.sapphire-table__cell-wrapper .sapphire-table__cell--alignRight{justify-content:flex-end}.sapphire-table__headCell{color:var(--sapphire-semantic-color-content-default-primary);box-sizing:border-box;font-size:var(--sapphire-semantic-size-font-text-md);font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-semibold);line-height:var(--sapphire-semantic-size-line-height-md);vertical-align:top}.sapphire-table__headCell_container{padding:var(--sapphire-semantic-size-spacing-20);display:inline-flex;align-items:center;box-sizing:border-box;width:100%}.sapphire-table__cell--alignRight .sapphire-table__headCell_container{justify-content:flex-end}.sapphire-table__cell--alignLeft .sapphire-table__headCell_container{justify-content:flex-start}.sapphire-table__cell--alignCenter .sapphire-table__headCell_container{justify-content:center}.sapphire-table__row,.sapphire-table__cell,.sapphire-table__headCell,.sapphire-table__selectionCell{outline:none;position:relative;z-index:1}.sapphire-table__headCell.is-focus .sapphire-table__headCell_container,.sapphire-table__headCell:not(.js-focus):focus-visible .sapphire-table__headCell_container,.sapphire-table__cell.is-focus,.sapphire-table__cell:not(.js-focus):focus-visible,.sapphire-table__selectionCell.is-focus,.sapphire-table__selectionCell:not(.js-focus):focus-visible,.sapphire-table__row.is-focus,.sapphire-table__row:not(.js-focus):focus-visible{outline:none;border-radius:var(--sapphire-semantic-size-radius-sm);box-shadow:inset 0 0 0 var(--sapphire-semantic-size-focus-ring) var(--sapphire-semantic-color-focus-ring)}.sapphire-table__headCell.is-focus .sapphire-table__headCell_container,.sapphire-table__headCell:not(.js-focus):focus-visible .sapphire-table__headCell_container{border-radius:var(--sapphire-semantic-size-radius-sm)}.sapphire-table__headCell.sapphire-table__headCell--sortable.is-hover .sapphire-table__headCell_container,.sapphire-table__headCell.sapphire-table__headCell--sortable:not(.js-hover):hover .sapphire-table__headCell_container{background-color:var(--sapphire-semantic-color-background-action-secondary-default);border-radius:var(--sapphire-semantic-size-radius-sm)}.sapphire-table__headCell.sapphire-table__headCell--sortable{cursor:pointer}.sapphire-table__headCell--sortable:not(sapphire-table__headCell--sorted):hover .sapphire-table-sortableIcon{visibility:visible}.sapphire-table__headCell--sorted .sapphire-table-sortedIcon{visibility:visible;padding-left:var(--sapphire-semantic-size-spacing-20)}.sapphire-table__headCell .sapphire-table-sortedIcon,.sapphire-table__headCell .sapphire-table-sortableIcon{padding-left:var(--sapphire-semantic-size-spacing-20)}.sapphire-table__cell--alignRight .sapphire-table-sortedIcon,.sapphire-table__cell--alignRight .sapphire-table-sortableIcon{padding-right:var(--sapphire-semantic-size-spacing-20)}.sapphire-table__headCell__text,.sapphire-table__headCell__icon{vertical-align:top;display:inline-block}.sapphire-table__body{position:relative;overflow:auto}.sapphire-table__cell{box-sizing:border-box;color:var(--sapphire-semantic-color-content-default-primary);font-family:var(--sapphire-semantic-font-name-default);font-weight:var(--sapphire-semantic-font-weight-default-regular);overflow-wrap:break-word}.sapphire-table__cell-contents{display:block;width:100%;overflow-wrap:break-word}.sapphire-table__cell--ellipsed,.sapphire-table__headCell_content--ellipsed,.sapphire-table__cell--ellipsed .sapphire-table__cell-contents{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sapphire-table__table--spacing-sm .sapphire-table__cell,.sapphire-table__table--spacing-sm .sapphire-table__selectionCell:not(:first-child){padding-top:var(--sapphire-semantic-size-spacing-20);padding-bottom:var(--sapphire-semantic-size-spacing-20)}.sapphire-table__table--spacing-lg .sapphire-table__cell,.sapphire-table__table--spacing-lg .sapphire-table__selectionCell:not(:first-child){padding-top:var(--sapphire-semantic-size-spacing-40);padding-bottom:var(--sapphire-semantic-size-spacing-40)}.sapphire-table__table--spacing-xl .sapphire-table__cell,.sapphire-table__table--spacing-xl .sapphire-table__selectionCell:not(:first-child){padding-top:var(--sapphire-global-size-generic-50);padding-bottom:var(--sapphire-global-size-generic-50)}.sapphire-table__cell,.sapphire-table__selectionCell{font-size:var(--sapphire-semantic-size-font-text-lg);line-height:var(--sapphire-semantic-size-line-height-md);padding:var(--sapphire-semantic-size-spacing-30) var(--sapphire-semantic-size-spacing-20)}.sapphire-table__selectionCell{line-height:0;width:var(--sapphire-global-size-generic-50)}.sapphire-table__cell-wrapper .sapphire-table__selectionCell{width:unset;min-width:var(--sapphire-global-size-generic-50)}.sapphire-table__cell:first-child,.sapphire-table__selectionCell:first-child,.sapphire-table__cell-wrapper:first-child>.sapphire-table__cell,.sapphire-table__cell-wrapper:first-child>.sapphire-table__selectionCell{padding-left:var(--sapphire-semantic-size-spacing-50)}.sapphire-table__cell:last-child,.sapphire-table__cell-wrapper:last-child>.sapphire-table__cell{padding-right:var(--sapphire-semantic-size-spacing-50)}.sapphire-table__headCell:first-child,.sapphire-table__cell-wrapper:first-child .sapphire-table__headCell{padding-left:var(--sapphire-semantic-size-spacing-40)}.sapphire-table__selectionCell:first-child,.sapphire-table__cell-wrapper:first-child>.sapphire-table__selectionCell{padding-right:var(--sapphire-semantic-size-spacing-30)}.sapphire-table__headCell:last-child,.sapphire-table__cell-wrapper:last-child>.sapphire-table__headCell{padding-right:var(--sapphire-semantic-size-spacing-40)}.sapphire-table__tfoot .sapphire-table__cell{font-weight:var(--sapphire-semantic-font-weight-default-bold)}.sapphire-table__cell-wrapper>.sapphire-table__cell,.sapphire-table__cell-wrapper>.sapphire-table__selectionCell{padding-left:var(--sapphire-semantic-size-spacing-20);padding-right:var(--sapphire-semantic-size-spacing-20)}.sapphire-table__head .sapphire-table__selectionCell{padding-top:var(--sapphire-semantic-size-spacing-20);padding-bottom:var(--sapphire-semantic-size-spacing-20)}.sapphire-table__cell-wrapper .sapphire-table__headCell{padding-left:0;padding-right:0}.sapphire-table__cell-wrapper .sapphire-table__cell,.sapphire-table__cell-wrapper .sapphire-table__headCell,.sapphire-table__cell-wrapper .sapphire-table__selectionCell{display:flex;align-items:center;height:100%;box-sizing:border-box}.sapphire-table__row{position:relative;border-bottom:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-separator-default)}.sapphire-table__row--active{background-color:var(--sapphire-semantic-color-background-action-tertiary-ghost-default)!important}.sapphire-table__row--selected{background-color:var(--sapphire-semantic-color-background-action-secondary-default)}.sapphire-table__row.is-focus,.sapphire-table__row:not(.js-focus):focus-visible,.sapphire-table__row.sapphire-table__row--expanded{border-bottom-color:transparent}.sapphire-table__row-expanded-view{border-bottom:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-separator-default)}.sapphire-table__row-expand-button{display:inline-flex;transition:transform ease-in-out var(--sapphire-semantic-time-motion-quick);margin-left:var(--sapphire-semantic-size-spacing-20)}.sapphire-table td:has(.sapphire-table__row-expand-button){width:0}.sapphire-table__row--expanded .sapphire-table__row-expand-button{transform:rotate(180deg)}.sapphire-table--without-last-divider .sapphire-table__row:not(.is-focus,:not(.js-focus):focus-visible):last-child{border-bottom-color:transparent}.sapphire-table--interactive .sapphire-table__row,.sapphire-table__row--interactive{cursor:default}.sapphire-table--interactive .sapphire-table__row.is-hover,.sapphire-table__row--interactive.is-hover,.sapphire-table--interactive .sapphire-table__row:not(.js-hover):hover,.sapphire-table__row--interactive:not(.js-hover):hover{background-color:var(--sapphire-semantic-color-background-action-secondary-default);cursor:pointer}.sapphire-table__row--highlighted{background-color:var(--sapphire-semantic-color-background-action-secondary-default)}.sapphire-table__row--highlighted>*:first-child{box-shadow:inset var(--sapphire-global-size-generic-5) 0 0 0 var(--sapphire-semantic-color-background-informative-primary-default)}.sapphire-table__tfoot{position:relative;z-index:2;background-color:var(--sapphire-semantic-color-background-action-secondary-default)}.sapphire-table__selection-action-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--sapphire-semantic-size-spacing-30) var(--sapphire-semantic-size-spacing-50);background-color:var(--sapphire-semantic-color-background-action-secondary-default);position:sticky;top:0;left:0;z-index:3}.sapphire-table__footer{position:relative;z-index:2;margin-top:var(--sapphire-semantic-size-spacing-20)}.sapphire-table__footer--sticky{position:sticky;bottom:0;left:0}.sapphire-table__footer--virtualized{position:absolute;z-index:2;bottom:0;right:0;left:0}sp-table{display:block}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { rowAction: [{
                 type: Output
             }], stickyHeader: [{
@@ -62,6 +62,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
                 type: Input
             }], cellSpacing: [{
                 type: Input
+            }], layout: [{
+                type: Input
             }], rows: [{
                 type: ContentChildren,
                 args: [TableRowDirective, { descendants: true }]
@@ -72,4 +74,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
                 type: ContentChild,
                 args: [TableDirective, { descendants: true }]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi90YWJsZS9zcmMvdGFibGUuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsWUFBWSxFQUNaLGVBQWUsRUFDZixZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sR0FFUCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUNyRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQztBQUNwRixPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sbUJBQW1CLENBQUM7OztBQXdCbkQsTUFBTSxPQUFPLGNBQWM7SUFnQ3pCLElBQUksYUFBYTtRQUNmLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQyxTQUFTLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQztJQUM3QyxDQUFDO0lBV0Q7UUE1Q0E7O1dBRUc7UUFFSCxjQUFTLEdBQUcsSUFBSSxZQUFZLEVBQTJCLENBQUM7UUFFeEQ7Ozs7O1dBS0c7UUFFSCxpQkFBWSxHQUEwQixNQUFNLENBQUM7UUFFN0M7OztXQUdHO1FBRUgsaUJBQVksR0FBd0IsVUFBVSxDQUFDO1FBRy9DLFdBQU0sR0FBdUIsU0FBUyxDQUFDO1FBR3ZDLGNBQVMsR0FBdUIsU0FBUyxDQUFDO1FBRzFDLGdCQUFXLEdBQThCLElBQUksQ0FBQztJQWUvQixDQUFDOzsyR0E3Q0wsY0FBYzsrRkFBZCxjQUFjLDRlQTBDWCxjQUFjLDBEQU5YLGlCQUFpQiwrREFHakIsc0JBQXNCLDhHQXREN0I7Ozs7R0FJVDsyRkFXVSxjQUFjO2tCQWpCMUIsU0FBUzsrQkFDRSxVQUFVLFlBQ1Y7Ozs7R0FJVCxRQUNLO3dCQUNKLEtBQUssRUFBRSxnQkFBZ0I7d0JBQ3ZCLGdCQUFnQixFQUFFLFFBQVE7d0JBQzFCLG9CQUFvQixFQUFFLFdBQVc7d0JBQ2pDLGtDQUFrQyxFQUFFLHFCQUFxQjt3QkFDekQscUNBQXFDLEVBQUUsZUFBZTtxQkFDdkQsa0JBQ2UsQ0FBQyx3QkFBd0IsQ0FBQzswRUFRMUMsU0FBUztzQkFEUixNQUFNO2dCQVVQLFlBQVk7c0JBRFgsS0FBSztnQkFRTixZQUFZO3NCQURYLEtBQUs7Z0JBSU4sTUFBTTtzQkFETCxLQUFLO2dCQUlOLFNBQVM7c0JBRFIsS0FBSztnQkFJTixXQUFXO3NCQURWLEtBQUs7Z0JBUU4sSUFBSTtzQkFESCxlQUFlO3VCQUFDLGlCQUFpQixFQUFFLEVBQUUsV0FBVyxFQUFFLElBQUksRUFBRTtnQkFJekQsU0FBUztzQkFEUixlQUFlO3VCQUFDLHNCQUFzQixFQUFFLEVBQUUsV0FBVyxFQUFFLElBQUksRUFBRTtnQkFJOUQsS0FBSztzQkFESixZQUFZO3VCQUFDLGNBQWMsRUFBRSxFQUFFLFdBQVcsRUFBRSxJQUFJLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIENvbnRlbnRDaGlsZCxcbiAgQ29udGVudENoaWxkcmVuLFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxuICBPdXRwdXQsXG4gIFF1ZXJ5TGlzdCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBUYWJsZUhlYWRDZWxsQ29tcG9uZW50IH0gZnJvbSAnLi90YWJsZS1oZWFkLWNlbGwuY29tcG9uZW50JztcbmltcG9ydCB7IFRhYmxlUm93RGlyZWN0aXZlIH0gZnJvbSAnLi90YWJsZS1yb3cuZGlyZWN0aXZlJztcbmltcG9ydCB7IFVzZUNvbXBvbmVudFN0eWxlc09uSG9zdCB9IGZyb20gJy4uLy4uL2NvbW1vbi9zYXBwaGlyZS12aWV3LWVuY2Fwc3VsYXRpb24nO1xuaW1wb3J0IHsgVGFibGVEaXJlY3RpdmUgfSBmcm9tICcuL3RhYmxlLmRpcmVjdGl2ZSc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgUm93QWN0aW9uRXZlbnQ8RD4ge1xuICBpbmRleDogbnVtYmVyO1xuICByb3dEYXRhOiBEO1xufVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzcC10YWJsZScsXG4gIHRlbXBsYXRlOiBgXG4gICAgPG5nLWNvbnRhaW5lcj5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cInRhYmxlXCI+PC9uZy1jb250ZW50PlxuICAgIDwvbmctY29udGFpbmVyPlxuICBgLFxuICBob3N0OiB7XG4gICAgY2xhc3M6ICdzYXBwaGlyZS10YWJsZScsXG4gICAgJ1tzdHlsZS5oZWlnaHRdJzogJ2hlaWdodCcsXG4gICAgJ1tzdHlsZS5tYXgtaGVpZ2h0XSc6ICdtYXhIZWlnaHQnLFxuICAgICdbY2xhc3Muc2FwcGhpcmUtdGFibGUtLW92ZXJmbG93XSc6ICdoZWlnaHQgfHwgbWF4SGVpZ2h0JyxcbiAgICAnW2NsYXNzLnNhcHBoaXJlLXRhYmxlLS1pbnRlcmFjdGl2ZV0nOiAnaXNJbnRlcmFjdGl2ZScsXG4gIH0sXG4gIGhvc3REaXJlY3RpdmVzOiBbVXNlQ29tcG9uZW50U3R5bGVzT25Ib3N0XSxcbiAgc3R5bGVVcmxzOiBbJy4vdGFibGUuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgVGFibGVDb21wb25lbnQge1xuICAvKipcbiAgICogSGFuZGxlciB0aGF0IGlzIGNhbGxlZCB3aGVuIGEgdXNlciBwZXJmb3JtcyBhbiBhY3Rpb24gb24gYSByb3cuXG4gICAqL1xuICBAT3V0cHV0KClcbiAgcm93QWN0aW9uID0gbmV3IEV2ZW50RW1pdHRlcjxSb3dBY3Rpb25FdmVudDx1bmtub3duPj4oKTtcblxuICAvKipcbiAgICogSWYgdGhlIHRhYmxlIGhlYWRlciBzaG91bGQgYmUgc3RpY2t5IHJlbGF0aXZlIHRvIHRoZSBmaXJzdCBhbmNlc3RvciB3aXRoXG4gICAqIGFuIGBvdmVyZmxvd2AuXG4gICAqIGBhdXRvYCBtZWFucyBpdCBpcyBgdHJ1ZWAgaWYgdGhlIHRhYmxlIGhhcyBhIGN1c3RvbSBgaGVpZ2h0YCBvclxuICAgKiBgbWF4SGVpZ2h0YCBhbmQgYGZhbHNlYCBvdGhlcndpc2UuXG4gICAqL1xuICBASW5wdXQoKVxuICBzdGlja3lIZWFkZXI6ICdvbicgfCAnb2ZmJyB8ICdhdXRvJyA9ICdhdXRvJztcblxuICAvKipcbiAgICogV2hldGhlciB0ZXh0IHdpdGhpbiBhIHRhYmxlIGNlbGwgc2hvdWxkIGJlIHRydW5jYXRlZCBhbmQgZm9sbG93ZWQgYnlcbiAgICogMyBkb3RzIG9yIGl0IHNob3VsZCB3cmFwLlxuICAgKi9cbiAgQElucHV0KClcbiAgY2VsbE92ZXJmbG93OiAnd3JhcCcgfCAndHJ1bmNhdGUnID0gJ3RydW5jYXRlJztcblxuICBASW5wdXQoKVxuICBoZWlnaHQ6IG51bWJlciB8IHVuZGVmaW5lZCA9IHVuZGVmaW5lZDtcblxuICBASW5wdXQoKVxuICBtYXhIZWlnaHQ6IG51bWJlciB8IHVuZGVmaW5lZCA9IHVuZGVmaW5lZDtcblxuICBASW5wdXQoKVxuICBjZWxsU3BhY2luZzogJ3NtJyB8ICdtZCcgfCAnbGcnIHwgJ3hsJyA9ICdtZCc7XG5cbiAgZ2V0IGlzSW50ZXJhY3RpdmUoKSB7XG4gICAgcmV0dXJuIHRoaXMucm93QWN0aW9uLm9ic2VydmVycy5sZW5ndGggPiAwO1xuICB9XG5cbiAgQENvbnRlbnRDaGlsZHJlbihUYWJsZVJvd0RpcmVjdGl2ZSwgeyBkZXNjZW5kYW50czogdHJ1ZSB9KVxuICByb3dzPzogUXVlcnlMaXN0PFRhYmxlUm93RGlyZWN0aXZlPjtcblxuICBAQ29udGVudENoaWxkcmVuKFRhYmxlSGVhZENlbGxDb21wb25lbnQsIHsgZGVzY2VuZGFudHM6IHRydWUgfSlcbiAgaGVhZENlbGxzPzogUXVlcnlMaXN0PFRhYmxlSGVhZENlbGxDb21wb25lbnQ+O1xuXG4gIEBDb250ZW50Q2hpbGQoVGFibGVEaXJlY3RpdmUsIHsgZGVzY2VuZGFudHM6IHRydWUgfSlcbiAgdGFibGU/OiBUYWJsZURpcmVjdGl2ZTtcblxuICBjb25zdHJ1Y3RvcigpIHt9XG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi90YWJsZS9zcmMvdGFibGUuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsWUFBWSxFQUNaLGVBQWUsRUFDZixZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sR0FFUCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUNyRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQztBQUNwRixPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sbUJBQW1CLENBQUM7OztBQXdCbkQsTUFBTSxPQUFPLGNBQWM7SUF1Q3pCLElBQUksYUFBYTtRQUNmLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQyxTQUFTLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQztJQUM3QyxDQUFDO0lBV0Q7UUFuREE7O1dBRUc7UUFFSCxjQUFTLEdBQUcsSUFBSSxZQUFZLEVBQTJCLENBQUM7UUFFeEQ7Ozs7O1dBS0c7UUFFSCxpQkFBWSxHQUEwQixNQUFNLENBQUM7UUFFN0M7OztXQUdHO1FBRUgsaUJBQVksR0FBd0IsVUFBVSxDQUFDO1FBRy9DLFdBQU0sR0FBdUIsU0FBUyxDQUFDO1FBR3ZDLGNBQVMsR0FBdUIsU0FBUyxDQUFDO1FBRzFDLGdCQUFXLEdBQThCLElBQUksQ0FBQztJQXNCL0IsQ0FBQzs7MkdBcERMLGNBQWM7K0ZBQWQsY0FBYyw4ZkFpRFgsY0FBYywwREFOWCxpQkFBaUIsK0RBR2pCLHNCQUFzQiw4R0E3RDdCOzs7O0dBSVQ7MkZBV1UsY0FBYztrQkFqQjFCLFNBQVM7K0JBQ0UsVUFBVSxZQUNWOzs7O0dBSVQsUUFDSzt3QkFDSixLQUFLLEVBQUUsZ0JBQWdCO3dCQUN2QixnQkFBZ0IsRUFBRSxRQUFRO3dCQUMxQixvQkFBb0IsRUFBRSxXQUFXO3dCQUNqQyxrQ0FBa0MsRUFBRSxxQkFBcUI7d0JBQ3pELHFDQUFxQyxFQUFFLGVBQWU7cUJBQ3ZELGtCQUNlLENBQUMsd0JBQXdCLENBQUM7MEVBUTFDLFNBQVM7c0JBRFIsTUFBTTtnQkFVUCxZQUFZO3NCQURYLEtBQUs7Z0JBUU4sWUFBWTtzQkFEWCxLQUFLO2dCQUlOLE1BQU07c0JBREwsS0FBSztnQkFJTixTQUFTO3NCQURSLEtBQUs7Z0JBSU4sV0FBVztzQkFEVixLQUFLO2dCQVFOLE1BQU07c0JBREwsS0FBSztnQkFRTixJQUFJO3NCQURILGVBQWU7dUJBQUMsaUJBQWlCLEVBQUUsRUFBRSxXQUFXLEVBQUUsSUFBSSxFQUFFO2dCQUl6RCxTQUFTO3NCQURSLGVBQWU7dUJBQUMsc0JBQXNCLEVBQUUsRUFBRSxXQUFXLEVBQUUsSUFBSSxFQUFFO2dCQUk5RCxLQUFLO3NCQURKLFlBQVk7dUJBQUMsY0FBYyxFQUFFLEVBQUUsV0FBVyxFQUFFLElBQUksRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgQ29udGVudENoaWxkLFxuICBDb250ZW50Q2hpbGRyZW4sXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE91dHB1dCxcbiAgUXVlcnlMaXN0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFRhYmxlSGVhZENlbGxDb21wb25lbnQgfSBmcm9tICcuL3RhYmxlLWhlYWQtY2VsbC5jb21wb25lbnQnO1xuaW1wb3J0IHsgVGFibGVSb3dEaXJlY3RpdmUgfSBmcm9tICcuL3RhYmxlLXJvdy5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgVXNlQ29tcG9uZW50U3R5bGVzT25Ib3N0IH0gZnJvbSAnLi4vLi4vY29tbW9uL3NhcHBoaXJlLXZpZXctZW5jYXBzdWxhdGlvbic7XG5pbXBvcnQgeyBUYWJsZURpcmVjdGl2ZSB9IGZyb20gJy4vdGFibGUuZGlyZWN0aXZlJztcblxuZXhwb3J0IGludGVyZmFjZSBSb3dBY3Rpb25FdmVudDxEPiB7XG4gIGluZGV4OiBudW1iZXI7XG4gIHJvd0RhdGE6IEQ7XG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NwLXRhYmxlJyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8bmctY29udGFpbmVyPlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwidGFibGVcIj48L25nLWNvbnRlbnQ+XG4gICAgPC9uZy1jb250YWluZXI+XG4gIGAsXG4gIGhvc3Q6IHtcbiAgICBjbGFzczogJ3NhcHBoaXJlLXRhYmxlJyxcbiAgICAnW3N0eWxlLmhlaWdodF0nOiAnaGVpZ2h0JyxcbiAgICAnW3N0eWxlLm1heC1oZWlnaHRdJzogJ21heEhlaWdodCcsXG4gICAgJ1tjbGFzcy5zYXBwaGlyZS10YWJsZS0tb3ZlcmZsb3ddJzogJ2hlaWdodCB8fCBtYXhIZWlnaHQnLFxuICAgICdbY2xhc3Muc2FwcGhpcmUtdGFibGUtLWludGVyYWN0aXZlXSc6ICdpc0ludGVyYWN0aXZlJyxcbiAgfSxcbiAgaG9zdERpcmVjdGl2ZXM6IFtVc2VDb21wb25lbnRTdHlsZXNPbkhvc3RdLFxuICBzdHlsZVVybHM6IFsnLi90YWJsZS5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBUYWJsZUNvbXBvbmVudCB7XG4gIC8qKlxuICAgKiBIYW5kbGVyIHRoYXQgaXMgY2FsbGVkIHdoZW4gYSB1c2VyIHBlcmZvcm1zIGFuIGFjdGlvbiBvbiBhIHJvdy5cbiAgICovXG4gIEBPdXRwdXQoKVxuICByb3dBY3Rpb24gPSBuZXcgRXZlbnRFbWl0dGVyPFJvd0FjdGlvbkV2ZW50PHVua25vd24+PigpO1xuXG4gIC8qKlxuICAgKiBJZiB0aGUgdGFibGUgaGVhZGVyIHNob3VsZCBiZSBzdGlja3kgcmVsYXRpdmUgdG8gdGhlIGZpcnN0IGFuY2VzdG9yIHdpdGhcbiAgICogYW4gYG92ZXJmbG93YC5cbiAgICogYGF1dG9gIG1lYW5zIGl0IGlzIGB0cnVlYCBpZiB0aGUgdGFibGUgaGFzIGEgY3VzdG9tIGBoZWlnaHRgIG9yXG4gICAqIGBtYXhIZWlnaHRgIGFuZCBgZmFsc2VgIG90aGVyd2lzZS5cbiAgICovXG4gIEBJbnB1dCgpXG4gIHN0aWNreUhlYWRlcjogJ29uJyB8ICdvZmYnIHwgJ2F1dG8nID0gJ2F1dG8nO1xuXG4gIC8qKlxuICAgKiBXaGV0aGVyIHRleHQgd2l0aGluIGEgdGFibGUgY2VsbCBzaG91bGQgYmUgdHJ1bmNhdGVkIGFuZCBmb2xsb3dlZCBieVxuICAgKiAzIGRvdHMgb3IgaXQgc2hvdWxkIHdyYXAuXG4gICAqL1xuICBASW5wdXQoKVxuICBjZWxsT3ZlcmZsb3c6ICd3cmFwJyB8ICd0cnVuY2F0ZScgPSAndHJ1bmNhdGUnO1xuXG4gIEBJbnB1dCgpXG4gIGhlaWdodDogbnVtYmVyIHwgdW5kZWZpbmVkID0gdW5kZWZpbmVkO1xuXG4gIEBJbnB1dCgpXG4gIG1heEhlaWdodDogbnVtYmVyIHwgdW5kZWZpbmVkID0gdW5kZWZpbmVkO1xuXG4gIEBJbnB1dCgpXG4gIGNlbGxTcGFjaW5nOiAnc20nIHwgJ21kJyB8ICdsZycgfCAneGwnID0gJ21kJztcblxuICAvKipcbiAgICogU2FtZSBhcyBDU1MgdGFibGUtbGF5b3V0IHByb3BlcnR5LlxuICAgKiBAZGVmYXVsdCAnYXV0bydcbiAgICovXG4gIEBJbnB1dCgpXG4gIGxheW91dD86ICdhdXRvJyB8ICdmaXhlZCc7XG5cbiAgZ2V0IGlzSW50ZXJhY3RpdmUoKSB7XG4gICAgcmV0dXJuIHRoaXMucm93QWN0aW9uLm9ic2VydmVycy5sZW5ndGggPiAwO1xuICB9XG5cbiAgQENvbnRlbnRDaGlsZHJlbihUYWJsZVJvd0RpcmVjdGl2ZSwgeyBkZXNjZW5kYW50czogdHJ1ZSB9KVxuICByb3dzPzogUXVlcnlMaXN0PFRhYmxlUm93RGlyZWN0aXZlPjtcblxuICBAQ29udGVudENoaWxkcmVuKFRhYmxlSGVhZENlbGxDb21wb25lbnQsIHsgZGVzY2VuZGFudHM6IHRydWUgfSlcbiAgaGVhZENlbGxzPzogUXVlcnlMaXN0PFRhYmxlSGVhZENlbGxDb21wb25lbnQ+O1xuXG4gIEBDb250ZW50Q2hpbGQoVGFibGVEaXJlY3RpdmUsIHsgZGVzY2VuZGFudHM6IHRydWUgfSlcbiAgdGFibGU/OiBUYWJsZURpcmVjdGl2ZTtcblxuICBjb25zdHJ1Y3RvcigpIHt9XG59XG4iXX0=