npm - igniteui-webcomponents - Versions diffs - 6.4.0-alpha.4 → 6.4.0 - Mend

igniteui-webcomponents 6.4.0-alpha.4 → 6.4.0

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

Files changed (370) hide show

package/components/input/themes/shared/input.material.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `input:-moz-placeholder+[part=notch] [part=label]{translate:0 -50%}:host([outlined]:not([readonly]):focus-within) [part=label],input:placeholder-shown+[part=notch] [part=label],[part~=filled]+[part=notch] [part=label]{translate:0 -50%}:host(:not([type=search]):disabled[outlined]) input:-moz-placeholder+[part=notch], :host(:not([type=search])[disabled][outlined]) input:-moz-placeholder+[part=notch], :host(:not([type=search],[readonly])[outlined]:state(ig-invalid)) input:-moz-placeholder+[part=notch], :host(:not([type=search],[readonly])[outlined]:state(ig-invalid):focus-within) input:-moz-placeholder+[part=notch], :host(:not([disabled])[role=combobox][outlined]:state(ig-invalid)) input:-moz-placeholder+[part=notch], :host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) input:-moz-placeholder+[part=notch], :host(:not([type=search])[outlined]:hover) input:-moz-placeholder+[part=notch], :host input:-moz-placeholder+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:disabled) [part~=filled]+[part=notch],:host([disabled]) [part~=filled]+[part=notch],:host(:not([type=search]):disabled[outlined]) input:placeholder-shown+[part=notch],:host(:not([type=search]):disabled[outlined]) [part~=filled]+[part=notch],:host(:not([type=search])[disabled][outlined]) input:placeholder-shown+[part=notch],:host(:not([type=search])[disabled][outlined]) [part~=filled]+[part=notch],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid)) input:placeholder-shown+[part=notch],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid)) [part~=filled]+[part=notch],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid):focus-within) input:placeholder-shown+[part=notch],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid):focus-within) [part~=filled]+[part=notch],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid)) input:placeholder-shown+[part=notch],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid)) [part~=filled]+[part=notch],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) input:placeholder-shown+[part=notch],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) [part~=filled]+[part=notch],:host(:not([type=search])[outlined]:hover) input:placeholder-shown+[part=notch],:host(:not([type=search])[outlined]:hover) [part~=filled]+[part=notch],:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:hover) [part~=filled]+[part=notch],:host([outlined]) [part~=filled]+[part=notch],:host input:placeholder-shown+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}[part=end]>[part=suffix] ::slotted(*),[part=start]>[part=prefix] ::slotted(*){display:inline-flex;align-items:center;width:-moz-max-content;width:max-content;height:100%}:host{--component-size: var(--ig-size, var(--default-size));--input-size: var(--component-size);--affix-padding: max(var(--is-large, 1) * max(1rem, -1 * 1rem) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-medium, 1) * max(0.875rem, -1 * 0.875rem) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-small, 1) * max(0.75rem, -1 * 0.75rem) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host ::part(helper-text){grid-auto-rows:minmax(1.125rem, auto);padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}[part=prefix] ::slotted(*),[part=suffix] ::slotted(*){color:inherit}input:-moz-placeholder+[part=notch] [part=label]{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)}input:placeholder-shown+[part=notch] [part=label],[part~=filled]+[part=notch] [part=label]{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)}[part~=input]{color:var(--filled-text-color);background:rgba(0,0,0,0);padding:0 max(var(--is-large, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));font-size:1rem;grid-area:1/2/span 1/span 2}[part=label]{font-family:var(--ig-subtitle-1-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-1-font-size);font-weight:var(--ig-subtitle-1-font-weight);font-style:var(--ig-subtitle-1-font-style);line-height:var(--ig-subtitle-1-line-height);letter-spacing:var(--ig-subtitle-1-letter-spacing);text-transform:var(--ig-subtitle-1-text-transform);margin-top:var(--ig-subtitle-1-margin-top);margin-bottom:var(--ig-subtitle-1-margin-bottom);color:var(--idle-secondary-color);transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1),translate 150ms cubic-bezier(0.4, 0, 0.2, 1),color 150ms cubic-bezier(0.4, 0, 0.2, 1),font-size 150ms cubic-bezier(0.4, 0, 0.2, 1);text-overflow:ellipsis;overflow:hidden;will-change:font-size,color,transform,translate}[part^=container]{grid-template-columns:auto auto 1fr auto}[part~=input],[part^=container]{height:var(--size)}[part=start]{border-start-start-radius:var(--border-border-radius);justify-content:flex-start;grid-area:1/1}[part=notch]{display:flex;align-items:center;width:auto;min-width:0;height:100%;grid-area:1/2;padding:0 max(var(--is-large, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));overflow:visible}[part=notch]:empty{display:none}[part=filler]{grid-area:1/3}[part=end]{border-start-end-radius:var(--border-border-radius);justify-content:flex-end;grid-area:1/4}[part=start],[part=end]{display:flex;min-width:max(var(--is-large, 1)*max(0.75rem, -1 * 0.75rem),var(--is-medium, 1)*max(0.625rem, -1 * 0.625rem),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem));height:var(--size);overflow:hidden}:host(:focus-within) [part=label]{color:var(--focused-secondary-color)}:host(:not([readonly]):focus-within) [part=label]{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);translate:0 -73%}:host([outlined]:not([readonly]):focus-within) [part=label]{align-self:start}:host([readonly]:not([outlined]):focus-within) :not([part~=filled]) input:has(:not(:-moz-placeholder))+[part=notch] [part=label]{translate:0;font-size:initial}:host([readonly]:not([outlined]):focus-within) :not([part~=filled]) input:has(:not(:placeholder-shown))+[part=notch] [part=label]{translate:0;font-size:initial}:host(:not([outlined])) [part=prefix],:host(:not([outlined])) [part=suffix]{max-height:calc(100% - 0.0625rem)}:host(:not([outlined])) [part=label]{inset-inline-start:.125rem}:host(:not([outlined])) [part~=container]{background:var(--box-background);border-bottom:1px solid var(--idle-bottom-line-color);border-start-end-radius:var(--box-border-radius);border-start-start-radius:var(--box-border-radius);transition:border-bottom-width 150ms cubic-bezier(0.4, 0, 0.2, 1)}:host(:not([outlined])) [part~=container]::after{position:absolute;content:"";width:100%;height:.125rem;left:0;right:0;bottom:-1px;background:var(--idle-bottom-line-color);transform:scaleX(0);transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1)}:host(:not([outlined])) [part~=labelled] [part~=input]{padding-top:1.25rem;padding-bottom:.375rem}:host(:not([outlined])) input:-moz-placeholder+[part=notch] [part=label]{translate:0 -73%}:host(:not([outlined])) input:placeholder-shown+[part=notch] [part=label],:host(:not([outlined])) [part~=filled]+[part=notch] [part=label]{translate:0 -73%}:host(:not([outlined],[type=search],[aria-haspopup=dialog],[role=combobox])[readonly]) [part~=container]{background:var(--box-background-focus)}:host(:not([outlined],[type=search],[aria-haspopup=dialog],[role=combobox])[readonly]:hover) [part~=container]{background:var(--box-background-focus);border-bottom-color:var(--idle-bottom-line-color)}:host(:not([outlined],[type=search],[aria-haspopup=dialog],[role=combobox])[readonly]:hover) [part~=container]::after{background:var(--idle-bottom-line-color)}:host(:not([outlined]):hover) [part~=container]{background:var(--box-background-hover);border-bottom-color:var(--hover-bottom-line-color)}:host(:not([outlined]):hover) [part~=container]::after{background:var(--hover-bottom-line-color)}:host(:not([outlined]):focus-within) [part~=container],:host(:not([outlined],[aria-haspopup=dialog],[role=combobox])[readonly]:focus-within) [part~=container]{background:var(--box-background-focus);border-bottom-color:var(--focused-bottom-line-color)}:host(:not([outlined]):focus-within) [part~=container]::after,:host(:not([outlined],[aria-haspopup=dialog],[role=combobox])[readonly]:focus-within) [part~=container]::after{background:var(--focused-bottom-line-color);transform:scaleX(1);opacity:1}:host(:not([outlined],[aria-haspopup=dialog],[role=combobox])[readonly]:focus-within) [part=label]{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);translate:0 -73%}:host(:not([outlined],[disabled],[readonly]):state(ig-invalid)) [part~=container],:host(:not([outlined],[disabled],[readonly]):state(ig-invalid):focus-within) [part~=container],:host(:not([disabled],[outlined])[role=combobox]:state(ig-invalid)) [part~=container],:host(:not([disabled],[outlined])[role=combobox]:state(ig-invalid):focus-within) [part~=container]{border-color:var(--error-secondary-color)}:host(:not([outlined],[disabled],[readonly]):state(ig-invalid)) [part~=container]::after,:host(:not([outlined],[disabled],[readonly]):state(ig-invalid):focus-within) [part~=container]::after,:host(:not([disabled],[outlined])[role=combobox]:state(ig-invalid)) [part~=container]::after,:host(:not([disabled],[outlined])[role=combobox]:state(ig-invalid):focus-within) [part~=container]::after{background:var(--error-secondary-color)}:host(:not([outlined])[disabled]) [part~=container],:host(:not([outlined]):disabled) [part~=container]{background:var(--box-disabled-background);border-color:var(--disabled-border-color);border-bottom-style:dashed}:host([type=search]) [part^=container]{background:var(--search-background);border-bottom:none;box-shadow:var(--search-resting-elevation);border-radius:var(--search-border-radius);overflow:hidden}:host([type=search]) [part^=container]:focus-within{background:var(--search-background)}:host([type=search]) [part^=container]:focus-within::after{display:none}:host(:not([readonly])[type=search]:hover) [part^=container],:host([type=search]:focus-within) [part^=container]{box-shadow:var(--search-hover-elevation);background:var(--search-background)}:host([readonly][type=search]:hover) [part^=container],:host([readonly][type=search]:focus-within) [part^=container]{background:var(--search-background)}:host([outlined][type=search]) [part~=labelled] [part~=input]{padding-top:max(var(--is-large, 1)*max(1.25rem, -1 * 1.25rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(1.25rem, -1 * 1.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(1.25rem, -1 * 1.25rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));padding-bottom:max(var(--is-large, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}:host([outlined][type=search]:focus-within) [part=notch] [part=label]{translate:0 -73%}:host(:disabled[type=search]) [part^=container],:host([disabled][type=search]) [part^=container]{background:var(--search-disabled-background);box-shadow:var(--search-disabled-elevation);border:none}:host(:not([type=search])[outlined]) [part^=container]{border-radius:var(--border-border-radius);background:var(--border-background)}:host(:not([type=search])[outlined]) [part=start]{border-style:solid;border-color:var(--border-color);border-inline-start-width:.0625rem;border-inline-end-width:0;border-block-start-width:.0625rem;border-block-end-width:.0625rem;border-start-start-radius:var(--border-border-radius);border-end-start-radius:var(--border-border-radius)}:host(:not([type=search])[outlined]) [part=filler]{border-width:.0625rem;border-style:solid;border-color:var(--border-color);border-left:none;border-right:none}:host(:not([type=search])[outlined]) [part=end]{border-style:solid;border-color:var(--border-color);border-inline-start-width:0;border-inline-end-width:.0625rem;border-block-start-width:.0625rem;border-block-end-width:.0625rem;border-start-end-radius:var(--border-border-radius);border-end-end-radius:var(--border-border-radius)}:host([outlined]) [part=notch]{border-width:.0625rem;border-style:solid;border-color:var(--border-color);border-left:none;border-right:none}:host([outlined]) [part~=filled]+[part=notch] [part=label]{align-self:start}:host([outlined]) [part~=container]:has(input:-moz-placeholder) [part=label]{align-self:start}:host([outlined]) [part~=container]:has(input:placeholder-shown) [part=label]{align-self:start}:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:hover) [part=notch],:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:hover) [part=start],:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:hover) [part=end],:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:hover) [part=filler]{border-color:var(--border-color)}:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:focus-within) [part=notch],:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:focus-within) [part=start],:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:focus-within) [part=end],:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:focus-within) [part=filler]{border-color:var(--focused-border-color)}:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:focus-within) [part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:not(:state(ig-invalid),[type=search])[readonly][outlined]:focus-within) :not([part~=filled]) input:has(:not(:-moz-placeholder))+[part=notch] [part=label]{translate:0;font-size:initial;align-self:center}:host(:not(:state(ig-invalid),[type=search])[readonly][outlined]:focus-within) :not([part~=filled]) input:has(:not(:placeholder-shown))+[part=notch] [part=label]{translate:0;font-size:initial;align-self:center}:host(:not(:state(ig-invalid),[type=search])[readonly][outlined]:focus-within) :not([part~=filled]) input:has(:not(:-moz-placeholder))+[part=notch]{border-width:.125rem;border-color:var(--focused-border-color)}:host(:not(:state(ig-invalid),[type=search])[readonly][outlined]:focus-within) :not([part~=filled]) input:has(:not(:placeholder-shown))+[part=notch]{border-width:.125rem;border-color:var(--focused-border-color)}:host(:not([type=search])[outlined]:hover) [part=notch],:host(:not([type=search])[outlined]:hover) [part=start],:host(:not([type=search])[outlined]:hover) [part=end],:host(:not([type=search])[outlined]:hover) [part=filler]{border-color:var(--hover-border-color)}:host(:not([type=search])[outlined]:focus-within) [part=start]{border-color:var(--focused-border-color);border-inline-start-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host(:not([type=search])[outlined]:focus-within) [part=notch]{border-width:.125rem;border-color:var(--focused-border-color)}:host(:not([type=search])[outlined]:focus-within) input:-moz-placeholder+[part=notch]{border-width:.125rem;border-color:var(--focused-border-color);border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([type=search])[outlined]:focus-within) input:placeholder-shown+[part=notch],:host(:not([type=search])[outlined]:focus-within) [part~=filled]+[part=notch]{border-width:.125rem;border-color:var(--focused-border-color);border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([type=search])[outlined]:focus-within) [part=filler]{border-width:.125rem;border-color:var(--focused-border-color)}:host(:not([type=search])[outlined]:focus-within) [part=end]{border-color:var(--focused-border-color);border-inline-end-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host(:not([type=search],[aria-haspopup=dialog],[role=combobox])[outlined]:focus-within) [part=notch]{border-width:.125rem;border-color:var(--focused-border-color);border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([type=search])[outlined]:focus) [part=suffix],:host(:not([type=search])[outlined]:focus-within) [part=suffix]{margin-inline-end:-0.0625rem}:host(:not([type=search])[outlined]:focus) [part=prefix],:host(:not([type=search])[outlined]:focus-within) [part=prefix]{margin-inline-start:-0.0625rem}:host(:not([type=search])[outlined]:focus) [part=suffix] ::slotted(*),:host(:not([type=search])[outlined]:focus) [part=prefix] ::slotted(*),:host(:not([type=search])[outlined]:focus-within) [part=suffix] ::slotted(*),:host(:not([type=search])[outlined]:focus-within) [part=prefix] ::slotted(*){padding-block:max(var(--is-large, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.625rem, -1 * 0.625rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}:host(:not([type=search],[readonly])[outlined]:state(ig-invalid)) [part=start],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid)) [part=notch],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid)) [part=filler],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid)) [part=end],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid):focus-within) [part=start],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid):focus-within) [part=notch],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid):focus-within) [part=filler],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid):focus-within) [part=end],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid)) [part=start],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid)) [part=notch],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid)) [part=filler],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid)) [part=end],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) [part=start],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) [part=notch],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) [part=filler],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) [part=end]{border-color:var(--error-secondary-color)}:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) :not([part~=filled]) input:not(:-moz-placeholder)+[part=notch]{border-width:.125rem}:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) :not([part~=filled]) input:not(:placeholder-shown)+[part=notch]{border-width:.125rem}:host(:not([type=search])[outlined]:state(ig-invalid):focus-within) [part=notch],:host([role=combobox][outlined]:state(ig-invalid):focus-within) [part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([disabled],[readonly])[role=combobox][outlined]:focus-within) :not([part~=filled]) input:not(:-moz-placeholder)+[part=notch], :host(:not([disabled],[readonly])[role=combobox][outlined]:state(ig-invalid):focus-within) :not([part~=filled]) input:not(:-moz-placeholder)+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([disabled],[readonly])[role=combobox][outlined]:focus-within) :not([part~=filled]) input:not(:placeholder-shown)+[part=notch],:host(:not([disabled],[readonly])[role=combobox][outlined]:state(ig-invalid):focus-within) :not([part~=filled]) input:not(:placeholder-shown)+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([disabled],[readonly])[role=combobox][outlined]:focus-within) :not([part~=filled]) [part=notch],:host(:not([disabled],[readonly])[role=combobox][outlined]:state(ig-invalid):focus-within) :not([part~=filled]) [part=notch]{border-block-start-color:rgba(0,0,0,0)}:host(:not([disabled],[readonly]):state(ig-invalid)) [part=label],:host(:not([disabled])[role=combobox]:state(ig-invalid)) [part=label]{color:var(--error-secondary-color)}:host(:not([type=search]):disabled[outlined]) [part=start],:host(:not([type=search]):disabled[outlined]) [part=filler],:host(:not([type=search]):disabled[outlined]) [part=notch],:host(:not([type=search]):disabled[outlined]) [part=end],:host(:not([type=search])[disabled][outlined]) [part=start],:host(:not([type=search])[disabled][outlined]) [part=filler],:host(:not([type=search])[disabled][outlined]) [part=notch],:host(:not([type=search])[disabled][outlined]) [part=end]{border-color:var(--disabled-border-color)}:host([type=search][outlined]) [part=notch]{border:none}:host(:disabled) [part~=input],:host(:disabled) [part=label],:host(:disabled) [part=prefix],:host(:disabled) [part=suffix],:host(:disabled) ::part(helper-text),:host([disabled]) [part~=input],:host([disabled]) [part=label],:host([disabled]) [part=prefix],:host([disabled]) [part=suffix],:host([disabled]) ::part(helper-text){color:var(--disabled-text-color)}:host(:disabled) [part=start],:host(:disabled) [part=filler],:host(:disabled) [part=notch],:host(:disabled) [part=end],:host([disabled]) [part=start],:host([disabled]) [part=filler],:host([disabled]) [part=notch],:host([disabled]) [part=end]{color:var(--disabled-text-color)}`;
+export const styles = css `input:-moz-placeholder+[part=notch] [part=label]{translate:0 -50%}:host([outlined]:not([readonly]):focus-within) [part=label],input:placeholder-shown+[part=notch] [part=label],[part~=filled]+[part=notch] [part=label]{translate:0 -50%}:host(:not([type=search]):disabled[outlined]) input:-moz-placeholder+[part=notch], :host(:not([type=search])[disabled][outlined]) input:-moz-placeholder+[part=notch], :host(:not([type=search],[readonly])[outlined]:state(ig-invalid)) input:-moz-placeholder+[part=notch], :host(:not([type=search],[readonly])[outlined]:state(ig-invalid):focus-within) input:-moz-placeholder+[part=notch], :host(:not([disabled])[role=combobox][outlined]:state(ig-invalid)) input:-moz-placeholder+[part=notch], :host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) input:-moz-placeholder+[part=notch], :host(:not([type=search])[outlined]:hover) input:-moz-placeholder+[part=notch], :host input:-moz-placeholder+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:disabled) [part~=filled]+[part=notch],:host([disabled]) [part~=filled]+[part=notch],:host(:not([type=search]):disabled[outlined]) input:placeholder-shown+[part=notch],:host(:not([type=search]):disabled[outlined]) [part~=filled]+[part=notch],:host(:not([type=search])[disabled][outlined]) input:placeholder-shown+[part=notch],:host(:not([type=search])[disabled][outlined]) [part~=filled]+[part=notch],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid)) input:placeholder-shown+[part=notch],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid)) [part~=filled]+[part=notch],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid):focus-within) input:placeholder-shown+[part=notch],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid):focus-within) [part~=filled]+[part=notch],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid)) input:placeholder-shown+[part=notch],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid)) [part~=filled]+[part=notch],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) input:placeholder-shown+[part=notch],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) [part~=filled]+[part=notch],:host(:not([type=search])[outlined]:hover) input:placeholder-shown+[part=notch],:host(:not([type=search])[outlined]:hover) [part~=filled]+[part=notch],:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:hover) [part~=filled]+[part=notch],:host([outlined]) [part~=filled]+[part=notch],:host input:placeholder-shown+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}[part=end]>[part=suffix] ::slotted(*),[part=start]>[part=prefix] ::slotted(*){display:inline-flex;align-items:center;width:-moz-max-content;width:max-content;height:100%}:host{--component-size: var(--ig-size, var(--default-size));--input-size: var(--component-size);--affix-padding: max(var(--is-large, 1) * max(1rem, -1 * 1rem) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-medium, 1) * max(0.875rem, -1 * 0.875rem) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-small, 1) * max(0.75rem, -1 * 0.75rem) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host ::part(helper-text){grid-auto-rows:minmax(1.125rem, auto);padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}[part=prefix] ::slotted(*),[part=suffix] ::slotted(*){color:inherit}input:-moz-placeholder+[part=notch] [part=label]{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)}input:placeholder-shown+[part=notch] [part=label],[part~=filled]+[part=notch] [part=label]{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)}[part~=input]{color:var(--filled-text-color);background:rgba(0,0,0,0);padding:0 max(var(--is-large, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));font-size:1rem;grid-area:1/2/span 1/span 2}[part=label]{font-family:var(--ig-subtitle-1-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-1-font-size);font-weight:var(--ig-subtitle-1-font-weight);font-style:var(--ig-subtitle-1-font-style);line-height:var(--ig-subtitle-1-line-height);letter-spacing:var(--ig-subtitle-1-letter-spacing);text-transform:var(--ig-subtitle-1-text-transform);margin-top:var(--ig-subtitle-1-margin-top);margin-bottom:var(--ig-subtitle-1-margin-bottom);color:var(--idle-secondary-color);transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1),translate 150ms cubic-bezier(0.4, 0, 0.2, 1),color 150ms cubic-bezier(0.4, 0, 0.2, 1),font-size 150ms cubic-bezier(0.4, 0, 0.2, 1);text-overflow:ellipsis;overflow:hidden;will-change:font-size,color,transform,translate}[part^=container]{grid-template-columns:auto auto 1fr auto}[part~=input],[part^=container]{height:var(--size)}[part=start]{border-start-start-radius:var(--box-border-radius);justify-content:flex-start;grid-area:1/1}[part=notch]{display:flex;align-items:center;width:auto;min-width:0;height:100%;grid-area:1/2;padding:0 max(var(--is-large, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));overflow:visible}[part=notch]:empty{display:none}[part=filler]{grid-area:1/3}[part=end]{border-start-end-radius:var(--box-border-radius);justify-content:flex-end;grid-area:1/4}[part=start],[part=end]{display:flex;min-width:max(var(--is-large, 1)*max(0.75rem, -1 * 0.75rem),var(--is-medium, 1)*max(0.625rem, -1 * 0.625rem),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem));height:var(--size);overflow:hidden}:host(:focus-within) [part=label]{color:var(--focused-secondary-color)}:host(:not([readonly]):focus-within) [part=label]{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);translate:0 -73%}:host([outlined]:not([readonly]):focus-within) [part=label]{align-self:start}:host([readonly]:not([outlined]):focus-within) :not([part~=filled]) input:has(:not(:-moz-placeholder))+[part=notch] [part=label]{translate:0;font-size:initial}:host([readonly]:not([outlined]):focus-within) :not([part~=filled]) input:has(:not(:placeholder-shown))+[part=notch] [part=label]{translate:0;font-size:initial}:host(:not([outlined])) [part=prefix],:host(:not([outlined])) [part=suffix]{max-height:calc(100% - 0.0625rem)}:host(:not([outlined])) [part=label]{inset-inline-start:.125rem}:host(:not([outlined])) [part~=container]{background:var(--box-background);border-bottom:1px solid var(--idle-bottom-line-color);border-start-end-radius:var(--box-border-radius);border-start-start-radius:var(--box-border-radius);transition:border-bottom-width 150ms cubic-bezier(0.4, 0, 0.2, 1)}:host(:not([outlined])) [part~=container]::after{position:absolute;content:"";width:100%;height:.125rem;left:0;right:0;bottom:-1px;background:var(--idle-bottom-line-color);transform:scaleX(0);transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1)}:host(:not([outlined])) [part~=labelled] [part~=input]{padding-top:1.25rem;padding-bottom:.375rem}:host(:not([outlined])) input:-moz-placeholder+[part=notch] [part=label]{translate:0 -73%}:host(:not([outlined])) input:placeholder-shown+[part=notch] [part=label],:host(:not([outlined])) [part~=filled]+[part=notch] [part=label]{translate:0 -73%}:host(:not([outlined],[type=search],[aria-haspopup=dialog],[role=combobox])[readonly]) [part~=container]{background:var(--box-background-focus)}:host(:not([outlined],[type=search],[aria-haspopup=dialog],[role=combobox])[readonly]:hover) [part~=container]{background:var(--box-background-focus);border-bottom-color:var(--idle-bottom-line-color)}:host(:not([outlined],[type=search],[aria-haspopup=dialog],[role=combobox])[readonly]:hover) [part~=container]::after{background:var(--idle-bottom-line-color)}:host(:not([outlined]):hover) [part~=container]{background:var(--box-background-hover);border-bottom-color:var(--hover-bottom-line-color)}:host(:not([outlined]):hover) [part~=container]::after{background:var(--hover-bottom-line-color)}:host(:not([outlined]):focus-within) [part~=container],:host(:not([outlined],[aria-haspopup=dialog],[role=combobox])[readonly]:focus-within) [part~=container]{background:var(--box-background-focus);border-bottom-color:var(--focused-bottom-line-color)}:host(:not([outlined]):focus-within) [part~=container]::after,:host(:not([outlined],[aria-haspopup=dialog],[role=combobox])[readonly]:focus-within) [part~=container]::after{background:var(--focused-bottom-line-color);transform:scaleX(1);opacity:1}:host(:not([outlined],[aria-haspopup=dialog],[role=combobox])[readonly]:focus-within) [part=label]{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);translate:0 -73%}:host(:not([outlined],[disabled],[readonly]):state(ig-invalid)) [part~=container],:host(:not([outlined],[disabled],[readonly]):state(ig-invalid):focus-within) [part~=container],:host(:not([disabled],[outlined])[role=combobox]:state(ig-invalid)) [part~=container],:host(:not([disabled],[outlined])[role=combobox]:state(ig-invalid):focus-within) [part~=container]{border-color:var(--error-secondary-color)}:host(:not([outlined],[disabled],[readonly]):state(ig-invalid)) [part~=container]::after,:host(:not([outlined],[disabled],[readonly]):state(ig-invalid):focus-within) [part~=container]::after,:host(:not([disabled],[outlined])[role=combobox]:state(ig-invalid)) [part~=container]::after,:host(:not([disabled],[outlined])[role=combobox]:state(ig-invalid):focus-within) [part~=container]::after{background:var(--error-secondary-color)}:host(:not([outlined])[disabled]) [part~=container],:host(:not([outlined]):disabled) [part~=container]{background:var(--box-disabled-background);border-block-end-color:var(--disabled-bottom-line-color);border-bottom-style:dashed}:host([type=search]) [part^=container]{background:var(--search-background);border-bottom:none;box-shadow:var(--search-resting-elevation);border-radius:var(--search-border-radius);overflow:hidden}:host([type=search]) [part^=container]:focus-within{background:var(--search-background)}:host([type=search]) [part^=container]:focus-within::after{display:none}:host([type=search]) [part=prefix],:host([type=search]) [part=suffix]{max-height:100%}:host(:not([readonly])[type=search]:hover) [part^=container],:host([type=search]:focus-within) [part^=container]{box-shadow:var(--search-hover-elevation);background:var(--search-background)}:host([readonly][type=search]:hover) [part^=container],:host([readonly][type=search]:focus-within) [part^=container]{background:var(--search-background)}:host([outlined][type=search]) [part~=labelled] [part~=input]{padding-top:max(var(--is-large, 1)*max(1.25rem, -1 * 1.25rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(1.25rem, -1 * 1.25rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(1.25rem, -1 * 1.25rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));padding-bottom:max(var(--is-large, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}:host([outlined][type=search]:focus-within) [part=notch] [part=label]{translate:0 -73%}:host(:disabled[type=search]) [part^=container],:host([disabled][type=search]) [part^=container]{background:var(--search-disabled-background);box-shadow:var(--search-disabled-elevation);border:none}:host(:not([type=search])[outlined]) [part^=container]{border-radius:var(--border-border-radius);background:var(--border-background)}:host(:not([type=search])[outlined]) [part=start]{border-style:solid;border-color:var(--border-color);border-inline-start-width:.0625rem;border-inline-end-width:0;border-block-start-width:.0625rem;border-block-end-width:.0625rem;border-start-start-radius:var(--border-border-radius);border-end-start-radius:var(--border-border-radius)}:host(:not([type=search])[outlined]) [part=filler]{border-width:.0625rem;border-style:solid;border-color:var(--border-color);border-left:none;border-right:none}:host(:not([type=search])[outlined]) [part=end]{border-style:solid;border-color:var(--border-color);border-inline-start-width:0;border-inline-end-width:.0625rem;border-block-start-width:.0625rem;border-block-end-width:.0625rem;border-start-end-radius:var(--border-border-radius);border-end-end-radius:var(--border-border-radius)}:host([outlined]) [part=notch]{border-width:.0625rem;border-style:solid;border-color:var(--border-color);border-left:none;border-right:none}:host([outlined]) [part~=filled]+[part=notch] [part=label]{align-self:start}:host([outlined]) [part~=container]:has(input:-moz-placeholder) [part=label]{align-self:start}:host([outlined]) [part~=container]:has(input:placeholder-shown) [part=label]{align-self:start}:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:hover) [part=notch],:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:hover) [part=start],:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:hover) [part=end],:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:hover) [part=filler]{border-color:var(--border-color)}:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:focus-within) [part=notch],:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:focus-within) [part=start],:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:focus-within) [part=end],:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:focus-within) [part=filler]{border-color:var(--focused-border-color)}:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:focus-within) [part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:not(:state(ig-invalid),[type=search])[readonly][outlined]:focus-within) :not([part~=filled]) input:has(:not(:-moz-placeholder))+[part=notch] [part=label]{translate:0;font-size:initial;align-self:center}:host(:not(:state(ig-invalid),[type=search])[readonly][outlined]:focus-within) :not([part~=filled]) input:has(:not(:placeholder-shown))+[part=notch] [part=label]{translate:0;font-size:initial;align-self:center}:host(:not(:state(ig-invalid),[type=search])[readonly][outlined]:focus-within) :not([part~=filled]) input:has(:not(:-moz-placeholder))+[part=notch]{border-width:.125rem;border-color:var(--focused-border-color)}:host(:not(:state(ig-invalid),[type=search])[readonly][outlined]:focus-within) :not([part~=filled]) input:has(:not(:placeholder-shown))+[part=notch]{border-width:.125rem;border-color:var(--focused-border-color)}:host(:not([type=search])[outlined]:hover) [part=notch],:host(:not([type=search])[outlined]:hover) [part=start],:host(:not([type=search])[outlined]:hover) [part=end],:host(:not([type=search])[outlined]:hover) [part=filler]{border-color:var(--hover-border-color)}:host(:not([type=search])[outlined]:focus-within) [part=start]{border-color:var(--focused-border-color);border-inline-start-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host(:not([type=search])[outlined]:focus-within) [part=notch]{border-width:.125rem;border-color:var(--focused-border-color)}:host(:not([type=search])[outlined]:focus-within) input:-moz-placeholder+[part=notch]{border-width:.125rem;border-color:var(--focused-border-color);border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([type=search])[outlined]:focus-within) input:placeholder-shown+[part=notch],:host(:not([type=search])[outlined]:focus-within) [part~=filled]+[part=notch]{border-width:.125rem;border-color:var(--focused-border-color);border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([type=search])[outlined]:focus-within) [part=filler]{border-width:.125rem;border-color:var(--focused-border-color)}:host(:not([type=search])[outlined]:focus-within) [part=end]{border-color:var(--focused-border-color);border-inline-end-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host(:not([type=search],[aria-haspopup=dialog],[role=combobox])[outlined]:focus-within) [part=notch]{border-width:.125rem;border-color:var(--focused-border-color);border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([type=search])[outlined]:focus) [part=suffix],:host(:not([type=search])[outlined]:focus-within) [part=suffix]{margin-inline-end:-0.0625rem}:host(:not([type=search])[outlined]:focus) [part=prefix],:host(:not([type=search])[outlined]:focus-within) [part=prefix]{margin-inline-start:-0.0625rem}:host(:not([type=search])[outlined]:focus) [part=suffix] ::slotted(*),:host(:not([type=search])[outlined]:focus) [part=prefix] ::slotted(*),:host(:not([type=search])[outlined]:focus-within) [part=suffix] ::slotted(*),:host(:not([type=search])[outlined]:focus-within) [part=prefix] ::slotted(*){padding-block:max(var(--is-large, 1)*max(0.875rem, -1 * 0.875rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.625rem, -1 * 0.625rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}:host(:not([type=search],[readonly])[outlined]:state(ig-invalid)) [part=start],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid)) [part=notch],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid)) [part=filler],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid)) [part=end],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid):focus-within) [part=start],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid):focus-within) [part=notch],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid):focus-within) [part=filler],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid):focus-within) [part=end],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid)) [part=start],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid)) [part=notch],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid)) [part=filler],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid)) [part=end],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) [part=start],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) [part=notch],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) [part=filler],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) [part=end]{border-color:var(--error-secondary-color)}:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) :not([part~=filled]) input:not(:-moz-placeholder)+[part=notch]{border-width:.125rem}:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) :not([part~=filled]) input:not(:placeholder-shown)+[part=notch]{border-width:.125rem}:host(:not([type=search])[outlined]:state(ig-invalid):focus-within) [part=notch],:host([role=combobox][outlined]:state(ig-invalid):focus-within) [part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([disabled],[readonly])[role=combobox][outlined]:focus-within) :not([part~=filled]) input:not(:-moz-placeholder)+[part=notch], :host(:not([disabled],[readonly])[role=combobox][outlined]:state(ig-invalid):focus-within) :not([part~=filled]) input:not(:-moz-placeholder)+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([disabled],[readonly])[role=combobox][outlined]:focus-within) :not([part~=filled]) input:not(:placeholder-shown)+[part=notch],:host(:not([disabled],[readonly])[role=combobox][outlined]:state(ig-invalid):focus-within) :not([part~=filled]) input:not(:placeholder-shown)+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([disabled],[readonly])[role=combobox][outlined]:focus-within) :not([part~=filled]) [part=notch],:host(:not([disabled],[readonly])[role=combobox][outlined]:state(ig-invalid):focus-within) :not([part~=filled]) [part=notch]{border-block-start-color:rgba(0,0,0,0)}:host(:not([disabled],[readonly]):state(ig-invalid)) [part=label],:host(:not([disabled])[role=combobox]:state(ig-invalid)) [part=label]{color:var(--error-secondary-color)}:host(:not([type=search]):disabled[outlined]) [part=start],:host(:not([type=search]):disabled[outlined]) [part=filler],:host(:not([type=search]):disabled[outlined]) [part=notch],:host(:not([type=search]):disabled[outlined]) [part=end],:host(:not([type=search])[disabled][outlined]) [part=start],:host(:not([type=search])[disabled][outlined]) [part=filler],:host(:not([type=search])[disabled][outlined]) [part=notch],:host(:not([type=search])[disabled][outlined]) [part=end]{border-color:var(--disabled-border-color)}:host(:not([type=search]):disabled[outlined]) [part~=container],:host(:not([type=search])[disabled][outlined]) [part~=container]{background:var(--border-disabled-background)}:host([type=search][outlined]) [part=notch]{border:none}:host(:disabled) [part~=input],:host(:disabled) [part=label],:host(:disabled) [part=prefix],:host(:disabled) [part=suffix],:host(:disabled) ::part(helper-text),:host([disabled]) [part~=input],:host([disabled]) [part=label],:host([disabled]) [part=prefix],:host([disabled]) [part=suffix],:host([disabled]) ::part(helper-text){color:var(--disabled-text-color)}:host(:disabled) [part=start],:host(:disabled) [part=filler],:host(:disabled) [part=notch],:host(:disabled) [part=end],:host([disabled]) [part=start],:host([disabled]) [part=filler],:host([disabled]) [part=notch],:host([disabled]) [part=end]{color:var(--disabled-text-color)}`;
 //# sourceMappingURL=input.material.css.js.map

package/components/input/themes/shared/input.material.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"input.material.css.js","sourceRoot":"","sources":["../../../../../src/components/input/themes/shared/input.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,+tuBAA+tuB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`input:-moz-placeholder+[part=notch] [part=label]{translate:0 -50%}:host([outlined]:not([readonly]):focus-within) [part=label],input:placeholder-shown+[part=notch] [part=label],[part~=filled]+[part=notch] [part=label]{translate:0 -50%}:host(:not([type=search]):disabled[outlined]) input:-moz-placeholder+[part=notch], :host(:not([type=search])[disabled][outlined]) input:-moz-placeholder+[part=notch], :host(:not([type=search],[readonly])[outlined]:state(ig-invalid)) input:-moz-placeholder+[part=notch], :host(:not([type=search],[readonly])[outlined]:state(ig-invalid):focus-within) input:-moz-placeholder+[part=notch], :host(:not([disabled])[role=combobox][outlined]:state(ig-invalid)) input:-moz-placeholder+[part=notch], :host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) input:-moz-placeholder+[part=notch], :host(:not([type=search])[outlined]:hover) input:-moz-placeholder+[part=notch], :host input:-moz-placeholder+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:disabled) [part~=filled]+[part=notch],:host([disabled]) [part~=filled]+[part=notch],:host(:not([type=search]):disabled[outlined]) input:placeholder-shown+[part=notch],:host(:not([type=search]):disabled[outlined]) [part~=filled]+[part=notch],:host(:not([type=search])[disabled][outlined]) input:placeholder-shown+[part=notch],:host(:not([type=search])[disabled][outlined]) [part~=filled]+[part=notch],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid)) input:placeholder-shown+[part=notch],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid)) [part~=filled]+[part=notch],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid):focus-within) input:placeholder-shown+[part=notch],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid):focus-within) [part~=filled]+[part=notch],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid)) input:placeholder-shown+[part=notch],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid)) [part~=filled]+[part=notch],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) input:placeholder-shown+[part=notch],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) [part~=filled]+[part=notch],:host(:not([type=search])[outlined]:hover) input:placeholder-shown+[part=notch],:host(:not([type=search])[outlined]:hover) [part~=filled]+[part=notch],:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:hover) [part~=filled]+[part=notch],:host([outlined]) [part~=filled]+[part=notch],:host input:placeholder-shown+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}[part=end]>[part=suffix] ::slotted(),[part=start]>[part=prefix] ::slotted(){display:inline-flex;align-items:center;width:-moz-max-content;width:max-content;height:100%}:host{--component-size: var(--ig-size, var(--default-size));--input-size: var(--component-size);--affix-padding: max(var(--is-large, 1) * max(1rem, -1 * 1rem) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-medium, 1) * max(0.875rem, -1 * 0.875rem) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-small, 1) * max(0.75rem, -1 * 0.75rem) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host ::part(helper-text){grid-auto-rows:minmax(1.125rem, auto);padding-inline:max(var(--is-large, 1)max(1rem, -1 1rem)var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)max(0.875rem, -1 * 0.875rem)var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)max(0.75rem, -1 * 0.75rem)var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}[part=prefix] ::slotted(),[part=suffix] ::slotted(){color:inherit}input:-moz-placeholder+[part=notch] [part=label]{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)}input:placeholder-shown+[part=notch] [part=label],[part~=filled]+[part=notch] [part=label]{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)}[part~=input]{color:var(--filled-text-color);background:rgba(0,0,0,0);padding:0 max(var(--is-large, 1)max(0.25rem, -1 * 0.25rem)var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)max(0.25rem, -1 * 0.25rem)var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)max(0.25rem, -1 * 0.25rem)var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));font-size:1rem;grid-area:1/2/span 1/span 2}[part=label]{font-family:var(--ig-subtitle-1-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-1-font-size);font-weight:var(--ig-subtitle-1-font-weight);font-style:var(--ig-subtitle-1-font-style);line-height:var(--ig-subtitle-1-line-height);letter-spacing:var(--ig-subtitle-1-letter-spacing);text-transform:var(--ig-subtitle-1-text-transform);margin-top:var(--ig-subtitle-1-margin-top);margin-bottom:var(--ig-subtitle-1-margin-bottom);color:var(--idle-secondary-color);transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1),translate 150ms cubic-bezier(0.4, 0, 0.2, 1),color 150ms cubic-bezier(0.4, 0, 0.2, 1),font-size 150ms cubic-bezier(0.4, 0, 0.2, 1);text-overflow:ellipsis;overflow:hidden;will-change:font-size,color,transform,translate}[part^=container]{grid-template-columns:auto auto 1fr auto}[part~=input],[part^=container]{height:var(--size)}[part=start]{border-start-start-radius:var(--border-border-radius);justify-content:flex-start;grid-area:1/1}[part=notch]{display:flex;align-items:center;width:auto;min-width:0;height:100%;grid-area:1/2;padding:0 max(var(--is-large, 1)max(0.25rem, -1 * 0.25rem)var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)max(0.25rem, -1 * 0.25rem)var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)max(0.25rem, -1 * 0.25rem)var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));overflow:visible}[part=notch]:empty{display:none}[part=filler]{grid-area:1/3}[part=end]{border-start-end-radius:var(--border-border-radius);justify-content:flex-end;grid-area:1/4}[part=start],[part=end]{display:flex;min-width:max(var(--is-large, 1)max(0.75rem, -1 * 0.75rem),var(--is-medium, 1)max(0.625rem, -1 0.625rem),var(--is-small, 1)max(0.5rem, -1 0.5rem));height:var(--size);overflow:hidden}:host(:focus-within) [part=label]{color:var(--focused-secondary-color)}:host(:not([readonly]):focus-within) [part=label]{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);translate:0 -73%}:host([outlined]:not([readonly]):focus-within) [part=label]{align-self:start}:host([readonly]:not([outlined]):focus-within) :not([part~=filled]) input:has(:not(:-moz-placeholder))+[part=notch] [part=label]{translate:0;font-size:initial}:host([readonly]:not([outlined]):focus-within) :not([part~=filled]) input:has(:not(:placeholder-shown))+[part=notch] [part=label]{translate:0;font-size:initial}:host(:not([outlined])) [part=prefix],:host(:not([outlined])) [part=suffix]{max-height:calc(100% - 0.0625rem)}:host(:not([outlined])) [part=label]{inset-inline-start:.125rem}:host(:not([outlined])) [part~=container]{background:var(--box-background);border-bottom:1px solid var(--idle-bottom-line-color);border-start-end-radius:var(--box-border-radius);border-start-start-radius:var(--box-border-radius);transition:border-bottom-width 150ms cubic-bezier(0.4, 0, 0.2, 1)}:host(:not([outlined])) [part~=container]::after{position:absolute;content:\"\";width:100%;height:.125rem;left:0;right:0;bottom:-1px;background:var(--idle-bottom-line-color);transform:scaleX(0);transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1)}:host(:not([outlined])) [part~=labelled] [part~=input]{padding-top:1.25rem;padding-bottom:.375rem}:host(:not([outlined])) input:-moz-placeholder+[part=notch] [part=label]{translate:0 -73%}:host(:not([outlined])) input:placeholder-shown+[part=notch] [part=label],:host(:not([outlined])) [part~=filled]+[part=notch] [part=label]{translate:0 -73%}:host(:not([outlined],[type=search],[aria-haspopup=dialog],[role=combobox])[readonly]) [part~=container]{background:var(--box-background-focus)}:host(:not([outlined],[type=search],[aria-haspopup=dialog],[role=combobox])[readonly]:hover) [part~=container]{background:var(--box-background-focus);border-bottom-color:var(--idle-bottom-line-color)}:host(:not([outlined],[type=search],[aria-haspopup=dialog],[role=combobox])[readonly]:hover) [part~=container]::after{background:var(--idle-bottom-line-color)}:host(:not([outlined]):hover) [part~=container]{background:var(--box-background-hover);border-bottom-color:var(--hover-bottom-line-color)}:host(:not([outlined]):hover) [part~=container]::after{background:var(--hover-bottom-line-color)}:host(:not([outlined]):focus-within) [part~=container],:host(:not([outlined],[aria-haspopup=dialog],[role=combobox])[readonly]:focus-within) [part~=container]{background:var(--box-background-focus);border-bottom-color:var(--focused-bottom-line-color)}:host(:not([outlined]):focus-within) [part~=container]::after,:host(:not([outlined],[aria-haspopup=dialog],[role=combobox])[readonly]:focus-within) [part~=container]::after{background:var(--focused-bottom-line-color);transform:scaleX(1);opacity:1}:host(:not([outlined],[aria-haspopup=dialog],[role=combobox])[readonly]:focus-within) [part=label]{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);translate:0 -73%}:host(:not([outlined],[disabled],[readonly]):state(ig-invalid)) [part~=container],:host(:not([outlined],[disabled],[readonly]):state(ig-invalid):focus-within) [part~=container],:host(:not([disabled],[outlined])[role=combobox]:state(ig-invalid)) [part~=container],:host(:not([disabled],[outlined])[role=combobox]:state(ig-invalid):focus-within) [part~=container]{border-color:var(--error-secondary-color)}:host(:not([outlined],[disabled],[readonly]):state(ig-invalid)) [part~=container]::after,:host(:not([outlined],[disabled],[readonly]):state(ig-invalid):focus-within) [part~=container]::after,:host(:not([disabled],[outlined])[role=combobox]:state(ig-invalid)) [part~=container]::after,:host(:not([disabled],[outlined])[role=combobox]:state(ig-invalid):focus-within) [part~=container]::after{background:var(--error-secondary-color)}:host(:not([outlined])[disabled]) [part~=container],:host(:not([outlined]):disabled) [part~=container]{background:var(--box-disabled-background);border-color:var(--disabled-border-color);border-bottom-style:dashed}:host([type=search]) [part^=container]{background:var(--search-background);border-bottom:none;box-shadow:var(--search-resting-elevation);border-radius:var(--search-border-radius);overflow:hidden}:host([type=search]) [part^=container]:focus-within{background:var(--search-background)}:host([type=search]) [part^=container]:focus-within::after{display:none}:host(:not([readonly])[type=search]:hover) [part^=container],:host([type=search]:focus-within) [part^=container]{box-shadow:var(--search-hover-elevation);background:var(--search-background)}:host([readonly][type=search]:hover) [part^=container],:host([readonly][type=search]:focus-within) [part^=container]{background:var(--search-background)}:host([outlined][type=search]) [part~=labelled] [part~=input]{padding-top:max(var(--is-large, 1)max(1.25rem, -1 1.25rem)var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)max(1.25rem, -1 * 1.25rem)var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)max(1.25rem, -1 * 1.25rem)var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));padding-bottom:max(var(--is-large, 1)max(0.375rem, -1 * 0.375rem)var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)max(0.375rem, -1 * 0.375rem)var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)max(0.375rem, -1 * 0.375rem)var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}:host([outlined][type=search]:focus-within) [part=notch] [part=label]{translate:0 -73%}:host(:disabled[type=search]) [part^=container],:host([disabled][type=search]) [part^=container]{background:var(--search-disabled-background);box-shadow:var(--search-disabled-elevation);border:none}:host(:not([type=search])[outlined]) [part^=container]{border-radius:var(--border-border-radius);background:var(--border-background)}:host(:not([type=search])[outlined]) [part=start]{border-style:solid;border-color:var(--border-color);border-inline-start-width:.0625rem;border-inline-end-width:0;border-block-start-width:.0625rem;border-block-end-width:.0625rem;border-start-start-radius:var(--border-border-radius);border-end-start-radius:var(--border-border-radius)}:host(:not([type=search])[outlined]) [part=filler]{border-width:.0625rem;border-style:solid;border-color:var(--border-color);border-left:none;border-right:none}:host(:not([type=search])[outlined]) [part=end]{border-style:solid;border-color:var(--border-color);border-inline-start-width:0;border-inline-end-width:.0625rem;border-block-start-width:.0625rem;border-block-end-width:.0625rem;border-start-end-radius:var(--border-border-radius);border-end-end-radius:var(--border-border-radius)}:host([outlined]) [part=notch]{border-width:.0625rem;border-style:solid;border-color:var(--border-color);border-left:none;border-right:none}:host([outlined]) [part~=filled]+[part=notch] [part=label]{align-self:start}:host([outlined]) [part~=container]:has(input:-moz-placeholder) [part=label]{align-self:start}:host([outlined]) [part~=container]:has(input:placeholder-shown) [part=label]{align-self:start}:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:hover) [part=notch],:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:hover) [part=start],:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:hover) [part=end],:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:hover) [part=filler]{border-color:var(--border-color)}:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:focus-within) [part=notch],:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:focus-within) [part=start],:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:focus-within) [part=end],:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:focus-within) [part=filler]{border-color:var(--focused-border-color)}:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:focus-within) [part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:not(:state(ig-invalid),[type=search])[readonly][outlined]:focus-within) :not([part~=filled]) input:has(:not(:-moz-placeholder))+[part=notch] [part=label]{translate:0;font-size:initial;align-self:center}:host(:not(:state(ig-invalid),[type=search])[readonly][outlined]:focus-within) :not([part~=filled]) input:has(:not(:placeholder-shown))+[part=notch] [part=label]{translate:0;font-size:initial;align-self:center}:host(:not(:state(ig-invalid),[type=search])[readonly][outlined]:focus-within) :not([part~=filled]) input:has(:not(:-moz-placeholder))+[part=notch]{border-width:.125rem;border-color:var(--focused-border-color)}:host(:not(:state(ig-invalid),[type=search])[readonly][outlined]:focus-within) :not([part~=filled]) input:has(:not(:placeholder-shown))+[part=notch]{border-width:.125rem;border-color:var(--focused-border-color)}:host(:not([type=search])[outlined]:hover) [part=notch],:host(:not([type=search])[outlined]:hover) [part=start],:host(:not([type=search])[outlined]:hover) [part=end],:host(:not([type=search])[outlined]:hover) [part=filler]{border-color:var(--hover-border-color)}:host(:not([type=search])[outlined]:focus-within) [part=start]{border-color:var(--focused-border-color);border-inline-start-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host(:not([type=search])[outlined]:focus-within) [part=notch]{border-width:.125rem;border-color:var(--focused-border-color)}:host(:not([type=search])[outlined]:focus-within) input:-moz-placeholder+[part=notch]{border-width:.125rem;border-color:var(--focused-border-color);border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([type=search])[outlined]:focus-within) input:placeholder-shown+[part=notch],:host(:not([type=search])[outlined]:focus-within) [part~=filled]+[part=notch]{border-width:.125rem;border-color:var(--focused-border-color);border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([type=search])[outlined]:focus-within) [part=filler]{border-width:.125rem;border-color:var(--focused-border-color)}:host(:not([type=search])[outlined]:focus-within) [part=end]{border-color:var(--focused-border-color);border-inline-end-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host(:not([type=search],[aria-haspopup=dialog],[role=combobox])[outlined]:focus-within) [part=notch]{border-width:.125rem;border-color:var(--focused-border-color);border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([type=search])[outlined]:focus) [part=suffix],:host(:not([type=search])[outlined]:focus-within) [part=suffix]{margin-inline-end:-0.0625rem}:host(:not([type=search])[outlined]:focus) [part=prefix],:host(:not([type=search])[outlined]:focus-within) [part=prefix]{margin-inline-start:-0.0625rem}:host(:not([type=search])[outlined]:focus) [part=suffix] ::slotted(),:host(:not([type=search])[outlined]:focus) [part=prefix] ::slotted(),:host(:not([type=search])[outlined]:focus-within) [part=suffix] ::slotted(),:host(:not([type=search])[outlined]:focus-within) [part=prefix] ::slotted(){padding-block:max(var(--is-large, 1)max(0.875rem, -1 * 0.875rem)var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)max(0.75rem, -1 * 0.75rem)var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)max(0.625rem, -1 * 0.625rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}:host(:not([type=search],[readonly])[outlined]:state(ig-invalid)) [part=start],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid)) [part=notch],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid)) [part=filler],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid)) [part=end],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid):focus-within) [part=start],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid):focus-within) [part=notch],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid):focus-within) [part=filler],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid):focus-within) [part=end],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid)) [part=start],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid)) [part=notch],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid)) [part=filler],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid)) [part=end],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) [part=start],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) [part=notch],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) [part=filler],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) [part=end]{border-color:var(--error-secondary-color)}:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) :not([part~=filled]) input:not(:-moz-placeholder)+[part=notch]{border-width:.125rem}:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) :not([part~=filled]) input:not(:placeholder-shown)+[part=notch]{border-width:.125rem}:host(:not([type=search])[outlined]:state(ig-invalid):focus-within) [part=notch],:host([role=combobox][outlined]:state(ig-invalid):focus-within) [part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([disabled],[readonly])[role=combobox][outlined]:focus-within) :not([part~=filled]) input:not(:-moz-placeholder)+[part=notch], :host(:not([disabled],[readonly])[role=combobox][outlined]:state(ig-invalid):focus-within) :not([part~=filled]) input:not(:-moz-placeholder)+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([disabled],[readonly])[role=combobox][outlined]:focus-within) :not([part~=filled]) input:not(:placeholder-shown)+[part=notch],:host(:not([disabled],[readonly])[role=combobox][outlined]:state(ig-invalid):focus-within) :not([part~=filled]) input:not(:placeholder-shown)+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([disabled],[readonly])[role=combobox][outlined]:focus-within) :not([part~=filled]) [part=notch],:host(:not([disabled],[readonly])[role=combobox][outlined]:state(ig-invalid):focus-within) :not([part~=filled]) [part=notch]{border-block-start-color:rgba(0,0,0,0)}:host(:not([disabled],[readonly]):state(ig-invalid)) [part=label],:host(:not([disabled])[role=combobox]:state(ig-invalid)) [part=label]{color:var(--error-secondary-color)}:host(:not([type=search]):disabled[outlined]) [part=start],:host(:not([type=search]):disabled[outlined]) [part=filler],:host(:not([type=search]):disabled[outlined]) [part=notch],:host(:not([type=search]):disabled[outlined]) [part=end],:host(:not([type=search])[disabled][outlined]) [part=start],:host(:not([type=search])[disabled][outlined]) [part=filler],:host(:not([type=search])[disabled][outlined]) [part=notch],:host(:not([type=search])[disabled][outlined]) [part=end]{border-color:var(--disabled-border-color)}:host([type=search][outlined]) [part=notch]{border:none}:host(:disabled) [part~=input],:host(:disabled) [part=label],:host(:disabled) [part=prefix],:host(:disabled) [part=suffix],:host(:disabled) ::part(helper-text),:host([disabled]) [part~=input],:host([disabled]) [part=label],:host([disabled]) [part=prefix],:host([disabled]) [part=suffix],:host([disabled]) ::part(helper-text){color:var(--disabled-text-color)}:host(:disabled) [part=start],:host(:disabled) [part=filler],:host(:disabled) [part=notch],:host(:disabled) [part=end],:host([disabled]) [part=start],:host([disabled]) [part=filler],:host([disabled]) [part=notch],:host([disabled]) [part=end]{color:var(--disabled-text-color)}`;\n"]}
1	+ {"version":3,"file":"input.material.css.js","sourceRoot":"","sources":["../../../../../src/components/input/themes/shared/input.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,4+uBAA4+uB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`input:-moz-placeholder+[part=notch] [part=label]{translate:0 -50%}:host([outlined]:not([readonly]):focus-within) [part=label],input:placeholder-shown+[part=notch] [part=label],[part~=filled]+[part=notch] [part=label]{translate:0 -50%}:host(:not([type=search]):disabled[outlined]) input:-moz-placeholder+[part=notch], :host(:not([type=search])[disabled][outlined]) input:-moz-placeholder+[part=notch], :host(:not([type=search],[readonly])[outlined]:state(ig-invalid)) input:-moz-placeholder+[part=notch], :host(:not([type=search],[readonly])[outlined]:state(ig-invalid):focus-within) input:-moz-placeholder+[part=notch], :host(:not([disabled])[role=combobox][outlined]:state(ig-invalid)) input:-moz-placeholder+[part=notch], :host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) input:-moz-placeholder+[part=notch], :host(:not([type=search])[outlined]:hover) input:-moz-placeholder+[part=notch], :host input:-moz-placeholder+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:disabled) [part~=filled]+[part=notch],:host([disabled]) [part~=filled]+[part=notch],:host(:not([type=search]):disabled[outlined]) input:placeholder-shown+[part=notch],:host(:not([type=search]):disabled[outlined]) [part~=filled]+[part=notch],:host(:not([type=search])[disabled][outlined]) input:placeholder-shown+[part=notch],:host(:not([type=search])[disabled][outlined]) [part~=filled]+[part=notch],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid)) input:placeholder-shown+[part=notch],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid)) [part~=filled]+[part=notch],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid):focus-within) input:placeholder-shown+[part=notch],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid):focus-within) [part~=filled]+[part=notch],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid)) input:placeholder-shown+[part=notch],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid)) [part~=filled]+[part=notch],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) input:placeholder-shown+[part=notch],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) [part~=filled]+[part=notch],:host(:not([type=search])[outlined]:hover) input:placeholder-shown+[part=notch],:host(:not([type=search])[outlined]:hover) [part~=filled]+[part=notch],:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:hover) [part~=filled]+[part=notch],:host([outlined]) [part~=filled]+[part=notch],:host input:placeholder-shown+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}[part=end]>[part=suffix] ::slotted(),[part=start]>[part=prefix] ::slotted(){display:inline-flex;align-items:center;width:-moz-max-content;width:max-content;height:100%}:host{--component-size: var(--ig-size, var(--default-size));--input-size: var(--component-size);--affix-padding: max(var(--is-large, 1) * max(1rem, -1 * 1rem) * var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-medium, 1) * max(0.875rem, -1 * 0.875rem) * var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))), var(--is-small, 1) * max(0.75rem, -1 * 0.75rem) * var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}:host ::part(helper-text){grid-auto-rows:minmax(1.125rem, auto);padding-inline:max(var(--is-large, 1)max(1rem, -1 1rem)var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)max(0.875rem, -1 * 0.875rem)var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)max(0.75rem, -1 * 0.75rem)var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))))}[part=prefix] ::slotted(),[part=suffix] ::slotted(){color:inherit}input:-moz-placeholder+[part=notch] [part=label]{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)}input:placeholder-shown+[part=notch] [part=label],[part~=filled]+[part=notch] [part=label]{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)}[part~=input]{color:var(--filled-text-color);background:rgba(0,0,0,0);padding:0 max(var(--is-large, 1)max(0.25rem, -1 * 0.25rem)var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)max(0.25rem, -1 * 0.25rem)var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)max(0.25rem, -1 * 0.25rem)var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));font-size:1rem;grid-area:1/2/span 1/span 2}[part=label]{font-family:var(--ig-subtitle-1-font-family, var(--ig-font-family));font-size:var(--ig-subtitle-1-font-size);font-weight:var(--ig-subtitle-1-font-weight);font-style:var(--ig-subtitle-1-font-style);line-height:var(--ig-subtitle-1-line-height);letter-spacing:var(--ig-subtitle-1-letter-spacing);text-transform:var(--ig-subtitle-1-text-transform);margin-top:var(--ig-subtitle-1-margin-top);margin-bottom:var(--ig-subtitle-1-margin-bottom);color:var(--idle-secondary-color);transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1),translate 150ms cubic-bezier(0.4, 0, 0.2, 1),color 150ms cubic-bezier(0.4, 0, 0.2, 1),font-size 150ms cubic-bezier(0.4, 0, 0.2, 1);text-overflow:ellipsis;overflow:hidden;will-change:font-size,color,transform,translate}[part^=container]{grid-template-columns:auto auto 1fr auto}[part~=input],[part^=container]{height:var(--size)}[part=start]{border-start-start-radius:var(--box-border-radius);justify-content:flex-start;grid-area:1/1}[part=notch]{display:flex;align-items:center;width:auto;min-width:0;height:100%;grid-area:1/2;padding:0 max(var(--is-large, 1)max(0.25rem, -1 * 0.25rem)var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)max(0.25rem, -1 * 0.25rem)var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)max(0.25rem, -1 * 0.25rem)var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));overflow:visible}[part=notch]:empty{display:none}[part=filler]{grid-area:1/3}[part=end]{border-start-end-radius:var(--box-border-radius);justify-content:flex-end;grid-area:1/4}[part=start],[part=end]{display:flex;min-width:max(var(--is-large, 1)max(0.75rem, -1 * 0.75rem),var(--is-medium, 1)max(0.625rem, -1 0.625rem),var(--is-small, 1)max(0.5rem, -1 0.5rem));height:var(--size);overflow:hidden}:host(:focus-within) [part=label]{color:var(--focused-secondary-color)}:host(:not([readonly]):focus-within) [part=label]{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);translate:0 -73%}:host([outlined]:not([readonly]):focus-within) [part=label]{align-self:start}:host([readonly]:not([outlined]):focus-within) :not([part~=filled]) input:has(:not(:-moz-placeholder))+[part=notch] [part=label]{translate:0;font-size:initial}:host([readonly]:not([outlined]):focus-within) :not([part~=filled]) input:has(:not(:placeholder-shown))+[part=notch] [part=label]{translate:0;font-size:initial}:host(:not([outlined])) [part=prefix],:host(:not([outlined])) [part=suffix]{max-height:calc(100% - 0.0625rem)}:host(:not([outlined])) [part=label]{inset-inline-start:.125rem}:host(:not([outlined])) [part~=container]{background:var(--box-background);border-bottom:1px solid var(--idle-bottom-line-color);border-start-end-radius:var(--box-border-radius);border-start-start-radius:var(--box-border-radius);transition:border-bottom-width 150ms cubic-bezier(0.4, 0, 0.2, 1)}:host(:not([outlined])) [part~=container]::after{position:absolute;content:\"\";width:100%;height:.125rem;left:0;right:0;bottom:-1px;background:var(--idle-bottom-line-color);transform:scaleX(0);transition:transform 180ms cubic-bezier(0.4, 0, 0.2, 1),opacity 180ms cubic-bezier(0.4, 0, 0.2, 1)}:host(:not([outlined])) [part~=labelled] [part~=input]{padding-top:1.25rem;padding-bottom:.375rem}:host(:not([outlined])) input:-moz-placeholder+[part=notch] [part=label]{translate:0 -73%}:host(:not([outlined])) input:placeholder-shown+[part=notch] [part=label],:host(:not([outlined])) [part~=filled]+[part=notch] [part=label]{translate:0 -73%}:host(:not([outlined],[type=search],[aria-haspopup=dialog],[role=combobox])[readonly]) [part~=container]{background:var(--box-background-focus)}:host(:not([outlined],[type=search],[aria-haspopup=dialog],[role=combobox])[readonly]:hover) [part~=container]{background:var(--box-background-focus);border-bottom-color:var(--idle-bottom-line-color)}:host(:not([outlined],[type=search],[aria-haspopup=dialog],[role=combobox])[readonly]:hover) [part~=container]::after{background:var(--idle-bottom-line-color)}:host(:not([outlined]):hover) [part~=container]{background:var(--box-background-hover);border-bottom-color:var(--hover-bottom-line-color)}:host(:not([outlined]):hover) [part~=container]::after{background:var(--hover-bottom-line-color)}:host(:not([outlined]):focus-within) [part~=container],:host(:not([outlined],[aria-haspopup=dialog],[role=combobox])[readonly]:focus-within) [part~=container]{background:var(--box-background-focus);border-bottom-color:var(--focused-bottom-line-color)}:host(:not([outlined]):focus-within) [part~=container]::after,:host(:not([outlined],[aria-haspopup=dialog],[role=combobox])[readonly]:focus-within) [part~=container]::after{background:var(--focused-bottom-line-color);transform:scaleX(1);opacity:1}:host(:not([outlined],[aria-haspopup=dialog],[role=combobox])[readonly]:focus-within) [part=label]{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);translate:0 -73%}:host(:not([outlined],[disabled],[readonly]):state(ig-invalid)) [part~=container],:host(:not([outlined],[disabled],[readonly]):state(ig-invalid):focus-within) [part~=container],:host(:not([disabled],[outlined])[role=combobox]:state(ig-invalid)) [part~=container],:host(:not([disabled],[outlined])[role=combobox]:state(ig-invalid):focus-within) [part~=container]{border-color:var(--error-secondary-color)}:host(:not([outlined],[disabled],[readonly]):state(ig-invalid)) [part~=container]::after,:host(:not([outlined],[disabled],[readonly]):state(ig-invalid):focus-within) [part~=container]::after,:host(:not([disabled],[outlined])[role=combobox]:state(ig-invalid)) [part~=container]::after,:host(:not([disabled],[outlined])[role=combobox]:state(ig-invalid):focus-within) [part~=container]::after{background:var(--error-secondary-color)}:host(:not([outlined])[disabled]) [part~=container],:host(:not([outlined]):disabled) [part~=container]{background:var(--box-disabled-background);border-block-end-color:var(--disabled-bottom-line-color);border-bottom-style:dashed}:host([type=search]) [part^=container]{background:var(--search-background);border-bottom:none;box-shadow:var(--search-resting-elevation);border-radius:var(--search-border-radius);overflow:hidden}:host([type=search]) [part^=container]:focus-within{background:var(--search-background)}:host([type=search]) [part^=container]:focus-within::after{display:none}:host([type=search]) [part=prefix],:host([type=search]) [part=suffix]{max-height:100%}:host(:not([readonly])[type=search]:hover) [part^=container],:host([type=search]:focus-within) [part^=container]{box-shadow:var(--search-hover-elevation);background:var(--search-background)}:host([readonly][type=search]:hover) [part^=container],:host([readonly][type=search]:focus-within) [part^=container]{background:var(--search-background)}:host([outlined][type=search]) [part~=labelled] [part~=input]{padding-top:max(var(--is-large, 1)max(1.25rem, -1 1.25rem)var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)max(1.25rem, -1 * 1.25rem)var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)max(1.25rem, -1 * 1.25rem)var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));padding-bottom:max(var(--is-large, 1)max(0.375rem, -1 * 0.375rem)var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)max(0.375rem, -1 * 0.375rem)var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)max(0.375rem, -1 * 0.375rem)var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}:host([outlined][type=search]:focus-within) [part=notch] [part=label]{translate:0 -73%}:host(:disabled[type=search]) [part^=container],:host([disabled][type=search]) [part^=container]{background:var(--search-disabled-background);box-shadow:var(--search-disabled-elevation);border:none}:host(:not([type=search])[outlined]) [part^=container]{border-radius:var(--border-border-radius);background:var(--border-background)}:host(:not([type=search])[outlined]) [part=start]{border-style:solid;border-color:var(--border-color);border-inline-start-width:.0625rem;border-inline-end-width:0;border-block-start-width:.0625rem;border-block-end-width:.0625rem;border-start-start-radius:var(--border-border-radius);border-end-start-radius:var(--border-border-radius)}:host(:not([type=search])[outlined]) [part=filler]{border-width:.0625rem;border-style:solid;border-color:var(--border-color);border-left:none;border-right:none}:host(:not([type=search])[outlined]) [part=end]{border-style:solid;border-color:var(--border-color);border-inline-start-width:0;border-inline-end-width:.0625rem;border-block-start-width:.0625rem;border-block-end-width:.0625rem;border-start-end-radius:var(--border-border-radius);border-end-end-radius:var(--border-border-radius)}:host([outlined]) [part=notch]{border-width:.0625rem;border-style:solid;border-color:var(--border-color);border-left:none;border-right:none}:host([outlined]) [part~=filled]+[part=notch] [part=label]{align-self:start}:host([outlined]) [part~=container]:has(input:-moz-placeholder) [part=label]{align-self:start}:host([outlined]) [part~=container]:has(input:placeholder-shown) [part=label]{align-self:start}:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:hover) [part=notch],:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:hover) [part=start],:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:hover) [part=end],:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:hover) [part=filler]{border-color:var(--border-color)}:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:focus-within) [part=notch],:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:focus-within) [part=start],:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:focus-within) [part=end],:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:focus-within) [part=filler]{border-color:var(--focused-border-color)}:host(:not([aria-haspopup=dialog],[role=combobox])[outlined][readonly]:focus-within) [part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:not(:state(ig-invalid),[type=search])[readonly][outlined]:focus-within) :not([part~=filled]) input:has(:not(:-moz-placeholder))+[part=notch] [part=label]{translate:0;font-size:initial;align-self:center}:host(:not(:state(ig-invalid),[type=search])[readonly][outlined]:focus-within) :not([part~=filled]) input:has(:not(:placeholder-shown))+[part=notch] [part=label]{translate:0;font-size:initial;align-self:center}:host(:not(:state(ig-invalid),[type=search])[readonly][outlined]:focus-within) :not([part~=filled]) input:has(:not(:-moz-placeholder))+[part=notch]{border-width:.125rem;border-color:var(--focused-border-color)}:host(:not(:state(ig-invalid),[type=search])[readonly][outlined]:focus-within) :not([part~=filled]) input:has(:not(:placeholder-shown))+[part=notch]{border-width:.125rem;border-color:var(--focused-border-color)}:host(:not([type=search])[outlined]:hover) [part=notch],:host(:not([type=search])[outlined]:hover) [part=start],:host(:not([type=search])[outlined]:hover) [part=end],:host(:not([type=search])[outlined]:hover) [part=filler]{border-color:var(--hover-border-color)}:host(:not([type=search])[outlined]:focus-within) [part=start]{border-color:var(--focused-border-color);border-inline-start-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host(:not([type=search])[outlined]:focus-within) [part=notch]{border-width:.125rem;border-color:var(--focused-border-color)}:host(:not([type=search])[outlined]:focus-within) input:-moz-placeholder+[part=notch]{border-width:.125rem;border-color:var(--focused-border-color);border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([type=search])[outlined]:focus-within) input:placeholder-shown+[part=notch],:host(:not([type=search])[outlined]:focus-within) [part~=filled]+[part=notch]{border-width:.125rem;border-color:var(--focused-border-color);border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([type=search])[outlined]:focus-within) [part=filler]{border-width:.125rem;border-color:var(--focused-border-color)}:host(:not([type=search])[outlined]:focus-within) [part=end]{border-color:var(--focused-border-color);border-inline-end-width:.125rem;border-block-start-width:.125rem;border-block-end-width:.125rem}:host(:not([type=search],[aria-haspopup=dialog],[role=combobox])[outlined]:focus-within) [part=notch]{border-width:.125rem;border-color:var(--focused-border-color);border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([type=search])[outlined]:focus) [part=suffix],:host(:not([type=search])[outlined]:focus-within) [part=suffix]{margin-inline-end:-0.0625rem}:host(:not([type=search])[outlined]:focus) [part=prefix],:host(:not([type=search])[outlined]:focus-within) [part=prefix]{margin-inline-start:-0.0625rem}:host(:not([type=search])[outlined]:focus) [part=suffix] ::slotted(),:host(:not([type=search])[outlined]:focus) [part=prefix] ::slotted(),:host(:not([type=search])[outlined]:focus-within) [part=suffix] ::slotted(),:host(:not([type=search])[outlined]:focus-within) [part=prefix] ::slotted(){padding-block:max(var(--is-large, 1)max(0.875rem, -1 * 0.875rem)var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)max(0.75rem, -1 * 0.75rem)var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)max(0.625rem, -1 * 0.625rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))))}:host(:not([type=search],[readonly])[outlined]:state(ig-invalid)) [part=start],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid)) [part=notch],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid)) [part=filler],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid)) [part=end],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid):focus-within) [part=start],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid):focus-within) [part=notch],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid):focus-within) [part=filler],:host(:not([type=search],[readonly])[outlined]:state(ig-invalid):focus-within) [part=end],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid)) [part=start],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid)) [part=notch],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid)) [part=filler],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid)) [part=end],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) [part=start],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) [part=notch],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) [part=filler],:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) [part=end]{border-color:var(--error-secondary-color)}:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) :not([part~=filled]) input:not(:-moz-placeholder)+[part=notch]{border-width:.125rem}:host(:not([disabled])[role=combobox][outlined]:state(ig-invalid):focus-within) :not([part~=filled]) input:not(:placeholder-shown)+[part=notch]{border-width:.125rem}:host(:not([type=search])[outlined]:state(ig-invalid):focus-within) [part=notch],:host([role=combobox][outlined]:state(ig-invalid):focus-within) [part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([disabled],[readonly])[role=combobox][outlined]:focus-within) :not([part~=filled]) input:not(:-moz-placeholder)+[part=notch], :host(:not([disabled],[readonly])[role=combobox][outlined]:state(ig-invalid):focus-within) :not([part~=filled]) input:not(:-moz-placeholder)+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([disabled],[readonly])[role=combobox][outlined]:focus-within) :not([part~=filled]) input:not(:placeholder-shown)+[part=notch],:host(:not([disabled],[readonly])[role=combobox][outlined]:state(ig-invalid):focus-within) :not([part~=filled]) input:not(:placeholder-shown)+[part=notch]{border-top:.0625rem solid rgba(0,0,0,0)}:host(:not([disabled],[readonly])[role=combobox][outlined]:focus-within) :not([part~=filled]) [part=notch],:host(:not([disabled],[readonly])[role=combobox][outlined]:state(ig-invalid):focus-within) :not([part~=filled]) [part=notch]{border-block-start-color:rgba(0,0,0,0)}:host(:not([disabled],[readonly]):state(ig-invalid)) [part=label],:host(:not([disabled])[role=combobox]:state(ig-invalid)) [part=label]{color:var(--error-secondary-color)}:host(:not([type=search]):disabled[outlined]) [part=start],:host(:not([type=search]):disabled[outlined]) [part=filler],:host(:not([type=search]):disabled[outlined]) [part=notch],:host(:not([type=search]):disabled[outlined]) [part=end],:host(:not([type=search])[disabled][outlined]) [part=start],:host(:not([type=search])[disabled][outlined]) [part=filler],:host(:not([type=search])[disabled][outlined]) [part=notch],:host(:not([type=search])[disabled][outlined]) [part=end]{border-color:var(--disabled-border-color)}:host(:not([type=search]):disabled[outlined]) [part~=container],:host(:not([type=search])[disabled][outlined]) [part~=container]{background:var(--border-disabled-background)}:host([type=search][outlined]) [part=notch]{border:none}:host(:disabled) [part~=input],:host(:disabled) [part=label],:host(:disabled) [part=prefix],:host(:disabled) [part=suffix],:host(:disabled) ::part(helper-text),:host([disabled]) [part~=input],:host([disabled]) [part=label],:host([disabled]) [part=prefix],:host([disabled]) [part=suffix],:host([disabled]) ::part(helper-text){color:var(--disabled-text-color)}:host(:disabled) [part=start],:host(:disabled) [part=filler],:host(:disabled) [part=notch],:host(:disabled) [part=end],:host([disabled]) [part=start],:host([disabled]) [part=filler],:host([disabled]) [part=notch],:host([disabled]) [part=end]{color:var(--disabled-text-color)}`;\n"]}

package/components/input/validators.js CHANGED Viewed

@@ -16,9 +16,9 @@ export const stringValidators = [
                     return true;
             }
         },
-        messageResourceKey: (host) => (host.type === 'email'
-            ? emailValidator.messageResourceKey
-            : urlValidator.messageResourceKey),
+        message: (host) => (host.type === 'email'
+            ? emailValidator.message
+            : urlValidator.message),
     },
 ];
 export const numberValidators = [

package/components/input/validators.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"validators.js","sourceRoot":"","sources":["../../../src/components/input/validators.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,kBAAkB,EAClB,YAAY,EACZ,kBAAkB,EAClB,YAAY,EACZ,gBAAgB,EAChB,iBAAiB,EACjB,aAAa,EACb,YAAY,GAEb,MAAM,yBAAyB,CAAC;AAGjC,MAAM,CAAC,MAAM,gBAAgB,GAAmC;IAC9D,iBAAiB;IACjB,kBAAkB;IAClB,kBAAkB;IAClB,gBAAgB;IAChB;QACE,GAAG,EAAE,cAAc;QACnB,OAAO,EAAE,CAAC,IAAI,EAAE,EAAE;YAChB,QAAQ,IAAI,CAAC,IAAI,EAAE,CAAC;gBAClB,KAAK,OAAO;oBACV,OAAO,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;gBACtC,KAAK,KAAK;oBACR,OAAO,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;gBACpC;oBACE,OAAO,IAAI,CAAC;YAChB,CAAC;QACH,CAAC;QACD,~~kBAAkB~~,EAAE,CAAC,IAAI,EAAE,EAAE,~~CAC3B~~,CAAC,IAAI,CAAC,IAAI,KAAK,OAAO;YACpB,CAAC,CAAC,cAAc,CAAC,~~kBAAkB~~;~~YACnC~~,CAAC,CAAC,YAAY,CAAC,~~kBAAkB~~,CAAW;~~KACjD~~;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAmC;IAC9D,iBAAiB;IACjB,YAAY;IACZ,YAAY;IACZ,aAAa;CACd,CAAC","sourcesContent":["import {\n emailValidator,\n maxLengthValidator,\n maxValidator,\n minLengthValidator,\n minValidator,\n patternValidator,\n requiredValidator,\n stepValidator,\n urlValidator,\n type Validator,\n} from '../common/validators.js';\nimport type IgcInputComponent from './input.js';\n\nexport const stringValidators: Validator<IgcInputComponent>[] = [\n requiredValidator,\n minLengthValidator,\n maxLengthValidator,\n patternValidator,\n {\n key: 'typeMismatch',\n isValid: (host) => {\n switch (host.type) {\n case 'email':\n return emailValidator.isValid(host);\n case 'url':\n return urlValidator.isValid(host);\n default:\n return true;\n }\n },\n ~~messageResourceKey~~: (host) =>\n (host.type === 'email'\n ? emailValidator.~~messageResourceKey~~\n : urlValidator.~~messageResourceKey~~) as string,\n },\n];\n\nexport const numberValidators: Validator<IgcInputComponent>[] = [\n requiredValidator,\n minValidator,\n maxValidator,\n stepValidator,\n];\n"]}
1	+ {"version":3,"file":"validators.js","sourceRoot":"","sources":["../../../src/components/input/validators.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,kBAAkB,EAClB,YAAY,EACZ,kBAAkB,EAClB,YAAY,EACZ,gBAAgB,EAChB,iBAAiB,EACjB,aAAa,EACb,YAAY,GAEb,MAAM,yBAAyB,CAAC;AAGjC,MAAM,CAAC,MAAM,gBAAgB,GAAmC;IAC9D,iBAAiB;IACjB,kBAAkB;IAClB,kBAAkB;IAClB,gBAAgB;IAChB;QACE,GAAG,EAAE,cAAc;QACnB,OAAO,EAAE,CAAC,IAAI,EAAE,EAAE;YAChB,QAAQ,IAAI,CAAC,IAAI,EAAE,CAAC;gBAClB,KAAK,OAAO;oBACV,OAAO,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;gBACtC,KAAK,KAAK;oBACR,OAAO,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;gBACpC;oBACE,OAAO,IAAI,CAAC;YAChB,CAAC;QACH,CAAC;QACD,OAAO,EAAE,CAAC,IAAI,EAAE,EAAE,CAChB,CAAC,IAAI,CAAC,IAAI,KAAK,OAAO;YACpB,CAAC,CAAC,cAAc,CAAC,OAAO;YACxB,CAAC,CAAC,YAAY,CAAC,OAAO,CAAW;KACtC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAmC;IAC9D,iBAAiB;IACjB,YAAY;IACZ,YAAY;IACZ,aAAa;CACd,CAAC","sourcesContent":["import {\n emailValidator,\n maxLengthValidator,\n maxValidator,\n minLengthValidator,\n minValidator,\n patternValidator,\n requiredValidator,\n stepValidator,\n urlValidator,\n type Validator,\n} from '../common/validators.js';\nimport type IgcInputComponent from './input.js';\n\nexport const stringValidators: Validator<IgcInputComponent>[] = [\n requiredValidator,\n minLengthValidator,\n maxLengthValidator,\n patternValidator,\n {\n key: 'typeMismatch',\n isValid: (host) => {\n switch (host.type) {\n case 'email':\n return emailValidator.isValid(host);\n case 'url':\n return urlValidator.isValid(host);\n default:\n return true;\n }\n },\n message: (host) =>\n (host.type === 'email'\n ? emailValidator.message\n : urlValidator.message) as string,\n },\n];\n\nexport const numberValidators: Validator<IgcInputComponent>[] = [\n requiredValidator,\n minValidator,\n maxValidator,\n stepValidator,\n];\n"]}

package/components/list/themes/dark/container/list.bootstrap.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--background: var(--ig-list-background, var(--ig-surface-500));--header-background: var(--ig-list-header-background, var(--ig-gray-50));--header-text-color: var(--ig-list-header-text-color, var(--ig-secondary-500));--item-background: var(--ig-list-item-background, var(--ig-gray-50));--item-text-color: var(--ig-list-item-text-color, var(--ig-gray-900));--item-text-color-hover: var(--ig-list-item-text-color-hover, var(--ig-gray-900));--item-text-color-active: var(--ig-list-item-text-color-active, var(--ig-gray-900));--item-text-color-selected: var(--ig-list-item-text-color-selected, var(--ig-gray-900));--item-title-color: var(--ig-list-item-title-color, var(--ig-gray-900));--item-title-color-hover: var(--ig-list-item-title-color-hover, var(--ig-gray-900));--item-title-color-active: var(--ig-list-item-title-color-active, var(--ig-gray-900));--item-title-color-selected: var(--ig-list-item-title-color-selected, var(--ig-gray-900));--item-action-color: var(--ig-list-item-action-color, 'currentColor');--item-action-color-hover: var(--ig-list-item-action-color-hover, 'currentColor');--item-action-color-active: var(--ig-list-item-action-color-active, 'currentColor');--item-action-color-selected: var(--ig-list-item-action-color-selected, 'currentColor');--item-subtitle-color: var(--ig-list-item-subtitle-color, var(--ig-gray-700));--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, var(--ig-gray-700));--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, var(--ig-gray-700));--item-subtitle-color-selected: var(--ig-list-item-subtitle-color-selected, var(--ig-gray-700));--item-thumbnail-color: var(--ig-list-item-thumbnail-color, 'currentColor');--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, 'currentColor');--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, 'currentColor');--item-thumbnail-color-selected: var(--ig-list-item-thumbnail-color-selected, 'currentColor');--border-color: var(--ig-list-border-color, var(--ig-gray-100));--border-width: var(--ig-list-border-width, 0.0625rem);--border-radius: var(--ig-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem));--item-border-radius: var(--ig-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--default-size: var(--ig-list-default-size, 2);--ig-theme: bootstrap}`;
+export const styles = css `:host{--background: var(--ig-list-background, var(--ig-surface-500));--header-background: var(--ig-list-header-background, var(--ig-gray-50));--header-text-color: var(--ig-list-header-text-color, var(--ig-secondary-400));--item-background: var(--ig-list-item-background, var(--ig-gray-50));--item-text-color: var(--ig-list-item-text-color, var(--ig-gray-900));--item-text-color-hover: var(--ig-list-item-text-color-hover, var(--ig-gray-900));--item-text-color-active: var(--ig-list-item-text-color-active, var(--ig-gray-900));--item-text-color-selected: var(--ig-list-item-text-color-selected, var(--ig-gray-900));--item-title-color: var(--ig-list-item-title-color, var(--ig-gray-900));--item-title-color-hover: var(--ig-list-item-title-color-hover, var(--ig-gray-900));--item-title-color-active: var(--ig-list-item-title-color-active, var(--ig-gray-900));--item-title-color-selected: var(--ig-list-item-title-color-selected, var(--ig-gray-900));--item-action-color: var(--ig-list-item-action-color, 'currentColor');--item-action-color-hover: var(--ig-list-item-action-color-hover, 'currentColor');--item-action-color-active: var(--ig-list-item-action-color-active, 'currentColor');--item-action-color-selected: var(--ig-list-item-action-color-selected, 'currentColor');--item-subtitle-color: var(--ig-list-item-subtitle-color, var(--ig-gray-700));--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, var(--ig-gray-700));--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, var(--ig-gray-700));--item-subtitle-color-selected: var(--ig-list-item-subtitle-color-selected, var(--ig-gray-700));--item-thumbnail-color: var(--ig-list-item-thumbnail-color, 'currentColor');--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, 'currentColor');--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, 'currentColor');--item-thumbnail-color-selected: var(--ig-list-item-thumbnail-color-selected, 'currentColor');--border-color: var(--ig-list-border-color, var(--ig-gray-100));--border-width: var(--ig-list-border-width, 0.0625rem);--border-radius: var(--ig-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem));--item-border-radius: var(--ig-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--default-size: var(--ig-list-default-size, 2);--ig-theme: bootstrap}`;
 //# sourceMappingURL=list.bootstrap.css.js.map

package/components/list/themes/dark/container/list.bootstrap.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"list.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/list/themes/dark/container/list.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,q2EAAq2E,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-list-background, var(--ig-surface-500));--header-background: var(--ig-list-header-background, var(--ig-gray-50));--header-text-color: var(--ig-list-header-text-color, var(--ig-secondary-~~500~~));--item-background: var(--ig-list-item-background, var(--ig-gray-50));--item-text-color: var(--ig-list-item-text-color, var(--ig-gray-900));--item-text-color-hover: var(--ig-list-item-text-color-hover, var(--ig-gray-900));--item-text-color-active: var(--ig-list-item-text-color-active, var(--ig-gray-900));--item-text-color-selected: var(--ig-list-item-text-color-selected, var(--ig-gray-900));--item-title-color: var(--ig-list-item-title-color, var(--ig-gray-900));--item-title-color-hover: var(--ig-list-item-title-color-hover, var(--ig-gray-900));--item-title-color-active: var(--ig-list-item-title-color-active, var(--ig-gray-900));--item-title-color-selected: var(--ig-list-item-title-color-selected, var(--ig-gray-900));--item-action-color: var(--ig-list-item-action-color, 'currentColor');--item-action-color-hover: var(--ig-list-item-action-color-hover, 'currentColor');--item-action-color-active: var(--ig-list-item-action-color-active, 'currentColor');--item-action-color-selected: var(--ig-list-item-action-color-selected, 'currentColor');--item-subtitle-color: var(--ig-list-item-subtitle-color, var(--ig-gray-700));--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, var(--ig-gray-700));--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, var(--ig-gray-700));--item-subtitle-color-selected: var(--ig-list-item-subtitle-color-selected, var(--ig-gray-700));--item-thumbnail-color: var(--ig-list-item-thumbnail-color, 'currentColor');--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, 'currentColor');--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, 'currentColor');--item-thumbnail-color-selected: var(--ig-list-item-thumbnail-color-selected, 'currentColor');--border-color: var(--ig-list-border-color, var(--ig-gray-100));--border-width: var(--ig-list-border-width, 0.0625rem);--border-radius: var(--ig-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem));--item-border-radius: var(--ig-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--default-size: var(--ig-list-default-size, 2);--ig-theme: bootstrap}`;\n"]}
1	+ {"version":3,"file":"list.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/list/themes/dark/container/list.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,q2EAAq2E,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--background: var(--ig-list-background, var(--ig-surface-500));--header-background: var(--ig-list-header-background, var(--ig-gray-50));--header-text-color: var(--ig-list-header-text-color, var(--ig-secondary-400));--item-background: var(--ig-list-item-background, var(--ig-gray-50));--item-text-color: var(--ig-list-item-text-color, var(--ig-gray-900));--item-text-color-hover: var(--ig-list-item-text-color-hover, var(--ig-gray-900));--item-text-color-active: var(--ig-list-item-text-color-active, var(--ig-gray-900));--item-text-color-selected: var(--ig-list-item-text-color-selected, var(--ig-gray-900));--item-title-color: var(--ig-list-item-title-color, var(--ig-gray-900));--item-title-color-hover: var(--ig-list-item-title-color-hover, var(--ig-gray-900));--item-title-color-active: var(--ig-list-item-title-color-active, var(--ig-gray-900));--item-title-color-selected: var(--ig-list-item-title-color-selected, var(--ig-gray-900));--item-action-color: var(--ig-list-item-action-color, 'currentColor');--item-action-color-hover: var(--ig-list-item-action-color-hover, 'currentColor');--item-action-color-active: var(--ig-list-item-action-color-active, 'currentColor');--item-action-color-selected: var(--ig-list-item-action-color-selected, 'currentColor');--item-subtitle-color: var(--ig-list-item-subtitle-color, var(--ig-gray-700));--item-subtitle-color-hover: var(--ig-list-item-subtitle-color-hover, var(--ig-gray-700));--item-subtitle-color-active: var(--ig-list-item-subtitle-color-active, var(--ig-gray-700));--item-subtitle-color-selected: var(--ig-list-item-subtitle-color-selected, var(--ig-gray-700));--item-thumbnail-color: var(--ig-list-item-thumbnail-color, 'currentColor');--item-thumbnail-color-hover: var(--ig-list-item-thumbnail-color-hover, 'currentColor');--item-thumbnail-color-active: var(--ig-list-item-thumbnail-color-active, 'currentColor');--item-thumbnail-color-selected: var(--ig-list-item-thumbnail-color-selected, 'currentColor');--border-color: var(--ig-list-border-color, var(--ig-gray-100));--border-width: var(--ig-list-border-width, 0.0625rem);--border-radius: var(--ig-list-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1666666667) * 1.5rem), 1.5rem));--item-border-radius: var(--ig-list-item-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0) * 1.5rem), 1.5rem));--default-size: var(--ig-list-default-size, 2);--ig-theme: bootstrap}`;\n"]}

package/components/list/themes/light/container/list.fluent.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{--border-color: var(--ig-list-border-color, var(--ig-gray-200));--border-width: var(--ig-list-border-width, 0.0625rem);--ig-theme: fluent}`;
+export const styles = css `:host{--header-text-color: var(--ig-list-header-text-color, var(--ig-secondary-700));--border-color: var(--ig-list-border-color, var(--ig-gray-200));--border-width: var(--ig-list-border-width, 0.0625rem);--ig-theme: fluent}`;
 //# sourceMappingURL=list.fluent.css.js.map

package/components/list/themes/light/container/list.fluent.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"list.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/list/themes/light/container/list.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~kJAAkJ~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--border-color: var(--ig-list-border-color, var(--ig-gray-200));--border-width: var(--ig-list-border-width, 0.0625rem);--ig-theme: fluent}`;\n"]}
1	+ {"version":3,"file":"list.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/list/themes/light/container/list.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,iOAAiO,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--header-text-color: var(--ig-list-header-text-color, var(--ig-secondary-700));--border-color: var(--ig-list-border-color, var(--ig-gray-200));--border-width: var(--ig-list-border-width, 0.0625rem);--ig-theme: fluent}`;\n"]}

package/components/list/themes/shared/item/list-item.common.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{border-radius:var(--item-border-radius);color:var(--item-text-color);background:var(--item-background);border-bottom:var(--border-width) solid var(--border-color)}:host(:last-of-type){border-bottom:none}[part=title]{color:var(--item-title-color)}[part=subtitle]{color:var(--item-subtitle-color)}[part=start]{color:var(--item-thumbnail-color)}[part=end]{color:var(--item-action-color)}:host([selected]){color:var(--item-text-color-selected);background:var(--item-background-selected)}:host([selected]) [part=title]{color:var(--item-title-color-selected)}:host([selected]) [part=subtitle]{color:var(--item-subtitle-color-selected)}:host([selected]) [part=start]{color:var(--item-thumbnail-color-selected)}:host([selected]) [part=end]{color:var(--item-action-color-selected)}:host(:hover),:host(:focus-within){background:var(--item-background-hover);color:var(--item-text-color-hover)}:host(:hover) [part=title],:host(:focus-within) [part=title]{color:var(--item-title-color-hover)}:host(:hover) [part=subtitle],:host(:focus-within) [part=subtitle]{color:var(--item-subtitle-color-hover)}:host(:hover) [part=start],:host(:focus-within) [part=start]{color:var(--item-thumbnail-color-hover)}:host(:hover) [part=end],:host(:focus-within) [part=end]{color:var(--item-action-color-hover)}:host(:active){color:var(--item-text-color-active);background:var(--item-background-active)}:host(:active) [part=title]{color:var(--item-title-color-active)}:host(:active) [part=subtitle]{color:var(--item-subtitle-color-active)}:host(:active) [part=start]{color:var(--item-thumbnail-color-active)}:host(:active) [part=end]{color:var(--item-action-color-active)}`;
+export const styles = css `:host{border-radius:var(--item-border-radius);color:var(--item-text-color);background:var(--item-background);border-bottom:var(--border-width) solid var(--border-color)}:host(:last-of-type){border-bottom:none}[part=title]{color:var(--item-title-color)}[part=subtitle]{color:var(--item-subtitle-color)}[part=start]{color:var(--item-thumbnail-color)}[part=start] ::slotted(igc-avatar){--icon-color: var(--item-thumbnail-color)}[part=end]{color:var(--item-action-color)}:host(:hover),:host(:focus-within){background:var(--item-background-hover);color:var(--item-text-color-hover)}:host(:hover) [part=title],:host(:focus-within) [part=title]{color:var(--item-title-color-hover)}:host(:hover) [part=subtitle],:host(:focus-within) [part=subtitle]{color:var(--item-subtitle-color-hover)}:host(:hover) [part=start],:host(:focus-within) [part=start]{color:var(--item-thumbnail-color-hover)}:host(:hover) [part=start] ::slotted(igc-avatar),:host(:focus-within) [part=start] ::slotted(igc-avatar){--icon-color: var(--item-thumbnail-color-hover)}:host(:hover) [part=end],:host(:focus-within) [part=end]{color:var(--item-action-color-hover)}:host(:active){color:var(--item-text-color-active);background:var(--item-background-active)}:host(:active) [part=title]{color:var(--item-title-color-active)}:host(:active) [part=subtitle]{color:var(--item-subtitle-color-active)}:host(:active) [part=start]{color:var(--item-thumbnail-color-active)}:host(:active) [part=start] ::slotted(igc-avatar){--icon-color: var(--item-thumbnail-color-active)}:host(:active) [part=end]{color:var(--item-action-color-active)}:host([selected]){color:var(--item-text-color-selected);background:var(--item-background-selected)}:host([selected]) [part=title]{color:var(--item-title-color-selected)}:host([selected]) [part=subtitle]{color:var(--item-subtitle-color-selected)}:host([selected]) [part=start]{color:var(--item-thumbnail-color-selected)}:host([selected]) [part=start] ::slotted(igc-avatar){--icon-color: var(--item-thumbnail-color-selected)}:host([selected]) [part=end]{color:var(--item-action-color-selected)}`;
 //# sourceMappingURL=list-item.common.css.js.map

package/components/list/themes/shared/item/list-item.common.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"list-item.common.css.js","sourceRoot":"","sources":["../../../../../../src/components/list/themes/shared/item/list-item.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~inDAAinD~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{border-radius:var(--item-border-radius);color:var(--item-text-color);background:var(--item-background);border-bottom:var(--border-width) solid var(--border-color)}:host(:last-of-type){border-bottom:none}[part=title]{color:var(--item-title-color)}[part=subtitle]{color:var(--item-subtitle-color)}[part=start]{color:var(--item-thumbnail-color)}[part=~~end~~]{color:var(--item-~~action~~-color)}~~:host(~~[~~selected~~]){color:var(--item-~~text~~-color-~~selected~~);background:var(--item-background-~~selected~~)}:host([~~selected~~]) [part=title]{color:var(--item-title-color-~~selected~~)}:host([~~selected~~]) [part=subtitle]{color:var(--item-subtitle-color-~~selected~~)}:host([~~selected~~]) [part=start]{color:var(--item-thumbnail-color-~~selected~~)}:host([~~selected~~]) [part=~~end~~]{color:var(--item-~~action~~-color-~~selected~~)}:host(:hover),:host(:focus-within){~~background~~:var(--item-~~background~~-hover);color:var(--item-text-color-~~hover~~)}:~~host~~(:~~hover) [part=title],:~~host(:~~focus-within~~) [part=title]{color:var(--item-title-color-~~hover~~)}:host(:~~hover~~) [part=subtitle],:host(:~~focus-within~~) [part=~~subtitle~~]{color:var(--item-~~subtitle~~-color-~~hover~~)}:host(:~~hover~~) [part=start]~~,:host~~(~~:focus~~-~~within~~) ~~[part=start]~~{color:var(--item-thumbnail-color-~~hover~~)}:host(:~~hover~~) [part=end]~~,:host(:focus-within) [part=end]~~{color:var(--item-action-color-~~hover~~)}:host(~~:active~~){color:var(--item-text-color-~~active~~);background:var(--item-background-~~active~~)}:host(~~:active~~) [part=title]{color:var(--item-title-color-~~active~~)}:host(~~:active~~) [part=subtitle]{color:var(--item-subtitle-color-~~active~~)}:host(~~:active~~) [part=start]{color:var(--item-thumbnail-color-~~active~~)}:host(:~~active~~) [part=end]{color:var(--item-action-color-~~active~~)}`;\n"]}
1	+ {"version":3,"file":"list-item.common.css.js","sourceRoot":"","sources":["../../../../../../src/components/list/themes/shared/item/list-item.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,kiEAAkiE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{border-radius:var(--item-border-radius);color:var(--item-text-color);background:var(--item-background);border-bottom:var(--border-width) solid var(--border-color)}:host(:last-of-type){border-bottom:none}[part=title]{color:var(--item-title-color)}[part=subtitle]{color:var(--item-subtitle-color)}[part=start]{color:var(--item-thumbnail-color)}[part=start] ::slotted(igc-avatar){--icon-color: var(--item-thumbnail-color)}[part=end]{color:var(--item-action-color)}:host(:hover),:host(:focus-within){background:var(--item-background-hover);color:var(--item-text-color-hover)}:host(:hover) [part=title],:host(:focus-within) [part=title]{color:var(--item-title-color-hover)}:host(:hover) [part=subtitle],:host(:focus-within) [part=subtitle]{color:var(--item-subtitle-color-hover)}:host(:hover) [part=start],:host(:focus-within) [part=start]{color:var(--item-thumbnail-color-hover)}:host(:hover) [part=start] ::slotted(igc-avatar),:host(:focus-within) [part=start] ::slotted(igc-avatar){--icon-color: var(--item-thumbnail-color-hover)}:host(:hover) [part=end],:host(:focus-within) [part=end]{color:var(--item-action-color-hover)}:host(:active){color:var(--item-text-color-active);background:var(--item-background-active)}:host(:active) [part=title]{color:var(--item-title-color-active)}:host(:active) [part=subtitle]{color:var(--item-subtitle-color-active)}:host(:active) [part=start]{color:var(--item-thumbnail-color-active)}:host(:active) [part=start] ::slotted(igc-avatar){--icon-color: var(--item-thumbnail-color-active)}:host(:active) [part=end]{color:var(--item-action-color-active)}:host([selected]){color:var(--item-text-color-selected);background:var(--item-background-selected)}:host([selected]) [part=title]{color:var(--item-title-color-selected)}:host([selected]) [part=subtitle]{color:var(--item-subtitle-color-selected)}:host([selected]) [part=start]{color:var(--item-thumbnail-color-selected)}:host([selected]) [part=start] ::slotted(igc-avatar){--icon-color: var(--item-thumbnail-color-selected)}:host([selected]) [part=end]{color:var(--item-action-color-selected)}`;\n"]}

package/components/list/themes/shared/item/list-item.indigo.css.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host{padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));padding-block:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));gap:.5rem}:host ::slotted(igc-avatar){--ig-size: 2}[part=title]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom)}[part=end]{gap:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem),var(--is-medium, 1)*max(0.375rem, -1 * 0.375rem),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem))}`;
+export const styles = css `:host{padding-inline:max(var(--is-large, 1)*max(1rem, -1 * 1rem)*var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)*max(0.75rem, -1 * 0.75rem)*var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));padding-block:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem)*var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)*max(0.375rem, -1 * 0.375rem)*var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem)*var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));gap:.5rem}:host ::slotted(igc-button),:host ::slotted(igc-icon-button),:host ::slotted(igc-icon),:host ::slotted(igc-avatar){--ig-size: 2}[part=title]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom)}[part=end]{gap:max(var(--is-large, 1)*max(0.5rem, -1 * 0.5rem),var(--is-medium, 1)*max(0.375rem, -1 * 0.375rem),var(--is-small, 1)*max(0.25rem, -1 * 0.25rem))}`;
 //# sourceMappingURL=list-item.indigo.css.js.map

package/components/list/themes/shared/item/list-item.indigo.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"list-item.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/list/themes/shared/item/list-item.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,~~g3CAAg3C~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{padding-inline:max(var(--is-large, 1)max(1rem, -1 1rem)var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)max(0.75rem, -1 * 0.75rem)var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)max(0.5rem, -1 * 0.5rem)var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));padding-block:max(var(--is-large, 1)max(0.5rem, -1 * 0.5rem)var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)max(0.375rem, -1 * 0.375rem)var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)max(0.25rem, -1 * 0.25rem)var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));gap:.5rem}:host ::slotted(igc-avatar){--ig-size: 2}[part=title]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom)}[part=end]{gap:max(var(--is-large, 1)max(0.5rem, -1 * 0.5rem),var(--is-medium, 1)max(0.375rem, -1 0.375rem),var(--is-small, 1)max(0.25rem, -1 0.25rem))}`;\n"]}
1	+ {"version":3,"file":"list-item.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/list/themes/shared/item/list-item.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,u8CAAu8C,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{padding-inline:max(var(--is-large, 1)max(1rem, -1 1rem)var(--ig-spacing-inline-large, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-medium, 1)max(0.75rem, -1 * 0.75rem)var(--ig-spacing-inline-medium, var(--ig-spacing-inline, var(--ig-spacing))),var(--is-small, 1)max(0.5rem, -1 * 0.5rem)var(--ig-spacing-inline-small, var(--ig-spacing-inline, var(--ig-spacing))));padding-block:max(var(--is-large, 1)max(0.5rem, -1 * 0.5rem)var(--ig-spacing-block-large, var(--ig-spacing-block, var(--ig-spacing))),var(--is-medium, 1)max(0.375rem, -1 * 0.375rem)var(--ig-spacing-block-medium, var(--ig-spacing-block, var(--ig-spacing))),var(--is-small, 1)max(0.25rem, -1 * 0.25rem)var(--ig-spacing-block-small, var(--ig-spacing-block, var(--ig-spacing))));gap:.5rem}:host ::slotted(igc-button),:host ::slotted(igc-icon-button),:host ::slotted(igc-icon),:host ::slotted(igc-avatar){--ig-size: 2}[part=title]{font-family:var(--ig-body-2-font-family, var(--ig-font-family));font-size:var(--ig-body-2-font-size);font-weight:var(--ig-body-2-font-weight);font-style:var(--ig-body-2-font-style);line-height:var(--ig-body-2-line-height);letter-spacing:var(--ig-body-2-letter-spacing);text-transform:var(--ig-body-2-text-transform);margin-top:var(--ig-body-2-margin-top);margin-bottom:var(--ig-body-2-margin-bottom)}[part=end]{gap:max(var(--is-large, 1)max(0.5rem, -1 * 0.5rem),var(--is-medium, 1)max(0.375rem, -1 0.375rem),var(--is-small, 1)max(0.25rem, -1 0.25rem))}`;\n"]}

package/components/mask-input/mask-input-base.js CHANGED Viewed

@@ -49,7 +49,7 @@ let IgcMaskInputBaseComponent = class IgcMaskInputBaseComponent extends IgcInput
                 if (isComposing)
                     return;
                 return this._updateInput('', {
-                    start: this._parser.getPreviousNonLiteralPosition(this._inputSelection.start),
+                    start: this._parser.getPreviousNonLiteralPosition(this._inputSelection.start + 1),
                     end,
                 });
             case 'deleteByCut':
@@ -64,7 +64,8 @@ let IgcMaskInputBaseComponent = class IgcMaskInputBaseComponent extends IgcInput
             case 'insertFromDrop':
                 return this._updateInput(value.substring(this._inputSelection.start, this._inputSelection.end), { ...this._inputSelection });
             case undefined:
-                return this._updateInput(value.substring(start, this._inputSelection.end), {
+            case '':
+                return this._updateInput(this._parser.parse(value.substring(start, this._inputSelection.end)), {
                     start,
                     end: this._inputSelection.end,
                 });

package/components/mask-input/mask-input-base.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"mask-input-base.js","sourceRoot":"","sources":["../../../src/components/mask-input/mask-input-base.ts"],"names":[],"mappings":"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","sourcesContent":["import { property, state } from 'lit/decorators.js';\nimport { blazorDeepImport } from '../common/decorators/blazorDeepImport.js';\nimport { IgcInputBaseComponent } from '../input/input-base.js';\nimport type { RangeTextSelectMode, SelectionRangeDirection } from '../types.js';\nimport { MaskParser } from './mask-parser.js';\n\nexport type MaskSelection = {\n start: number;\n end: number;\n};\n\n@blazorDeepImport\nexport abstract class IgcMaskInputBaseComponent extends IgcInputBaseComponent {\n //#region Internal state and properties\n\n protected readonly _parser = new MaskParser();\n\n protected _maskSelection: MaskSelection = { start: 0, end: 0 };\n protected compositionStart = 0;\n\n @state()\n protected _focused = false;\n\n @state()\n protected _maskedValue = '';\n\n protected get _inputSelection(): MaskSelection {\n return {\n start: this.input.selectionStart \|\| 0,\n end: this.input.selectionEnd \|\| 0,\n };\n }\n\n //#endregion\n\n //#region Public attributes and properties\n\n /*\n The masked pattern of the component.\n \n @attr\n * @default 'CCCCCCCCCC'\n /\n @property()\n public set mask(value: string) {\n this._parser.mask = value;\n }\n\n public get mask(): string {\n return this._parser.mask;\n }\n\n /\n The prompt symbol to use for unfilled parts of the mask pattern.\n \n @attr\n * @default '_'\n /\n @property()\n public set prompt(value: string) {\n this._parser.prompt = value;\n }\n\n public get prompt(): string {\n return this._parser.prompt;\n }\n\n //#endregion\n\n //#region Event handlers\n\n protected async _handleInput({\n inputType,\n isComposing,\n }: InputEvent): Promise<void> {\n const value = this.input.value;\n const { start, end } = this._maskSelection;\n const deletePosition = this._parser.getNextNonLiteralPosition(end) + 1;\n this._setTouchedState();\n\n switch (inputType) {\n case 'deleteContentForward':\n this._updateInput('', { start, end: deletePosition });\n await this.updateComplete;\n return this.input.setSelectionRange(deletePosition, deletePosition);\n\n case 'deleteContentBackward':\n if (isComposing) return;\n return this._updateInput('', {\n start: this._parser.getPreviousNonLiteralPosition(\n this._inputSelection.start\n ),\n end,\n });\n\n case 'deleteByCut':\n return this._updateInput('', this._maskSelection);\n\n case 'insertText':\n return this._updateInput(\n value.substring(start, this._inputSelection.end),\n this._maskSelection\n );\n\n case 'insertFromPaste':\n return this._updateInput(\n value.substring(start, this._inputSelection.end),\n {\n start,\n end: this._inputSelection.start,\n }\n );\n\n case 'insertFromDrop':\n return this._updateInput(\n value.substring(this._inputSelection.start, this._inputSelection.end),\n { ...this._inputSelection }\n );\n\n // Potential browser auto-fill behavior\n case undefined:\n return this._updateInput(\n value.substring(start, this._inputSelection.end),\n {\n start,\n end: this._inputSelection.end,\n }\n );\n }\n }\n\n protected _setMaskSelection(): void {\n this._maskSelection = this._inputSelection;\n }\n\n protected _handleCompositionStart(): void {\n this.compositionStart = this._inputSelection.start;\n }\n\n protected _handleCompositionEnd({ data }: CompositionEvent): void {\n this._updateInput(data, {\n start: this.compositionStart,\n end: this._inputSelection.end,\n });\n }\n\n protected _handleClick(): void {\n const { selectionStart: start, selectionEnd: end } = this.input;\n\n // Clicking at the end of the input field will select the entire mask\n if (start === end && start === this._maskedValue.length) {\n this.select();\n }\n }\n\n //#endregion\n\n //#region Internal methods\n\n protected abstract _updateSetRangeTextValue(): void;\n protected abstract _updateInput(text: string, range: MaskSelection): void;\n\n //#endregion\n\n //#region Public methods\n\n /* Selects all text within the input. /\n public select(): void {\n this.input.select();\n }\n\n / blazorSuppress /\n public override setSelectionRange(\n start: number,\n end: number,\n direction?: SelectionRangeDirection\n ): void {\n super.setSelectionRange(start, end, direction);\n this._maskSelection = { start, end };\n }\n\n / blazorSuppress /\n /* Replaces the selected text in the control and re-applies the mask */\n public override setRangeText(\n replacement: string,\n start?: number,\n end?: number,\n selectMode?: RangeTextSelectMode\n ) {\n const current = this._inputSelection;\n const _start = start ?? current.start;\n const _end = end ?? current.end;\n\n const result = this._parser.replace(\n this._maskedValue \|\| this._parser.emptyMask,\n replacement,\n _start,\n _end\n );\n this._maskedValue = this._parser.apply(this._parser.parse(result.value));\n this._updateSetRangeTextValue();\n\n this.updateComplete.then(() => {\n switch (selectMode) {\n case 'select':\n this.setSelectionRange(_start, _end);\n break;\n case 'start':\n this.setSelectionRange(_start, _start);\n break;\n case 'end':\n this.setSelectionRange(_end, _end);\n break;\n default:\n this.setSelectionRange(current.start, current.end);\n }\n });\n }\n\n //#endregion\n}\n"]}
1	+ {"version":3,"file":"mask-input-base.js","sourceRoot":"","sources":["../../../src/components/mask-input/mask-input-base.ts"],"names":[],"mappings":"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","sourcesContent":["import { property, state } from 'lit/decorators.js';\nimport { blazorDeepImport } from '../common/decorators/blazorDeepImport.js';\nimport { IgcInputBaseComponent } from '../input/input-base.js';\nimport type { RangeTextSelectMode, SelectionRangeDirection } from '../types.js';\nimport { MaskParser } from './mask-parser.js';\n\nexport type MaskSelection = {\n start: number;\n end: number;\n};\n\n@blazorDeepImport\nexport abstract class IgcMaskInputBaseComponent extends IgcInputBaseComponent {\n //#region Internal state and properties\n\n protected readonly _parser = new MaskParser();\n\n protected _maskSelection: MaskSelection = { start: 0, end: 0 };\n protected compositionStart = 0;\n\n @state()\n protected _focused = false;\n\n @state()\n protected _maskedValue = '';\n\n protected get _inputSelection(): MaskSelection {\n return {\n start: this.input.selectionStart \|\| 0,\n end: this.input.selectionEnd \|\| 0,\n };\n }\n\n //#endregion\n\n //#region Public attributes and properties\n\n /*\n The masked pattern of the component.\n \n @attr\n * @default 'CCCCCCCCCC'\n /\n @property()\n public set mask(value: string) {\n this._parser.mask = value;\n }\n\n public get mask(): string {\n return this._parser.mask;\n }\n\n /\n The prompt symbol to use for unfilled parts of the mask pattern.\n \n @attr\n * @default '_'\n /\n @property()\n public set prompt(value: string) {\n this._parser.prompt = value;\n }\n\n public get prompt(): string {\n return this._parser.prompt;\n }\n\n //#endregion\n\n //#region Event handlers\n\n protected async _handleInput({\n inputType,\n isComposing,\n }: InputEvent): Promise<void> {\n const value = this.input.value;\n const { start, end } = this._maskSelection;\n const deletePosition = this._parser.getNextNonLiteralPosition(end) + 1;\n this._setTouchedState();\n\n switch (inputType) {\n case 'deleteContentForward':\n this._updateInput('', { start, end: deletePosition });\n await this.updateComplete;\n return this.input.setSelectionRange(deletePosition, deletePosition);\n\n case 'deleteContentBackward':\n if (isComposing) return;\n return this._updateInput('', {\n start: this._parser.getPreviousNonLiteralPosition(\n this._inputSelection.start + 1\n ),\n end,\n });\n\n case 'deleteByCut':\n return this._updateInput('', this._maskSelection);\n\n case 'insertText':\n return this._updateInput(\n value.substring(start, this._inputSelection.end),\n this._maskSelection\n );\n\n case 'insertFromPaste':\n return this._updateInput(\n value.substring(start, this._inputSelection.end),\n {\n start,\n end: this._inputSelection.start,\n }\n );\n\n case 'insertFromDrop':\n return this._updateInput(\n value.substring(this._inputSelection.start, this._inputSelection.end),\n { ...this._inputSelection }\n );\n\n // Potential browser auto-fill behavior\n case undefined:\n case '':\n return this._updateInput(\n this._parser.parse(value.substring(start, this._inputSelection.end)),\n {\n start,\n end: this._inputSelection.end,\n }\n );\n }\n }\n\n protected _setMaskSelection(): void {\n this._maskSelection = this._inputSelection;\n }\n\n protected _handleCompositionStart(): void {\n this.compositionStart = this._inputSelection.start;\n }\n\n protected _handleCompositionEnd({ data }: CompositionEvent): void {\n this._updateInput(data, {\n start: this.compositionStart,\n end: this._inputSelection.end,\n });\n }\n\n protected _handleClick(): void {\n const { selectionStart: start, selectionEnd: end } = this.input;\n\n // Clicking at the end of the input field will select the entire mask\n if (start === end && start === this._maskedValue.length) {\n this.select();\n }\n }\n\n //#endregion\n\n //#region Internal methods\n\n protected abstract _updateSetRangeTextValue(): void;\n protected abstract _updateInput(text: string, range: MaskSelection): void;\n\n //#endregion\n\n //#region Public methods\n\n /* Selects all text within the input. /\n public select(): void {\n this.input.select();\n }\n\n / blazorSuppress /\n public override setSelectionRange(\n start: number,\n end: number,\n direction?: SelectionRangeDirection\n ): void {\n super.setSelectionRange(start, end, direction);\n this._maskSelection = { start, end };\n }\n\n / blazorSuppress /\n /* Replaces the selected text in the control and re-applies the mask */\n public override setRangeText(\n replacement: string,\n start?: number,\n end?: number,\n selectMode?: RangeTextSelectMode\n ) {\n const current = this._inputSelection;\n const _start = start ?? current.start;\n const _end = end ?? current.end;\n\n const result = this._parser.replace(\n this._maskedValue \|\| this._parser.emptyMask,\n replacement,\n _start,\n _end\n );\n this._maskedValue = this._parser.apply(this._parser.parse(result.value));\n this._updateSetRangeTextValue();\n\n this.updateComplete.then(() => {\n switch (selectMode) {\n case 'select':\n this.setSelectionRange(_start, _end);\n break;\n case 'start':\n this.setSelectionRange(_start, _start);\n break;\n case 'end':\n this.setSelectionRange(_end, _end);\n break;\n default:\n this.setSelectionRange(current.start, current.end);\n }\n });\n }\n\n //#endregion\n}\n"]}

package/components/mask-input/mask-parser.d.ts CHANGED Viewed

@@ -8,12 +8,17 @@ interface MaskOptions {
      * Use `'\'` to escape a flag character if it should be treated as a literal.
      * @default 'CCCCCCCCCC'
      */
-    format: string;
+    format?: string;
     /**
      * The character used to prompt for input in unfilled mask positions.
      * Must be a single character.
      * @default '_'
      */
+    promptCharacter?: string;
+}
+/** Internal options with all required fields */
+interface MaskOptionsInternal {
+    format: string;
     promptCharacter: string;
 }
 /**
@@ -29,18 +34,20 @@ type MaskReplaceResult = {
  * It handles mask definitions, literals, character validation, and cursor positioning.
  */
 export declare class MaskParser {
-    protected readonly _options: MaskOptions;
+    protected readonly _options: MaskOptionsInternal;
     /** Stores literal characters and their original positions in the mask (e.g., '(', ')', '-'). */
     protected readonly _literals: Map<number, string>;
     /** A Set of positions where literals occur in the `_escapedMask`. */
     protected _literalPositions: Set<number>;
     /** The mask format after processing escape characters */
     protected _escapedMask: string;
+    /** Cached array of required non-literal positions for validation */
+    protected _requiredPositions: number[];
     /**
      * Returns a set of the all the literal positions in the mask.
      * These positions are fixed characters that are not part of the input.
      */
-    get literalPositions(): Set<number>;
+    get literalPositions(): ReadonlySet<number>;
     /**
      * Returns the escaped mask string.
      * This is the mask after processing any escape sequences.
@@ -66,27 +73,29 @@ export declare class MaskParser {
     get prompt(): string;
     /**
      * Sets the prompt character. Only the first character of the provided string is used.
+     * @remarks The prompt character cannot be a mask flag character.
      */
     set prompt(value: string);
     constructor(options?: MaskOptions);
+    private _isEscapedFlag;
     /**
      * Parses the mask format string to identify literal characters and
      * create the escaped mask. This method is called whenever the mask format changes.
      */
     protected _parseMaskLiterals(): void;
     /**
-     * Gets an array of positions in the escaped mask that correspond to
+     * Computes an array of positions in the escaped mask that correspond to
      * required input flags (e.g., '0', 'L') and are not literal characters.
      *
      * These positions must be filled for the masked string to be valid.
      */
-    protected _getRequiredNonLiteralPositions(): number[];
+    protected _computeRequiredPositions(): number[];
     /**
      * Finds the closest non-literal position in the mask *before* the given start position.
      * Useful for backward navigation (e.g., backspace).
      *
      * @remarks
-     * If no non-literal is found before `start`, return `start`.
+     * If no non-literal is found before `start`, return 0.
      */
     getPreviousNonLiteralPosition(start: number): number;
     /**
@@ -94,12 +103,20 @@ export declare class MaskParser {
      * Useful for forward navigation (e.g., arrow keys, delete key or initial cursor placement).
      *
      * @remarks
-     * If no non-literal is found after `start`, return `start`.
+     * If no non-literal is found after `start`, return the mask length.
      */
     getNextNonLiteralPosition(start: number): number;
     /**
      * Replaces a segment of the masked string with new input, simulating typing or pasting.
      * It handles clearing the selected range and inserting new characters according to the mask.
+     *
+     * @example
+     * ```ts
+     * const parser = new MaskParser({ format: '00/00/0000' });
+     * const current = '__/__/____';
+     * const result = parser.replace(current, '12', 0, 0);
+     * // result.value = '12/__/____', result.end = 2
+     * ```
      */
     replace(maskString: string, value: string, start: number, end: number): MaskReplaceResult;
     /**
@@ -116,6 +133,12 @@ export declare class MaskParser {
      * Applies the mask format to an input string. This attempts to fit the input
      * into the mask from left to right, filling valid positions and skipping invalid
      * input characters.
+     *
+     * @example
+     * ```ts
+     * const parser = new MaskParser({ format: '00/00/0000' });
+     * parser.apply('12252023'); // Returns '12/25/2023'
+     * ```
      */
     apply(input?: string): string;
 }