igniteui-webcomponents 4.5.0 → 4.7.0

package/components/combo/themes/shared/combo.bootstrap.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--component-size: var(--ig-size, var(--default-size));--combo-size: var(--component-size)}[part=helper-text]{margin-top:.25rem}[part=list-wrapper]{border-radius:var(--border-radius)}[part=list-wrapper] igc-input::part(input){-webkit-border-end:0;border-inline-end:0}[part=list-wrapper] igc-input::part(suffix){background:rgba(0,0,0,0);border:none;border-radius:0}[part=list-wrapper] [part=search-input] [part~=case-icon]{-webkit-border-after:.0625rem solid hsla(var(--ig-gray-400), var(--ig-gray-a));border-block-end:.0625rem solid hsla(var(--ig-gray-400), var(--ig-gray-a));-webkit-transition:border .15s ease-out;transition:border .15s ease-out}[part=list-wrapper] [part=search-input]:focus [part~=case-icon],[part=list-wrapper] [part=search-input]:focus-within [part~=case-icon]{-webkit-border-after:.0625rem solid hsla(var(--ig-primary-500), var(--ig-primary-a));border-block-end:.0625rem solid hsla(var(--ig-primary-500), var(--ig-primary-a))}[part=empty]{color:var(--empty-list-placeholder-color)}[part~=toggle-icon]{background:var(--toggle-button-background);color:var(--toggle-button-foreground)}[part~=toggle-icon] igc-icon{color:inherit}[part=clear-icon]{background:var(--clear-button-background);color:var(--clear-button-foreground);-webkit-border-end:.0625rem solid var(--border-color);border-inline-end:.0625rem solid var(--border-color)}[part=clear-icon] igc-icon{color:inherit}[part="case-icon active"]{color:hsla(var(--ig-primary-500), var(--ig-primary-a))}:host(:focus-within) [part~=toggle-icon]{background:var(--toggle-button-background-focus--border);color:var(--toggle-button-foreground-focus)}:host(:focus-within) [part~=toggle-icon] igc-icon{color:inherit}:host(:focus-within) [part~=clear-icon]{background:var(--clear-button-background-focus);color:var(--clear-button-foreground-focus)}:host(:focus-within) [part~=clear-icon] igc-icon{color:inherit}:host([invalid]) ::slotted([slot=helper-text]){color:var(--error-secondary-color)}:host(:disabled) igc-input::part(input)::-webkit-input-placeholder, :host([disabled]) igc-input::part(input)::-webkit-input-placeholder{color:var(--disabled-text-color)}:host(:disabled) igc-input::part(input)::-moz-placeholder, :host([disabled]) igc-input::part(input)::-moz-placeholder{color:var(--disabled-text-color)}:host(:disabled) igc-input::part(input):-ms-input-placeholder, :host([disabled]) igc-input::part(input):-ms-input-placeholder{color:var(--disabled-text-color)}:host(:disabled) igc-input::part(input)::-ms-input-placeholder, :host([disabled]) igc-input::part(input)::-ms-input-placeholder{color:var(--disabled-text-color)}:host(:disabled) ::slotted([slot=prefix]),:host(:disabled) ::slotted([slot=suffix]),:host(:disabled) igc-input::part(label),:host(:disabled) igc-input::part(input)::placeholder,:host(:disabled) ::slotted([slot=helper-text]),:host([disabled]) ::slotted([slot=prefix]),:host([disabled]) ::slotted([slot=suffix]),:host([disabled]) igc-input::part(label),:host([disabled]) igc-input::part(input)::placeholder,:host([disabled]) ::slotted([slot=helper-text]){color:var(--disabled-text-color)}:host(:disabled) [part~=clear-icon],:host([disabled]) [part~=clear-icon]{-webkit-border-end:.0625rem solid var(--disabled-border-color);border-inline-end:.0625rem solid var(--disabled-border-color);background:inherit;color:var(--disabled-text-color)}:host(:disabled) [part~=clear-icon] igc-icon,:host([disabled]) [part~=clear-icon] igc-icon{color:inherit}:host(:disabled) [part~=toggle-icon],:host([disabled]) [part~=toggle-icon]{background:var(--toggle-button-background-disabled);color:var(--toggle-button-foreground-disabled)}:host(:disabled) [part~=toggle-icon] igc-icon,:host([disabled]) [part~=toggle-icon] igc-icon{color:inherit}`;
+//# sourceMappingURL=combo.bootstrap.css.js.map

package/components/combo/themes/shared/combo.bootstrap.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combo.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/combo/themes/shared/combo.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,6oHAA6oH,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--component-size: var(--ig-size, var(--default-size));--combo-size: var(--component-size)}[part=helper-text]{margin-top:.25rem}[part=list-wrapper]{border-radius:var(--border-radius)}[part=list-wrapper] igc-input::part(input){-webkit-border-end:0;border-inline-end:0}[part=list-wrapper] igc-input::part(suffix){background:rgba(0,0,0,0);border:none;border-radius:0}[part=list-wrapper] [part=search-input] [part~=case-icon]{-webkit-border-after:.0625rem solid hsla(var(--ig-gray-400), var(--ig-gray-a));border-block-end:.0625rem solid hsla(var(--ig-gray-400), var(--ig-gray-a));-webkit-transition:border .15s ease-out;transition:border .15s ease-out}[part=list-wrapper] [part=search-input]:focus [part~=case-icon],[part=list-wrapper] [part=search-input]:focus-within [part~=case-icon]{-webkit-border-after:.0625rem solid hsla(var(--ig-primary-500), var(--ig-primary-a));border-block-end:.0625rem solid hsla(var(--ig-primary-500), var(--ig-primary-a))}[part=empty]{color:var(--empty-list-placeholder-color)}[part~=toggle-icon]{background:var(--toggle-button-background);color:var(--toggle-button-foreground)}[part~=toggle-icon] igc-icon{color:inherit}[part=clear-icon]{background:var(--clear-button-background);color:var(--clear-button-foreground);-webkit-border-end:.0625rem solid var(--border-color);border-inline-end:.0625rem solid var(--border-color)}[part=clear-icon] igc-icon{color:inherit}[part=\"case-icon active\"]{color:hsla(var(--ig-primary-500), var(--ig-primary-a))}:host(:focus-within) [part~=toggle-icon]{background:var(--toggle-button-background-focus--border);color:var(--toggle-button-foreground-focus)}:host(:focus-within) [part~=toggle-icon] igc-icon{color:inherit}:host(:focus-within) [part~=clear-icon]{background:var(--clear-button-background-focus);color:var(--clear-button-foreground-focus)}:host(:focus-within) [part~=clear-icon] igc-icon{color:inherit}:host([invalid]) ::slotted([slot=helper-text]){color:var(--error-secondary-color)}:host(:disabled) igc-input::part(input)::-webkit-input-placeholder, :host([disabled]) igc-input::part(input)::-webkit-input-placeholder{color:var(--disabled-text-color)}:host(:disabled) igc-input::part(input)::-moz-placeholder, :host([disabled]) igc-input::part(input)::-moz-placeholder{color:var(--disabled-text-color)}:host(:disabled) igc-input::part(input):-ms-input-placeholder, :host([disabled]) igc-input::part(input):-ms-input-placeholder{color:var(--disabled-text-color)}:host(:disabled) igc-input::part(input)::-ms-input-placeholder, :host([disabled]) igc-input::part(input)::-ms-input-placeholder{color:var(--disabled-text-color)}:host(:disabled) ::slotted([slot=prefix]),:host(:disabled) ::slotted([slot=suffix]),:host(:disabled) igc-input::part(label),:host(:disabled) igc-input::part(input)::placeholder,:host(:disabled) ::slotted([slot=helper-text]),:host([disabled]) ::slotted([slot=prefix]),:host([disabled]) ::slotted([slot=suffix]),:host([disabled]) igc-input::part(label),:host([disabled]) igc-input::part(input)::placeholder,:host([disabled]) ::slotted([slot=helper-text]){color:var(--disabled-text-color)}:host(:disabled) [part~=clear-icon],:host([disabled]) [part~=clear-icon]{-webkit-border-end:.0625rem solid var(--disabled-border-color);border-inline-end:.0625rem solid var(--disabled-border-color);background:inherit;color:var(--disabled-text-color)}:host(:disabled) [part~=clear-icon] igc-icon,:host([disabled]) [part~=clear-icon] igc-icon{color:inherit}:host(:disabled) [part~=toggle-icon],:host([disabled]) [part~=toggle-icon]{background:var(--toggle-button-background-disabled);color:var(--toggle-button-foreground-disabled)}:host(:disabled) [part~=toggle-icon] igc-icon,:host([disabled]) [part~=toggle-icon] igc-icon{color:inherit}`;\n"]}

package/components/combo/themes/shared/combo.fluent.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--component-size: var(--ig-size, var(--default-size));--combo-size: var(--component-size)}:host ::slotted([slot=helper-text]){font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);display:block;padding:0;margin-top:.3125rem;color:hsla(var(--ig-gray-700), var(--ig-gray-a))}[part~=toggle-icon]{background:var(--toggle-button-background);color:var(--toggle-button-foreground)}[part~=toggle-icon] igc-icon{color:inherit}[part~=clear-icon]{background:var(--clear-button-background);color:var(--clear-button-foreground)}[part~=clear-icon] igc-icon{color:inherit}[part=filter-input]{padding:max(var(--is-large, 1)*max(8px, -1 * 8px)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(4px, -1 * 4px)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(2px, -1 * 2px)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)))}[part=list-wrapper]{border-radius:var(--border-radius)}[part=list-wrapper] igc-input::part(suffix){background:rgba(0,0,0,0)}[part=list-wrapper] igc-input::part(input){height:var(--size)}[part=empty]{color:var(--empty-list-placeholder-color)}:host(:focus-within) [part~=toggle-icon]{background:var(--toggle-button-background-focus--border);color:var(--toggle-button-foreground-focus)}:host(:focus-within) [part~=toggle-icon] igc-icon{color:inherit}:host(:focus-within) [part~=clear-icon]{background:var(--clear-button-background-focus);color:var(--clear-button-foreground-focus)}:host(:focus-within) [part~=clear-icon] igc-icon{color:inherit}:host([invalid]) ::slotted([slot=helper-text]){color:var(--error-secondary-color)}:host([invalid]:focus-within) igc-input::part(input){height:calc(var(--size) - 0.25rem)}:host([invalid]:focus-within) igc-input::part(suffix){height:var(--size);-webkit-margin-end:-0.0625rem;margin-inline-end:-0.0625rem;-webkit-margin-before:-0.125rem;margin-block-start:-0.125rem}:host([invalid]:focus-within) igc-input::part(prefix){-webkit-margin-start:-0.0625rem;margin-inline-start:-0.0625rem;-webkit-margin-before:-0.125rem;margin-block-start:-0.125rem}:host(:disabled) igc-input::part(input)::-webkit-input-placeholder, :host([disabled]) igc-input::part(input)::-webkit-input-placeholder{color:hsla(var(--ig-gray-500), var(--ig-gray-a))}:host(:disabled) igc-input::part(input)::-moz-placeholder, :host([disabled]) igc-input::part(input)::-moz-placeholder{color:hsla(var(--ig-gray-500), var(--ig-gray-a))}:host(:disabled) igc-input::part(input):-ms-input-placeholder, :host([disabled]) igc-input::part(input):-ms-input-placeholder{color:hsla(var(--ig-gray-500), var(--ig-gray-a))}:host(:disabled) igc-input::part(input)::-ms-input-placeholder, :host([disabled]) igc-input::part(input)::-ms-input-placeholder{color:hsla(var(--ig-gray-500), var(--ig-gray-a))}:host(:disabled) ::slotted([slot=prefix]),:host(:disabled) ::slotted([slot=suffix]),:host(:disabled) igc-input::part(label),:host(:disabled) igc-input::part(input)::placeholder,:host(:disabled) ::slotted([slot=helper-text]),:host([disabled]) ::slotted([slot=prefix]),:host([disabled]) ::slotted([slot=suffix]),:host([disabled]) igc-input::part(label),:host([disabled]) igc-input::part(input)::placeholder,:host([disabled]) ::slotted([slot=helper-text]){color:hsla(var(--ig-gray-500), var(--ig-gray-a))}:host(:disabled) [part~=clear-icon],:host([disabled]) [part~=clear-icon]{background:inherit;color:var(--disabled-text-color)}:host(:disabled) [part~=clear-icon] igc-icon,:host([disabled]) [part~=clear-icon] igc-icon{color:inherit}:host(:disabled) [part~=toggle-icon],:host([disabled]) [part~=toggle-icon]{background:var(--toggle-button-background-disabled);color:var(--toggle-button-foreground-disabled)}:host(:disabled) [part~=toggle-icon] igc-icon,:host([disabled]) [part~=toggle-icon] igc-icon{color:inherit}`;
+//# sourceMappingURL=combo.fluent.css.js.map

package/components/combo/themes/shared/combo.fluent.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combo.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/combo/themes/shared/combo.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2iIAA2iI,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--component-size: var(--ig-size, var(--default-size));--combo-size: var(--component-size)}:host ::slotted([slot=helper-text]){font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);display:block;padding:0;margin-top:.3125rem;color:hsla(var(--ig-gray-700), var(--ig-gray-a))}[part~=toggle-icon]{background:var(--toggle-button-background);color:var(--toggle-button-foreground)}[part~=toggle-icon] igc-icon{color:inherit}[part~=clear-icon]{background:var(--clear-button-background);color:var(--clear-button-foreground)}[part~=clear-icon] igc-icon{color:inherit}[part=filter-input]{padding:max(var(--is-large, 1)*max(8px, -1 * 8px)*var(--ig-spacing-large, var(--ig-spacing, --ig-spacing)),var(--is-medium, 1)*max(4px, -1 * 4px)*var(--ig-spacing-medium, var(--ig-spacing, --ig-spacing)),var(--is-small, 1)*max(2px, -1 * 2px)*var(--ig-spacing-small, var(--ig-spacing, --ig-spacing)))}[part=list-wrapper]{border-radius:var(--border-radius)}[part=list-wrapper] igc-input::part(suffix){background:rgba(0,0,0,0)}[part=list-wrapper] igc-input::part(input){height:var(--size)}[part=empty]{color:var(--empty-list-placeholder-color)}:host(:focus-within) [part~=toggle-icon]{background:var(--toggle-button-background-focus--border);color:var(--toggle-button-foreground-focus)}:host(:focus-within) [part~=toggle-icon] igc-icon{color:inherit}:host(:focus-within) [part~=clear-icon]{background:var(--clear-button-background-focus);color:var(--clear-button-foreground-focus)}:host(:focus-within) [part~=clear-icon] igc-icon{color:inherit}:host([invalid]) ::slotted([slot=helper-text]){color:var(--error-secondary-color)}:host([invalid]:focus-within) igc-input::part(input){height:calc(var(--size) - 0.25rem)}:host([invalid]:focus-within) igc-input::part(suffix){height:var(--size);-webkit-margin-end:-0.0625rem;margin-inline-end:-0.0625rem;-webkit-margin-before:-0.125rem;margin-block-start:-0.125rem}:host([invalid]:focus-within) igc-input::part(prefix){-webkit-margin-start:-0.0625rem;margin-inline-start:-0.0625rem;-webkit-margin-before:-0.125rem;margin-block-start:-0.125rem}:host(:disabled) igc-input::part(input)::-webkit-input-placeholder, :host([disabled]) igc-input::part(input)::-webkit-input-placeholder{color:hsla(var(--ig-gray-500), var(--ig-gray-a))}:host(:disabled) igc-input::part(input)::-moz-placeholder, :host([disabled]) igc-input::part(input)::-moz-placeholder{color:hsla(var(--ig-gray-500), var(--ig-gray-a))}:host(:disabled) igc-input::part(input):-ms-input-placeholder, :host([disabled]) igc-input::part(input):-ms-input-placeholder{color:hsla(var(--ig-gray-500), var(--ig-gray-a))}:host(:disabled) igc-input::part(input)::-ms-input-placeholder, :host([disabled]) igc-input::part(input)::-ms-input-placeholder{color:hsla(var(--ig-gray-500), var(--ig-gray-a))}:host(:disabled) ::slotted([slot=prefix]),:host(:disabled) ::slotted([slot=suffix]),:host(:disabled) igc-input::part(label),:host(:disabled) igc-input::part(input)::placeholder,:host(:disabled) ::slotted([slot=helper-text]),:host([disabled]) ::slotted([slot=prefix]),:host([disabled]) ::slotted([slot=suffix]),:host([disabled]) igc-input::part(label),:host([disabled]) igc-input::part(input)::placeholder,:host([disabled]) ::slotted([slot=helper-text]){color:hsla(var(--ig-gray-500), var(--ig-gray-a))}:host(:disabled) [part~=clear-icon],:host([disabled]) [part~=clear-icon]{background:inherit;color:var(--disabled-text-color)}:host(:disabled) [part~=clear-icon] igc-icon,:host([disabled]) [part~=clear-icon] igc-icon{color:inherit}:host(:disabled) [part~=toggle-icon],:host([disabled]) [part~=toggle-icon]{background:var(--toggle-button-background-disabled);color:var(--toggle-button-foreground-disabled)}:host(:disabled) [part~=toggle-icon] igc-icon,:host([disabled]) [part~=toggle-icon] igc-icon{color:inherit}`;\n"]}

package/components/combo/themes/shared/combo.indigo.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--component-size: var(--ig-size, var(--default-size));--combo-size: var(--component-size)}:host igc-input::part(container){padding-inline:0}:host [part=helper-text]{margin-top:.375rem;padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}:host ::slotted([slot=helper-text]){color:var(--helper-text-color)}[part=case-icon]{color:hsla(var(--ig-gray-600), var(--ig-gray-a))}[part="case-icon active"]{color:hsla(var(--ig-gray-900), var(--ig-gray-a))}[part=empty]{color:var(--empty-list-placeholder-color)}:host(:not([single-select]))>igc-input::part(input)::-moz-selection{background:rgba(0,0,0,0)}:host(:not([single-select]))>igc-input::part(input)::selection{background:rgba(0,0,0,0)}[part=list-wrapper]{border-radius:var(--border-radius)}[part=list-wrapper] igc-input::part(container){background:rgba(0,0,0,0);border-inline-end-color:rgba(0,0,0,0)}[part=list-wrapper] igc-input::part(input){border-inline-end-color:rgba(0,0,0,0)}[part=list-wrapper] igc-input::part(input)::-moz-selection{background:hsla(var(--ig-primary-100), var(--ig-primary-a))}[part=list-wrapper] igc-input::part(input)::selection{background:hsla(var(--ig-primary-100), var(--ig-primary-a))}[part=list-wrapper] [part="case-icon active"]{color:hsla(var(--ig-primary-500), var(--ig-primary-a))}[part~=toggle-icon]{background:var(--toggle-button-background);color:var(--toggle-button-foreground)}[part~=toggle-icon] igc-icon{color:inherit}:host(:focus-within) igc-input::part(label){color:var(--focused-secondary-color)}:host(:focus-within) [part~=toggle-icon]{background:var(--toggle-button-background-focus--border);color:var(--toggle-button-foreground-focus)}:host(:focus-within) [part~=toggle-icon] igc-icon{color:inherit}:host(:focus-within) [part~=clear-icon]{background:var(--clear-button-background-focus);color:var(--clear-button-foreground-focus)}:host(:focus-within) [part~=clear-icon] igc-icon{color:inherit}:host([invalid]) ::slotted([slot=helper-text]){color:var(--error-secondary-color)}:host(:disabled) ::slotted([slot=prefix]),:host(:disabled) ::slotted([slot=suffix]),:host(:disabled) ::slotted([slot=helper-text]),:host([disabled]) ::slotted([slot=prefix]),:host([disabled]) ::slotted([slot=suffix]),:host([disabled]) ::slotted([slot=helper-text]){color:var(--disabled-text-color)}:host(:disabled) igc-input::part(input)::-moz-selection, :host([disabled]) igc-input::part(input)::-moz-selection{background:rgba(0,0,0,0)}:host(:disabled) igc-input::part(input)::selection,:host([disabled]) igc-input::part(input)::selection{background:rgba(0,0,0,0)}:host(:disabled) [part~=clear-icon],:host([disabled]) [part~=clear-icon]{background:inherit;color:var(--disabled-text-color)}:host(:disabled) [part~=clear-icon] igc-icon,:host([disabled]) [part~=clear-icon] igc-icon{color:inherit}:host(:disabled) [part~=toggle-icon],:host([disabled]) [part~=toggle-icon]{background:var(--toggle-button-background-disabled);color:var(--toggle-button-foreground-disabled)}:host(:disabled) [part~=toggle-icon] igc-icon,:host([disabled]) [part~=toggle-icon] igc-icon{color:inherit}`;
+//# sourceMappingURL=combo.indigo.css.js.map

package/components/combo/themes/shared/combo.indigo.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combo.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/combo/themes/shared/combo.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,oyGAAoyG,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--component-size: var(--ig-size, var(--default-size));--combo-size: var(--component-size)}:host igc-input::part(container){padding-inline:0}:host [part=helper-text]{margin-top:.375rem;padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}:host ::slotted([slot=helper-text]){color:var(--helper-text-color)}[part=case-icon]{color:hsla(var(--ig-gray-600), var(--ig-gray-a))}[part=\"case-icon active\"]{color:hsla(var(--ig-gray-900), var(--ig-gray-a))}[part=empty]{color:var(--empty-list-placeholder-color)}:host(:not([single-select]))>igc-input::part(input)::-moz-selection{background:rgba(0,0,0,0)}:host(:not([single-select]))>igc-input::part(input)::selection{background:rgba(0,0,0,0)}[part=list-wrapper]{border-radius:var(--border-radius)}[part=list-wrapper] igc-input::part(container){background:rgba(0,0,0,0);border-inline-end-color:rgba(0,0,0,0)}[part=list-wrapper] igc-input::part(input){border-inline-end-color:rgba(0,0,0,0)}[part=list-wrapper] igc-input::part(input)::-moz-selection{background:hsla(var(--ig-primary-100), var(--ig-primary-a))}[part=list-wrapper] igc-input::part(input)::selection{background:hsla(var(--ig-primary-100), var(--ig-primary-a))}[part=list-wrapper] [part=\"case-icon active\"]{color:hsla(var(--ig-primary-500), var(--ig-primary-a))}[part~=toggle-icon]{background:var(--toggle-button-background);color:var(--toggle-button-foreground)}[part~=toggle-icon] igc-icon{color:inherit}:host(:focus-within) igc-input::part(label){color:var(--focused-secondary-color)}:host(:focus-within) [part~=toggle-icon]{background:var(--toggle-button-background-focus--border);color:var(--toggle-button-foreground-focus)}:host(:focus-within) [part~=toggle-icon] igc-icon{color:inherit}:host(:focus-within) [part~=clear-icon]{background:var(--clear-button-background-focus);color:var(--clear-button-foreground-focus)}:host(:focus-within) [part~=clear-icon] igc-icon{color:inherit}:host([invalid]) ::slotted([slot=helper-text]){color:var(--error-secondary-color)}:host(:disabled) ::slotted([slot=prefix]),:host(:disabled) ::slotted([slot=suffix]),:host(:disabled) ::slotted([slot=helper-text]),:host([disabled]) ::slotted([slot=prefix]),:host([disabled]) ::slotted([slot=suffix]),:host([disabled]) ::slotted([slot=helper-text]){color:var(--disabled-text-color)}:host(:disabled) igc-input::part(input)::-moz-selection, :host([disabled]) igc-input::part(input)::-moz-selection{background:rgba(0,0,0,0)}:host(:disabled) igc-input::part(input)::selection,:host([disabled]) igc-input::part(input)::selection{background:rgba(0,0,0,0)}:host(:disabled) [part~=clear-icon],:host([disabled]) [part~=clear-icon]{background:inherit;color:var(--disabled-text-color)}:host(:disabled) [part~=clear-icon] igc-icon,:host([disabled]) [part~=clear-icon] igc-icon{color:inherit}:host(:disabled) [part~=toggle-icon],:host([disabled]) [part~=toggle-icon]{background:var(--toggle-button-background-disabled);color:var(--toggle-button-foreground-disabled)}:host(:disabled) [part~=toggle-icon] igc-icon,:host([disabled]) [part~=toggle-icon] igc-icon{color:inherit}`;\n"]}

package/components/combo/themes/shared/combo.material.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--component-size: var(--ig-size, var(--default-size));--combo-size: var(--component-size)}:host [part=helper-text]{margin-top:.3125rem;padding-inline:max(var(--is-large, 1)*max(1.125rem, -1 * 1.125rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}:host ::slotted([slot=helper-text]){font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);color:var(--helper-text-color);line-height:1}:host ::slotted([slot=prefix]),:host ::slotted([slot=suffix]){color:inherit}[part=empty]{color:var(--empty-list-placeholder-color)}:host(:not([single-select]))>igc-input::part(input)::-moz-selection{background:rgba(0,0,0,0)}:host(:not([single-select]))>igc-input::part(input)::selection{background:rgba(0,0,0,0)}[part=list-wrapper]{border-radius:var(--border-radius)}[part=list-wrapper] igc-input::part(container){background:rgba(0,0,0,0);border-inline-end-color:rgba(0,0,0,0)}[part=list-wrapper] igc-input::part(input){border-inline-end-color:rgba(0,0,0,0)}[part=list-wrapper] igc-input::part(input)::-moz-selection{background:hsla(var(--ig-primary-100), var(--ig-primary-a))}[part=list-wrapper] igc-input::part(input)::selection{background:hsla(var(--ig-primary-100), var(--ig-primary-a))}[part=list-wrapper] [part=case-icon]{color:hsla(var(--ig-gray-600), var(--ig-gray-a))}[part=list-wrapper] [part="case-icon active"]{color:hsla(var(--ig-primary-500), var(--ig-primary-a))}[part~=toggle-icon]{background:var(--toggle-button-background);color:var(--toggle-button-foreground)}[part~=toggle-icon] igc-icon{color:inherit}[part="toggle-icon filled"]{color:var(--toggle-button-foreground-filled)}[part~=clear-icon]{background:var(--clear-button-background);color:var(--clear-button-foreground)}[part~=clear-icon] igc-icon{color:inherit}:host(:focus-within) [part~=toggle-icon]{background:var(--toggle-button-background-focus);color:var(--toggle-button-foreground-focus)}:host(:focus-within) [part~=toggle-icon] igc-icon{color:inherit}:host(:focus-within) [part~=clear-icon]{background:var(--clear-button-background-focus);color:var(--clear-button-foreground-focus)}:host(:focus-within) [part~=clear-icon] igc-icon{color:inherit}:host(:not([outlined]):focus-within)>igc-input::part(container){background:var(--box-background-focus)}:host([outlined]:focus-within) [part~=toggle-icon]{background:var(--toggle-button-background-focus--border)}:host([invalid]) ::slotted([slot=helper-text]){color:var(--error-secondary-color)}:host(:disabled) igc-input::part(input)::-webkit-input-placeholder, :host([disabled]) igc-input::part(input)::-webkit-input-placeholder{color:var(--disabled-text-color)}:host(:disabled) igc-input::part(input)::-moz-placeholder, :host([disabled]) igc-input::part(input)::-moz-placeholder{color:var(--disabled-text-color)}:host(:disabled) igc-input::part(input):-ms-input-placeholder, :host([disabled]) igc-input::part(input):-ms-input-placeholder{color:var(--disabled-text-color)}:host(:disabled) igc-input::part(input)::-ms-input-placeholder, :host([disabled]) igc-input::part(input)::-ms-input-placeholder{color:var(--disabled-text-color)}:host(:disabled) ::slotted([slot=prefix]),:host(:disabled) ::slotted([slot=suffix]),:host(:disabled) igc-input::part(label),:host(:disabled) igc-input::part(input)::placeholder,:host(:disabled) ::slotted([slot=helper-text]),:host([disabled]) ::slotted([slot=prefix]),:host([disabled]) ::slotted([slot=suffix]),:host([disabled]) igc-input::part(label),:host([disabled]) igc-input::part(input)::placeholder,:host([disabled]) ::slotted([slot=helper-text]){color:var(--disabled-text-color)}:host(:disabled) [part~=clear-icon],:host([disabled]) [part~=clear-icon]{background:inherit;color:var(--disabled-text-color)}:host(:disabled) [part~=clear-icon] igc-icon,:host([disabled]) [part~=clear-icon] igc-icon{color:inherit}:host(:disabled) [part~=toggle-icon],:host([disabled]) [part~=toggle-icon]{background:var(--toggle-button-background-disabled);color:var(--toggle-button-foreground-disabled)}:host(:disabled) [part~=toggle-icon] igc-icon,:host([disabled]) [part~=toggle-icon] igc-icon{color:inherit}:host(:disabled[outlined]) igc-input::part(filled)+igc-input::part(notch),:host([outlined][disabled]) igc-input::part(filled)+igc-input::part(notch),:host([outlined][invalid]) igc-input::part(filled)+igc-input::part(notch){border-top-color:rgba(0,0,0,0)}`;
+//# sourceMappingURL=combo.material.css.js.map

package/components/combo/themes/shared/combo.material.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combo.material.css.js","sourceRoot":"","sources":["../../../../../src/components/combo/themes/shared/combo.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,mzJAAmzJ,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--component-size: var(--ig-size, var(--default-size));--combo-size: var(--component-size)}:host [part=helper-text]{margin-top:.3125rem;padding-inline:max(var(--is-large, 1)*max(1.125rem, -1 * 1.125rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, --ig-spacing)),var(--is-medium, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, --ig-spacing)),var(--is-small, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, --ig-spacing)))}:host ::slotted([slot=helper-text]){font-family:var(--ig-caption-font-family, var(--ig-font-family));font-size:var(--ig-caption-font-size);font-weight:var(--ig-caption-font-weight);font-style:var(--ig-caption-font-style);line-height:var(--ig-caption-line-height);letter-spacing:var(--ig-caption-letter-spacing);text-transform:var(--ig-caption-text-transform);margin-top:var(--ig-caption-margin-top);margin-bottom:var(--ig-caption-margin-bottom);color:var(--helper-text-color);line-height:1}:host ::slotted([slot=prefix]),:host ::slotted([slot=suffix]){color:inherit}[part=empty]{color:var(--empty-list-placeholder-color)}:host(:not([single-select]))>igc-input::part(input)::-moz-selection{background:rgba(0,0,0,0)}:host(:not([single-select]))>igc-input::part(input)::selection{background:rgba(0,0,0,0)}[part=list-wrapper]{border-radius:var(--border-radius)}[part=list-wrapper] igc-input::part(container){background:rgba(0,0,0,0);border-inline-end-color:rgba(0,0,0,0)}[part=list-wrapper] igc-input::part(input){border-inline-end-color:rgba(0,0,0,0)}[part=list-wrapper] igc-input::part(input)::-moz-selection{background:hsla(var(--ig-primary-100), var(--ig-primary-a))}[part=list-wrapper] igc-input::part(input)::selection{background:hsla(var(--ig-primary-100), var(--ig-primary-a))}[part=list-wrapper] [part=case-icon]{color:hsla(var(--ig-gray-600), var(--ig-gray-a))}[part=list-wrapper] [part=\"case-icon active\"]{color:hsla(var(--ig-primary-500), var(--ig-primary-a))}[part~=toggle-icon]{background:var(--toggle-button-background);color:var(--toggle-button-foreground)}[part~=toggle-icon] igc-icon{color:inherit}[part=\"toggle-icon filled\"]{color:var(--toggle-button-foreground-filled)}[part~=clear-icon]{background:var(--clear-button-background);color:var(--clear-button-foreground)}[part~=clear-icon] igc-icon{color:inherit}:host(:focus-within) [part~=toggle-icon]{background:var(--toggle-button-background-focus);color:var(--toggle-button-foreground-focus)}:host(:focus-within) [part~=toggle-icon] igc-icon{color:inherit}:host(:focus-within) [part~=clear-icon]{background:var(--clear-button-background-focus);color:var(--clear-button-foreground-focus)}:host(:focus-within) [part~=clear-icon] igc-icon{color:inherit}:host(:not([outlined]):focus-within)>igc-input::part(container){background:var(--box-background-focus)}:host([outlined]:focus-within) [part~=toggle-icon]{background:var(--toggle-button-background-focus--border)}:host([invalid]) ::slotted([slot=helper-text]){color:var(--error-secondary-color)}:host(:disabled) igc-input::part(input)::-webkit-input-placeholder, :host([disabled]) igc-input::part(input)::-webkit-input-placeholder{color:var(--disabled-text-color)}:host(:disabled) igc-input::part(input)::-moz-placeholder, :host([disabled]) igc-input::part(input)::-moz-placeholder{color:var(--disabled-text-color)}:host(:disabled) igc-input::part(input):-ms-input-placeholder, :host([disabled]) igc-input::part(input):-ms-input-placeholder{color:var(--disabled-text-color)}:host(:disabled) igc-input::part(input)::-ms-input-placeholder, :host([disabled]) igc-input::part(input)::-ms-input-placeholder{color:var(--disabled-text-color)}:host(:disabled) ::slotted([slot=prefix]),:host(:disabled) ::slotted([slot=suffix]),:host(:disabled) igc-input::part(label),:host(:disabled) igc-input::part(input)::placeholder,:host(:disabled) ::slotted([slot=helper-text]),:host([disabled]) ::slotted([slot=prefix]),:host([disabled]) ::slotted([slot=suffix]),:host([disabled]) igc-input::part(label),:host([disabled]) igc-input::part(input)::placeholder,:host([disabled]) ::slotted([slot=helper-text]){color:var(--disabled-text-color)}:host(:disabled) [part~=clear-icon],:host([disabled]) [part~=clear-icon]{background:inherit;color:var(--disabled-text-color)}:host(:disabled) [part~=clear-icon] igc-icon,:host([disabled]) [part~=clear-icon] igc-icon{color:inherit}:host(:disabled) [part~=toggle-icon],:host([disabled]) [part~=toggle-icon]{background:var(--toggle-button-background-disabled);color:var(--toggle-button-foreground-disabled)}:host(:disabled) [part~=toggle-icon] igc-icon,:host([disabled]) [part~=toggle-icon] igc-icon{color:inherit}:host(:disabled[outlined]) igc-input::part(filled)+igc-input::part(notch),:host([outlined][disabled]) igc-input::part(filled)+igc-input::part(notch),:host([outlined][invalid]) igc-input::part(filled)+igc-input::part(notch){border-top-color:rgba(0,0,0,0)}`;\n"]}

package/components/combo/themes/themes.d.ts

@@ -0,0 +1,2 @@
+import { Themes } from '../../../theming/types.js';
+export declare const all: Themes;

package/components/combo/themes/themes.js

@@ -0,0 +1,43 @@
+import { css } from 'lit';
+import { styles as bootstrapDark } from './dark/combo.bootstrap.css.js';
+import { styles as fluentDark } from './dark/combo.fluent.css.js';
+import { styles as indigoDark } from './dark/combo.indigo.css.js';
+import { styles as materialDark } from './dark/combo.material.css.js';
+import { styles as bootstrapLight } from './light/combo.bootstrap.css.js';
+import { styles as fluentLight } from './light/combo.fluent.css.js';
+import { styles as indigoLight } from './light/combo.indigo.css.js';
+import { styles as materialLight } from './light/combo.material.css.js';
+import { styles as bootstrap } from './shared/combo.bootstrap.css.js';
+import { styles as fluent } from './shared/combo.fluent.css.js';
+import { styles as indigo } from './shared/combo.indigo.css.js';
+import { styles as material } from './shared/combo.material.css.js';
+const light = {
+    bootstrap: css `
+    ${bootstrap} ${bootstrapLight}
+  `,
+    material: css `
+    ${material} ${materialLight}
+  `,
+    fluent: css `
+    ${fluent} ${fluentLight}
+  `,
+    indigo: css `
+    ${indigo} ${indigoLight}
+  `,
+};
+const dark = {
+    bootstrap: css `
+    ${bootstrap} ${bootstrapDark}
+  `,
+    material: css `
+    ${material} ${materialDark}
+  `,
+    fluent: css `
+    ${fluent} ${fluentDark}
+  `,
+    indigo: css `
+    ${indigo} ${indigoDark}
+  `,
+};
+export const all = { light, dark };
+//# sourceMappingURL=themes.js.map

package/components/combo/themes/themes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"themes.js","sourceRoot":"","sources":["../../../../src/components/combo/themes/themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAG1B,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,+BAA+B,CAAC;AACxE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAEtE,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAC1E,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAExE,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,8BAA8B,CAAC;AAChE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,8BAA8B,CAAC;AAChE,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAGpE,MAAM,KAAK,GAAG;IACZ,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,cAAc;GAC9B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ,IAAI,aAAa;GAC5B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,aAAa;GAC7B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,QAAQ,IAAI,YAAY;GAC3B;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\n// Dark Overrides\nimport { styles as bootstrapDark } from './dark/combo.bootstrap.css.js';\nimport { styles as fluentDark } from './dark/combo.fluent.css.js';\nimport { styles as indigoDark } from './dark/combo.indigo.css.js';\nimport { styles as materialDark } from './dark/combo.material.css.js';\n// Light Overrides\nimport { styles as bootstrapLight } from './light/combo.bootstrap.css.js';\nimport { styles as fluentLight } from './light/combo.fluent.css.js';\nimport { styles as indigoLight } from './light/combo.indigo.css.js';\nimport { styles as materialLight } from './light/combo.material.css.js';\n// Shared Styles\nimport { styles as bootstrap } from './shared/combo.bootstrap.css.js';\nimport { styles as fluent } from './shared/combo.fluent.css.js';\nimport { styles as indigo } from './shared/combo.indigo.css.js';\nimport { styles as material } from './shared/combo.material.css.js';\nimport { Themes } from '../../../theming/types.js';\n\nconst light = {\n  bootstrap: css`\n    ${bootstrap} ${bootstrapLight}\n  `,\n  material: css`\n    ${material} ${materialLight}\n  `,\n  fluent: css`\n    ${fluent} ${fluentLight}\n  `,\n  indigo: css`\n    ${indigo} ${indigoLight}\n  `,\n};\n\nconst dark = {\n  bootstrap: css`\n    ${bootstrap} ${bootstrapDark}\n  `,\n  material: css`\n    ${material} ${materialDark}\n  `,\n  fluent: css`\n    ${fluent} ${fluentDark}\n  `,\n  indigo: css`\n    ${indigo} ${indigoDark}\n  `,\n};\n\nexport const all: Themes = { light, dark };\n"]}

package/components/combo/types.d.ts

@@ -1,6 +1,6 @@
+import type { RenderItemFunction } from '@lit-labs/virtualizer/virtualize.js';
 import { ReactiveControllerHost, TemplateResult } from 'lit';
 import IgcComboComponent from './combo.js';
-import type { RenderItemFunction } from '@lit-labs/virtualizer/virtualize.js';
 export type Keys<T> = keyof T;
 export type Values<T> = T[keyof T];
 export type Item<T extends object> = T | Values<T>;

package/components/combo/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/combo/types.ts"],"names":[],"mappings":"","sourcesContent":["import { ReactiveControllerHost, TemplateResult } from 'lit';\nimport IgcComboComponent from './combo.js';\nimport type { RenderItemFunction } from '@lit-labs/virtualizer/virtualize.js';\n\nexport type Keys<T> = keyof T;\nexport type Values<T> = T[keyof T];\nexport type Item<T extends object> = T | Values<T>;\n\nexport type ComboRecord<T extends object> = {\n  value: T;\n  header: boolean;\n  dataIndex: number;\n};\n\nexport type ComboHost<T extends object> = ReactiveControllerHost &\n  IgcComboComponent<T>;\n\nexport type GroupingDirection = 'asc' | 'desc';\nexport type ComboChangeType = 'selection' | 'deselection' | 'addition';\nexport type ComboRenderFunction<T extends object> = RenderItemFunction<\n  ComboRecord<T>\n>;\nexport type ComboValue<T> = T | Values<T>;\n\nexport interface FilteringOptions<T extends object> {\n  filterKey: Keys<T> | undefined;\n  caseSensitive?: boolean;\n  matchDiacritics?: boolean;\n}\n\nexport interface GroupingOptions<T extends object> {\n  groupKey?: Keys<T>;\n  valueKey?: Keys<T>;\n  displayKey?: Keys<T>;\n  direction: GroupingDirection;\n}\n\n/* marshalByValue */\nexport interface IgcComboChangeEventArgs<T extends object = any> {\n  newValue: ComboValue<T>[];\n  /* primitiveValue */\n  items: T[];\n  /* blazorAlternateName: changeType */\n  type: ComboChangeType;\n}\n\nexport interface IgcComboEventMap {\n  igcChange: CustomEvent<IgcComboChangeEventArgs>;\n  igcFocus: CustomEvent<void>;\n  igcBlur: CustomEvent<void>;\n  igcOpening: CustomEvent<void>;\n  igcOpened: CustomEvent<void>;\n  igcClosing: CustomEvent<void>;\n  igcClosed: CustomEvent<void>;\n}\n\nexport type ComboItemTemplate<T extends object> = (\n  props: ComboTemplateProps<T>\n) => TemplateResult;\nexport interface ComboTemplateProps<T extends object> {\n  item: T;\n}\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/combo/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { RenderItemFunction } from '@lit-labs/virtualizer/virtualize.js';\nimport { ReactiveControllerHost, TemplateResult } from 'lit';\n\nimport IgcComboComponent from './combo.js';\n\nexport type Keys<T> = keyof T;\nexport type Values<T> = T[keyof T];\nexport type Item<T extends object> = T | Values<T>;\n\nexport type ComboRecord<T extends object> = {\n  value: T;\n  header: boolean;\n  dataIndex: number;\n};\n\nexport type ComboHost<T extends object> = ReactiveControllerHost &\n  IgcComboComponent<T>;\n\nexport type GroupingDirection = 'asc' | 'desc';\nexport type ComboChangeType = 'selection' | 'deselection' | 'addition';\nexport type ComboRenderFunction<T extends object> = RenderItemFunction<\n  ComboRecord<T>\n>;\nexport type ComboValue<T> = T | Values<T>;\n\nexport interface FilteringOptions<T extends object> {\n  filterKey: Keys<T> | undefined;\n  caseSensitive?: boolean;\n  matchDiacritics?: boolean;\n}\n\nexport interface GroupingOptions<T extends object> {\n  groupKey?: Keys<T>;\n  valueKey?: Keys<T>;\n  displayKey?: Keys<T>;\n  direction: GroupingDirection;\n}\n\n/* marshalByValue */\nexport interface IgcComboChangeEventArgs<T extends object = any> {\n  newValue: ComboValue<T>[];\n  /* primitiveValue */\n  items: T[];\n  /* blazorAlternateName: changeType */\n  type: ComboChangeType;\n}\n\nexport interface IgcComboEventMap {\n  igcChange: CustomEvent<IgcComboChangeEventArgs>;\n  igcFocus: CustomEvent<void>;\n  igcBlur: CustomEvent<void>;\n  igcOpening: CustomEvent<void>;\n  igcOpened: CustomEvent<void>;\n  igcClosing: CustomEvent<void>;\n  igcClosed: CustomEvent<void>;\n}\n\nexport type ComboItemTemplate<T extends object> = (\n  props: ComboTemplateProps<T>\n) => TemplateResult;\nexport interface ComboTemplateProps<T extends object> {\n  item: T;\n}\n"]}

package/components/common/controllers/key-bindings.d.ts

@@ -0,0 +1,149 @@
+import type { ReactiveController, ReactiveControllerHost } from 'lit';
+import type { Ref } from 'lit/directives/ref.js';
+export declare const arrowLeft: "ArrowLeft";
+export declare const arrowRight: "ArrowRight";
+export declare const arrowUp: "ArrowUp";
+export declare const arrowDown: "ArrowDown";
+export declare const enterKey: "Enter";
+export declare const spaceBar: " ";
+export declare const escapeKey: "Escape";
+export declare const homeKey: "Home";
+export declare const endKey: "End";
+export declare const pageUpKey: "PageUp";
+export declare const pageDownKey: "PageDown";
+export declare const tabKey: "Tab";
+export declare const altKey: "Alt";
+export declare const ctrlKey: "Ctrl";
+export declare const metaKey: "Meta";
+export declare const shiftKey: "Shift";
+export type KeyBindingHandler = (event: KeyboardEvent) => void;
+export type KeyBindingObserverCleanup = {
+    unsubscribe: () => void;
+};
+/**
+ * Whether the current event should be ignored by the controller.
+ *
+ * @param node - The event target
+ * @param event - The event object
+ *
+ * When `true` is returned, the current event is ignored.
+ */
+export type KeyBindingSkipCallback = (node: Element, event: KeyboardEvent) => boolean;
+/**
+ * The event type which will trigger the bound handler.
+ *
+ * @remarks
+ * `keydownRepeat` is similar to `keydown` with the exception
+ * that after the handler is invoked the pressed state of the key is reset
+ * in the controller.
+ */
+export type KeyBindingTrigger = 'keydown' | 'keyup' | 'keydownRepeat';
+/**
+ * Configuration object for the controller.
+ */
+export interface KeyBindingControllerOptions {
+    /**
+     * By default, the controller listens for keypress events in the context of the host element.
+     * If you pass a `ref`, you can limit the observation to a certain DOM part of the host scope.
+     */
+    ref?: Ref;
+    /**
+     * Option to ignore key press events.
+     *
+     * If passed an array of CSS selectors, it will ignore key presses originating from elements in the event composed path
+     * that match one of the selectors.
+     * Otherwise you can pass a {@link KeyBindingSkipCallback} function.
+     *
+     * Defaults to `['input', 'textarea', 'select']`.
+     *
+     * @example
+     * ```ts
+     * {
+     *  // Skip events originating from elements with `readonly` attribute
+     *  skip: ['[readonly]']
+     * }
+     * ...
+     * {
+     * // Same as above but with a callback
+     *  skip: (node: Element) => node.hasAttribute('readonly')
+     * }
+     * ```
+     */
+    skip?: string[] | KeyBindingSkipCallback;
+    /**
+     * A set of KeyBindingOptions configuration which is applied to every handler
+     * that is added to the controller.
+     *
+     * Any additional KeyBindingOptions values passed when `set` is called
+     * will be merged with `bindingDefaults`.
+     */
+    bindingDefaults?: KeyBindingOptions;
+}
+/**
+ * Configuration object for customizing the behavior of
+ * the registered handler.
+ */
+export interface KeyBindingOptions {
+    /**
+     * The event type(s) on which the handler will be invoked.
+     *
+     * Defaults to `keydown` if not set.
+     */
+    triggers?: KeyBindingTrigger[];
+    /**
+     * Whether to call `preventDefault` on the target event before the handler is invoked.
+     */
+    preventDefault?: boolean;
+    /**
+     * Whether to call `stopPropagation` on the target event before the handler is invoked.
+     */
+    stopPropagation?: boolean;
+}
+export declare function parseKeys(keys: string | string[]): {
+    keys: string[];
+    modifiers: string[];
+};
+declare class KeyBindingController implements ReactiveController {
+    protected _host: ReactiveControllerHost & Element;
+    protected _ref?: Ref;
+    protected _observedElement?: Element;
+    protected _options?: KeyBindingControllerOptions;
+    private bindings;
+    private pressedKeys;
+    protected get _element(): Element | undefined;
+    /**
+     * Sets the controller to listen for keyboard events on an arbitrary `element` in the page context.
+     * All the configuration and event handlers are applied as well.
+     *
+     * Returns an object with an `unsubscribe` function which should be called when the observing of keyboard
+     * events on the `element` should cease.
+     */
+    observeElement(element: Element): KeyBindingObserverCleanup;
+    constructor(host: ReactiveControllerHost & Element, options?: KeyBindingControllerOptions);
+    /**
+     * Checks and executes any event modifiers that are present in the matched binding.
+     */
+    private eventModifiersMatch;
+    private keysMatch;
+    private bindingMatches;
+    handleEvent(event: KeyboardEvent): void;
+    /**
+     * Registers a keybinding handler.
+     */
+    set(key: string | string[], fn: KeyBindingHandler, options?: KeyBindingOptions): this;
+    /**
+     * Register a handler function which is called when the target receives a key
+     * which "activates" it.
+     *
+     * In the browser context this is usually either an Enter and/or Space keypress.
+     */
+    setActivateHandler(fn: KeyBindingHandler, options?: KeyBindingOptions): this;
+    hostConnected(): void;
+    hostDisconnected(): void;
+}
+/**
+ * Creates a keybinding controller and adds to it to the passed `element`
+ * with the provided `options`.
+ */
+export declare function addKeybindings(element: ReactiveControllerHost & Element, options?: KeyBindingControllerOptions): KeyBindingController;
+export {};

package/components/common/controllers/key-bindings.js

@@ -0,0 +1,168 @@
+export const arrowLeft = 'ArrowLeft';
+export const arrowRight = 'ArrowRight';
+export const arrowUp = 'ArrowUp';
+export const arrowDown = 'ArrowDown';
+export const enterKey = 'Enter';
+export const spaceBar = ' ';
+export const escapeKey = 'Escape';
+export const homeKey = 'Home';
+export const endKey = 'End';
+export const pageUpKey = 'PageUp';
+export const pageDownKey = 'PageDown';
+export const tabKey = 'Tab';
+export const altKey = 'Alt';
+export const ctrlKey = 'Ctrl';
+export const metaKey = 'Meta';
+export const shiftKey = 'Shift';
+const __modifiers = new Set([altKey, ctrlKey, metaKey, shiftKey].map((key) => key.toLowerCase()));
+const defaultOptions = {
+    skip: ['input', 'textarea', 'select'],
+};
+function normalizeKeys(keys) {
+    return (Array.isArray(keys) ? keys : [keys]).map((key) => key.toLowerCase());
+}
+function isModifier(key) {
+    return __modifiers.has(key);
+}
+function isKeydown(event) {
+    return event.type === 'keydown';
+}
+function isKeyup(event) {
+    return event.type === 'keyup';
+}
+function isKeydownTrigger(triggers) {
+    return triggers
+        ? triggers.includes('keydown') || isKeydownRepeatTrigger(triggers)
+        : false;
+}
+function isKeyupTrigger(triggers) {
+    return triggers ? triggers.includes('keyup') : false;
+}
+function isKeydownRepeatTrigger(triggers) {
+    return triggers ? triggers.includes('keydownRepeat') : false;
+}
+function isElement(node) {
+    return node.nodeType === Node.ELEMENT_NODE;
+}
+export function parseKeys(keys) {
+    const parsed = normalizeKeys(keys);
+    return {
+        keys: parsed.filter((key) => !isModifier(key)),
+        modifiers: parsed.filter((key) => isModifier(key)),
+    };
+}
+class KeyBindingController {
+    get _element() {
+        if (this._observedElement) {
+            return this._observedElement;
+        }
+        return this._ref ? this._ref.value : this._host;
+    }
+    observeElement(element) {
+        element.addEventListener('keydown', this);
+        element.addEventListener('keyup', this);
+        this._observedElement = element;
+        return {
+            unsubscribe: () => {
+                this._observedElement?.removeEventListener('keydown', this);
+                this._observedElement?.removeEventListener('keyup', this);
+                this._observedElement = undefined;
+            },
+        };
+    }
+    constructor(host, options) {
+        this.bindings = new Set();
+        this.pressedKeys = new Set();
+        this._host = host;
+        this._ref = options?.ref;
+        this._options = { ...defaultOptions, ...options };
+        host.addController(this);
+    }
+    eventModifiersMatch(binding, event) {
+        if (binding.options?.preventDefault) {
+            event.preventDefault();
+        }
+        if (binding.options?.stopPropagation) {
+            event.stopPropagation();
+        }
+    }
+    keysMatch(binding, event) {
+        const modifiers = binding.modifiers ?? [];
+        return (binding.keys.every((key) => this.pressedKeys.has(key)) &&
+            modifiers.every((mod) => !!event[`${mod}Key`]));
+    }
+    bindingMatches(binding, event) {
+        const triggers = binding.options?.triggers ?? ['keydown'];
+        if (!this.keysMatch(binding, event)) {
+            return false;
+        }
+        if (isKeydown(event) && isKeydownTrigger(triggers)) {
+            return true;
+        }
+        if (isKeyup(event) && isKeyupTrigger(triggers)) {
+            return true;
+        }
+        return false;
+    }
+    handleEvent(event) {
+        const key = event.key.toLowerCase();
+        const path = event.composedPath();
+        const skip = this._options?.skip;
+        if (!this._element || !path.includes(this._element)) {
+            return;
+        }
+        if (skip) {
+            const shouldSkip = Array.isArray(skip)
+                ? path.some((target) => isElement(target) &&
+                    skip.some((selector) => target.matches(selector)))
+                : skip.call(this._host, event.target, event);
+            if (shouldSkip) {
+                return;
+            }
+        }
+        if (isModifier(key)) {
+            this.pressedKeys.clear();
+        }
+        if (isKeydown(event) && !isModifier(key)) {
+            this.pressedKeys.add(key);
+        }
+        for (const binding of this.bindings) {
+            if (this.bindingMatches(binding, event)) {
+                this.eventModifiersMatch(binding, event);
+                binding.handler.call(this._host, event);
+                if (isKeydownRepeatTrigger(binding.options?.triggers)) {
+                    this.pressedKeys.delete(key);
+                }
+            }
+        }
+        if (isKeyup(event) && !isModifier(key)) {
+            this.pressedKeys.delete(key);
+        }
+    }
+    set(key, fn, options) {
+        this.bindings.add({
+            ...parseKeys(key),
+            handler: fn,
+            options: { ...this._options?.bindingDefaults, ...options },
+        });
+        return this;
+    }
+    setActivateHandler(fn, options) {
+        for (const key of [enterKey, spaceBar]) {
+            this.set(key, fn, options);
+        }
+        return this;
+    }
+    hostConnected() {
+        this._host.addEventListener('keyup', this);
+        this._host.addEventListener('keydown', this);
+    }
+    hostDisconnected() {
+        this._host.removeEventListener('keyup', this);
+        this._host.removeEventListener('keydown', this);
+    }
+}
+export function addKeybindings(element, options) {
+    return new KeyBindingController(element, options);
+}
+//# sourceMappingURL=key-bindings.js.map

package/components/common/controllers/key-bindings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"key-bindings.js","sourceRoot":"","sources":["../../../../src/components/common/controllers/key-bindings.ts"],"names":[],"mappings":"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","sourcesContent":["import type { ReactiveController, ReactiveControllerHost } from 'lit';\nimport type { Ref } from 'lit/directives/ref.js';\n\n/* Common keys */\nexport const arrowLeft = 'ArrowLeft' as const;\nexport const arrowRight = 'ArrowRight' as const;\nexport const arrowUp = 'ArrowUp' as const;\nexport const arrowDown = 'ArrowDown' as const;\nexport const enterKey = 'Enter' as const;\nexport const spaceBar = ' ' as const;\nexport const escapeKey = 'Escape' as const;\nexport const homeKey = 'Home' as const;\nexport const endKey = 'End' as const;\nexport const pageUpKey = 'PageUp' as const;\nexport const pageDownKey = 'PageDown' as const;\nexport const tabKey = 'Tab' as const;\n\n/* Modifiers */\nexport const altKey = 'Alt' as const;\nexport const ctrlKey = 'Ctrl' as const;\nexport const metaKey = 'Meta' as const;\nexport const shiftKey = 'Shift' as const;\n\n/* Types */\nexport type KeyBindingHandler = (event: KeyboardEvent) => void;\nexport type KeyBindingObserverCleanup = { unsubscribe: () => void };\n\n/**\n * Whether the current event should be ignored by the controller.\n *\n * @param node - The event target\n * @param event - The event object\n *\n * When `true` is returned, the current event is ignored.\n */\nexport type KeyBindingSkipCallback = (\n  node: Element,\n  event: KeyboardEvent\n) => boolean;\n\n/**\n * The event type which will trigger the bound handler.\n *\n * @remarks\n * `keydownRepeat` is similar to `keydown` with the exception\n * that after the handler is invoked the pressed state of the key is reset\n * in the controller.\n */\nexport type KeyBindingTrigger = 'keydown' | 'keyup' | 'keydownRepeat';\n\n/**\n * Configuration object for the controller.\n */\nexport interface KeyBindingControllerOptions {\n  /**\n   * By default, the controller listens for keypress events in the context of the host element.\n   * If you pass a `ref`, you can limit the observation to a certain DOM part of the host scope.\n   */\n  ref?: Ref;\n  /**\n   * Option to ignore key press events.\n   *\n   * If passed an array of CSS selectors, it will ignore key presses originating from elements in the event composed path\n   * that match one of the selectors.\n   * Otherwise you can pass a {@link KeyBindingSkipCallback} function.\n   *\n   * Defaults to `['input', 'textarea', 'select']`.\n   *\n   * @example\n   * ```ts\n   * {\n   *  // Skip events originating from elements with `readonly` attribute\n   *  skip: ['[readonly]']\n   * }\n   * ...\n   * {\n   * // Same as above but with a callback\n   *  skip: (node: Element) => node.hasAttribute('readonly')\n   * }\n   * ```\n   */\n  skip?: string[] | KeyBindingSkipCallback;\n  /**\n   * A set of KeyBindingOptions configuration which is applied to every handler\n   * that is added to the controller.\n   *\n   * Any additional KeyBindingOptions values passed when `set` is called\n   * will be merged with `bindingDefaults`.\n   */\n  bindingDefaults?: KeyBindingOptions;\n}\n\n/**\n * Configuration object for customizing the behavior of\n * the registered handler.\n */\nexport interface KeyBindingOptions {\n  /**\n   * The event type(s) on which the handler will be invoked.\n   *\n   * Defaults to `keydown` if not set.\n   */\n  triggers?: KeyBindingTrigger[];\n  /**\n   * Whether to call `preventDefault` on the target event before the handler is invoked.\n   */\n  preventDefault?: boolean;\n  /**\n   * Whether to call `stopPropagation` on the target event before the handler is invoked.\n   */\n  stopPropagation?: boolean;\n}\n\ninterface KeyBinding {\n  keys: string[];\n  handler: KeyBindingHandler;\n  options?: KeyBindingOptions;\n  modifiers?: string[];\n}\n\nconst __modifiers = new Set<string>(\n  [altKey, ctrlKey, metaKey, shiftKey].map((key) => key.toLowerCase())\n);\n\nconst defaultOptions: KeyBindingControllerOptions = {\n  skip: ['input', 'textarea', 'select'],\n};\n\nfunction normalizeKeys(keys: string | string[]) {\n  return (Array.isArray(keys) ? keys : [keys]).map((key) => key.toLowerCase());\n}\n\nfunction isModifier(key: string) {\n  return __modifiers.has(key);\n}\n\nfunction isKeydown(event: Event) {\n  return event.type === 'keydown';\n}\n\nfunction isKeyup(event: Event) {\n  return event.type === 'keyup';\n}\n\nfunction isKeydownTrigger(triggers?: KeyBindingTrigger[]) {\n  return triggers\n    ? triggers.includes('keydown') || isKeydownRepeatTrigger(triggers)\n    : false;\n}\n\nfunction isKeyupTrigger(triggers?: KeyBindingTrigger[]) {\n  return triggers ? triggers.includes('keyup') : false;\n}\n\nfunction isKeydownRepeatTrigger(triggers?: KeyBindingTrigger[]) {\n  return triggers ? triggers.includes('keydownRepeat') : false;\n}\n\nfunction isElement(node: EventTarget): node is Element {\n  return (node as Element).nodeType === Node.ELEMENT_NODE;\n}\n\nexport function parseKeys(keys: string | string[]) {\n  const parsed = normalizeKeys(keys);\n  return {\n    keys: parsed.filter((key) => !isModifier(key)),\n    modifiers: parsed.filter((key) => isModifier(key)),\n  };\n}\n\nclass KeyBindingController implements ReactiveController {\n  protected _host: ReactiveControllerHost & Element;\n  protected _ref?: Ref;\n  protected _observedElement?: Element;\n  protected _options?: KeyBindingControllerOptions;\n  private bindings = new Set<KeyBinding>();\n  private pressedKeys = new Set<string>();\n\n  protected get _element() {\n    if (this._observedElement) {\n      return this._observedElement;\n    }\n    return this._ref ? this._ref.value : this._host;\n  }\n\n  /**\n   * Sets the controller to listen for keyboard events on an arbitrary `element` in the page context.\n   * All the configuration and event handlers are applied as well.\n   *\n   * Returns an object with an `unsubscribe` function which should be called when the observing of keyboard\n   * events on the `element` should cease.\n   */\n  public observeElement(element: Element): KeyBindingObserverCleanup {\n    element.addEventListener('keydown', this);\n    element.addEventListener('keyup', this);\n    this._observedElement = element;\n\n    return {\n      unsubscribe: () => {\n        this._observedElement?.removeEventListener('keydown', this);\n        this._observedElement?.removeEventListener('keyup', this);\n        this._observedElement = undefined;\n      },\n    };\n  }\n\n  constructor(\n    host: ReactiveControllerHost & Element,\n    options?: KeyBindingControllerOptions\n  ) {\n    this._host = host;\n    this._ref = options?.ref;\n    this._options = { ...defaultOptions, ...options };\n    host.addController(this);\n  }\n\n  /**\n   * Checks and executes any event modifiers that are present in the matched binding.\n   */\n  private eventModifiersMatch(binding: KeyBinding, event: KeyboardEvent) {\n    if (binding.options?.preventDefault) {\n      event.preventDefault();\n    }\n\n    if (binding.options?.stopPropagation) {\n      event.stopPropagation();\n    }\n  }\n\n  private keysMatch(binding: KeyBinding, event: KeyboardEvent) {\n    const modifiers = binding.modifiers ?? [];\n    return (\n      binding.keys.every((key) => this.pressedKeys.has(key)) &&\n      modifiers.every((mod) => !!event[`${mod}Key` as keyof KeyboardEvent])\n    );\n  }\n\n  private bindingMatches(binding: KeyBinding, event: KeyboardEvent) {\n    const triggers = binding.options?.triggers ?? ['keydown'];\n\n    if (!this.keysMatch(binding, event)) {\n      return false;\n    }\n\n    if (isKeydown(event) && isKeydownTrigger(triggers)) {\n      return true;\n    }\n\n    if (isKeyup(event) && isKeyupTrigger(triggers)) {\n      return true;\n    }\n\n    return false;\n  }\n\n  public handleEvent(event: KeyboardEvent) {\n    const key = event.key.toLowerCase();\n    const path = event.composedPath();\n    const skip = this._options?.skip;\n\n    if (!this._element || !path.includes(this._element)) {\n      return;\n    }\n\n    if (skip) {\n      const shouldSkip = Array.isArray(skip)\n        ? path.some(\n            (target) =>\n              isElement(target) &&\n              skip.some((selector) => target.matches(selector))\n          )\n        : skip.call(this._host, event.target as Element, event);\n\n      if (shouldSkip) {\n        return;\n      }\n    }\n\n    if (isModifier(key)) {\n      this.pressedKeys.clear();\n    }\n\n    if (isKeydown(event) && !isModifier(key)) {\n      this.pressedKeys.add(key);\n    }\n\n    for (const binding of this.bindings) {\n      if (this.bindingMatches(binding, event)) {\n        this.eventModifiersMatch(binding, event);\n\n        binding.handler.call(this._host, event);\n\n        if (isKeydownRepeatTrigger(binding.options?.triggers)) {\n          this.pressedKeys.delete(key);\n        }\n      }\n    }\n\n    if (isKeyup(event) && !isModifier(key)) {\n      this.pressedKeys.delete(key);\n    }\n  }\n\n  /**\n   * Registers a keybinding handler.\n   */\n  public set(\n    key: string | string[],\n    fn: KeyBindingHandler,\n    options?: KeyBindingOptions\n  ) {\n    this.bindings.add({\n      ...parseKeys(key),\n      handler: fn,\n      options: { ...this._options?.bindingDefaults, ...options },\n    });\n\n    return this;\n  }\n\n  /**\n   * Register a handler function which is called when the target receives a key\n   * which \"activates\" it.\n   *\n   * In the browser context this is usually either an Enter and/or Space keypress.\n   */\n  public setActivateHandler(\n    fn: KeyBindingHandler,\n    options?: KeyBindingOptions\n  ) {\n    for (const key of [enterKey, spaceBar]) {\n      this.set(key, fn, options);\n    }\n\n    return this;\n  }\n\n  public hostConnected(): void {\n    this._host.addEventListener('keyup', this);\n    this._host.addEventListener('keydown', this);\n  }\n\n  public hostDisconnected(): void {\n    this._host.removeEventListener('keyup', this);\n    this._host.removeEventListener('keydown', this);\n  }\n}\n\n/**\n * Creates a keybinding controller and adds to it to the passed `element`\n * with the provided `options`.\n */\nexport function addKeybindings(\n  element: ReactiveControllerHost & Element,\n  options?: KeyBindingControllerOptions\n) {\n  return new KeyBindingController(element, options);\n}\n"]}

package/components/common/controllers/root-click.d.ts

@@ -0,0 +1,25 @@
+import type { ReactiveController, ReactiveControllerHost } from 'lit';
+type RootClickControllerConfig = {
+    hideCallback?: Function;
+    target?: HTMLElement;
+};
+type RootClickControllerHost = ReactiveControllerHost & HTMLElement & {
+    open: boolean;
+    keepOpenOnOutsideClick?: boolean;
+    hide(): void;
+};
+declare class RootClickController implements ReactiveController {
+    private readonly host;
+    private config?;
+    constructor(host: RootClickControllerHost, config?: RootClickControllerConfig | undefined);
+    private addEventListeners;
+    private removeEventListeners;
+    private configureListeners;
+    handleEvent(event: MouseEvent): void;
+    private hide;
+    update(config?: RootClickControllerConfig): void;
+    hostConnected(): void;
+    hostDisconnected(): void;
+}
+export declare function addRootClickHandler(host: RootClickControllerHost, config?: RootClickControllerConfig): RootClickController;
+export {};

package/components/common/controllers/root-click.js

@@ -0,0 +1,50 @@
+class RootClickController {
+    constructor(host, config) {
+        this.host = host;
+        this.config = config;
+        this.host.addController(this);
+    }
+    addEventListeners() {
+        if (!this.host.keepOpenOnOutsideClick) {
+            document.addEventListener('click', this);
+        }
+    }
+    removeEventListeners() {
+        document.removeEventListener('click', this);
+    }
+    configureListeners() {
+        this.host.open ? this.addEventListeners() : this.removeEventListeners();
+    }
+    handleEvent(event) {
+        if (this.host.keepOpenOnOutsideClick) {
+            return;
+        }
+        const path = event.composed ? event.composedPath() : [event.target];
+        const target = this.config?.target || null;
+        if (path.includes(this.host) || path.includes(target)) {
+            return;
+        }
+        this.hide();
+    }
+    hide() {
+        this.config?.hideCallback
+            ? this.config.hideCallback.call(this.host)
+            : this.host.hide();
+    }
+    update(config) {
+        if (config) {
+            this.config = { ...this.config, ...config };
+        }
+        this.configureListeners();
+    }
+    hostConnected() {
+        this.configureListeners();
+    }
+    hostDisconnected() {
+        this.removeEventListeners();
+    }
+}
+export function addRootClickHandler(host, config) {
+    return new RootClickController(host, config);
+}
+//# sourceMappingURL=root-click.js.map

package/components/common/controllers/root-click.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"root-click.js","sourceRoot":"","sources":["../../../../src/components/common/controllers/root-click.ts"],"names":[],"mappings":"AAcA,MAAM,mBAAmB;IACvB,YACmB,IAA6B,EACtC,MAAkC;QADzB,SAAI,GAAJ,IAAI,CAAyB;QACtC,WAAM,GAAN,MAAM,CAA4B;QAE1C,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;IAChC,CAAC;IAEO,iBAAiB;QACvB,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,sBAAsB,EAAE,CAAC;YACtC,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;QAC3C,CAAC;IACH,CAAC;IAEO,oBAAoB;QAC1B,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;IAC9C,CAAC;IAEO,kBAAkB;QACxB,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,iBAAiB,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,oBAAoB,EAAE,CAAC;IAC1E,CAAC;IAEM,WAAW,CAAC,KAAiB;QAClC,IAAI,IAAI,CAAC,IAAI,CAAC,sBAAsB,EAAE,CAAC;YACrC,OAAO;QACT,CAAC;QAED,MAAM,IAAI,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QACpE,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,EAAE,MAAM,IAAI,IAAI,CAAC;QAC3C,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;YACtD,OAAO;QACT,CAAC;QAED,IAAI,CAAC,IAAI,EAAE,CAAC;IACd,CAAC;IAEO,IAAI;QACV,IAAI,CAAC,MAAM,EAAE,YAAY;YACvB,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC;YAC1C,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;IACvB,CAAC;IAEM,MAAM,CAAC,MAAkC;QAC9C,IAAI,MAAM,EAAE,CAAC;YACX,IAAI,CAAC,MAAM,GAAG,EAAE,GAAG,IAAI,CAAC,MAAM,EAAE,GAAG,MAAM,EAAE,CAAC;QAC9C,CAAC;QACD,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC5B,CAAC;IAEM,aAAa;QAClB,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC5B,CAAC;IAEM,gBAAgB;QACrB,IAAI,CAAC,oBAAoB,EAAE,CAAC;IAC9B,CAAC;CACF;AAED,MAAM,UAAU,mBAAmB,CACjC,IAA6B,EAC7B,MAAkC;IAElC,OAAO,IAAI,mBAAmB,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;AAC/C,CAAC","sourcesContent":["import type { ReactiveController, ReactiveControllerHost } from 'lit';\n\ntype RootClickControllerConfig = {\n  hideCallback?: Function;\n  target?: HTMLElement;\n};\n\ntype RootClickControllerHost = ReactiveControllerHost &\n  HTMLElement & {\n    open: boolean;\n    keepOpenOnOutsideClick?: boolean;\n    hide(): void;\n  };\n\nclass RootClickController implements ReactiveController {\n  constructor(\n    private readonly host: RootClickControllerHost,\n    private config?: RootClickControllerConfig\n  ) {\n    this.host.addController(this);\n  }\n\n  private addEventListeners() {\n    if (!this.host.keepOpenOnOutsideClick) {\n      document.addEventListener('click', this);\n    }\n  }\n\n  private removeEventListeners() {\n    document.removeEventListener('click', this);\n  }\n\n  private configureListeners() {\n    this.host.open ? this.addEventListeners() : this.removeEventListeners();\n  }\n\n  public handleEvent(event: MouseEvent) {\n    if (this.host.keepOpenOnOutsideClick) {\n      return;\n    }\n\n    const path = event.composed ? event.composedPath() : [event.target];\n    const target = this.config?.target || null;\n    if (path.includes(this.host) || path.includes(target)) {\n      return;\n    }\n\n    this.hide();\n  }\n\n  private hide() {\n    this.config?.hideCallback\n      ? this.config.hideCallback.call(this.host)\n      : this.host.hide();\n  }\n\n  public update(config?: RootClickControllerConfig) {\n    if (config) {\n      this.config = { ...this.config, ...config };\n    }\n    this.configureListeners();\n  }\n\n  public hostConnected() {\n    this.configureListeners();\n  }\n\n  public hostDisconnected() {\n    this.removeEventListeners();\n  }\n}\n\nexport function addRootClickHandler(\n  host: RootClickControllerHost,\n  config?: RootClickControllerConfig\n) {\n  return new RootClickController(host, config);\n}\n"]}