igniteui-webcomponents 2.1.0-beta.0 → 2.1.0-beta.1

package/CHANGELOG.md

@@ -11,9 +11,10 @@ and this project adheres to [Semantic Versioning](http://semver.org/).
 
 - Linear Progress component
 - Circular Progress component
-- Chip Component
-- Snackbar Component
-- Toast Component
+- Chip component
+- Snackbar component
+- Toast component
+- Rating component
 - Component themes can be changed at runtime by calling the `configureTheme(theme: Theme)` function
 
 ## [2.0.0] - 2022-02-03

package/components/common/definitions/defineAllComponents.js

@@ -25,6 +25,8 @@ import IgcNavDrawerItemComponent from '../../nav-drawer/nav-drawer-item';
 import IgcNavbarComponent from '../../navbar/navbar';
 import IgcRadioGroupComponent from '../../radio-group/radio-group';
 import IgcRadioComponent from '../../radio/radio';
+import IgcRatingComponent from '../../rating/rating';
+import IgcRatingSymbolComponent from '../../rating/rating-symbol';
 import IgcRippleComponent from '../../ripple/ripple';
 import IgcRangeSliderComponent from '../../slider/range-slider';
 import IgcSliderComponent from '../../slider/slider';
@@ -59,6 +61,8 @@ const allComponents = [
     IgcNavbarComponent,
     IgcRadioComponent,
     IgcRadioGroupComponent,
+    IgcRatingComponent,
+    IgcRatingSymbolComponent,
     IgcRippleComponent,
     IgcSliderComponent,
     IgcToastComponent,

package/components/common/definitions/defineAllComponents.js.map

@@ -1 +1 @@
-{"version":3,"file":"defineAllComponents.js","sourceRoot":"","sources":["../../../../src/components/common/definitions/defineAllComponents.ts"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,MAAM,qBAAqB,CAAC;AACrD,OAAO,iBAAiB,MAAM,mBAAmB,CAAC;AAClD,OAAO,kBAAkB,MAAM,qBAAqB,CAAC;AACrD,OAAO,sBAAsB,MAAM,0BAA0B,CAAC;AAC9D,OAAO,oBAAoB,MAAM,yBAAyB,CAAC;AAC3D,OAAO,gBAAgB,MAAM,iBAAiB,CAAC;AAC/C,OAAO,uBAAuB,MAAM,yBAAyB,CAAC;AAC9D,OAAO,uBAAuB,MAAM,yBAAyB,CAAC;AAC9D,OAAO,sBAAsB,MAAM,wBAAwB,CAAC;AAC5D,OAAO,qBAAqB,MAAM,uBAAuB,CAAC;AAC1D,OAAO,oBAAoB,MAAM,yBAAyB,CAAC;AAC3D,OAAO,gBAAgB,MAAM,iBAAiB,CAAC;AAC/C,OAAO,4BAA4B,MAAM,kCAAkC,CAAC;AAC5E,OAAO,kBAAkB,MAAM,uBAAuB,CAAC;AACvD,OAAO,gBAAgB,MAAM,iBAAiB,CAAC;AAC/C,OAAO,gBAAgB,MAAM,iBAAiB,CAAC;AAC/C,OAAO,iBAAiB,MAAM,mBAAmB,CAAC;AAClD,OAAO,0BAA0B,MAAM,gCAAgC,CAAC;AACxE,OAAO,gBAAgB,MAAM,iBAAiB,CAAC;AAC/C,OAAO,sBAAsB,MAAM,wBAAwB,CAAC;AAC5D,OAAO,oBAAoB,MAAM,sBAAsB,CAAC;AACxD,OAAO,qBAAqB,MAAM,6BAA6B,CAAC;AAChE,OAAO,+BAA+B,MAAM,yCAAyC,CAAC;AACtF,OAAO,yBAAyB,MAAM,kCAAkC,CAAC;AACzE,OAAO,kBAAkB,MAAM,qBAAqB,CAAC;AACrD,OAAO,sBAAsB,MAAM,+BAA+B,CAAC;AACnE,OAAO,iBAAiB,MAAM,mBAAmB,CAAC;AAClD,OAAO,kBAAkB,MAAM,qBAAqB,CAAC;AACrD,OAAO,uBAAuB,MAAM,2BAA2B,CAAC;AAChE,OAAO,kBAAkB,MAAM,qBAAqB,CAAC;AACrD,OAAO,oBAAoB,MAAM,yBAAyB,CAAC;AAC3D,OAAO,iBAAiB,MAAM,mBAAmB,CAAC;AAClD,OAAO,uBAAuB,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,4BAA4B,MAAM,kCAAkC,CAAC;AAE5E,MAAM,aAAa,GAA+B;IAChD,kBAAkB;IAClB,iBAAiB;IACjB,kBAAkB;IAClB,sBAAsB;IACtB,oBAAoB;IACpB,uBAAuB;IACvB,uBAAuB;IACvB,sBAAsB;IACtB,qBAAqB;IACrB,gBAAgB;IAChB,oBAAoB;IACpB,gBAAgB;IAChB,kBAAkB;IAClB,gBAAgB;IAChB,gBAAgB;IAChB,iBAAiB;IACjB,sBAAsB;IACtB,oBAAoB;IACpB,gBAAgB;IAChB,+BAA+B;IAC/B,yBAAyB;IACzB,qBAAqB;IACrB,kBAAkB;IAClB,iBAAiB;IACjB,sBAAsB;IACtB,kBAAkB;IAClB,kBAAkB;IAClB,iBAAiB;IACjB,uBAAuB;IACvB,uBAAuB;IACvB,4BAA4B;IAC5B,0BAA0B;IAC1B,4BAA4B;IAC5B,oBAAoB;CACrB,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,EAAE;IACtC,gBAAgB,CAAC,GAAG,aAAa,CAAC,CAAC;AACrC,CAAC,CAAC","sourcesContent":["import IgcAvatarComponent from '../../avatar/avatar';\nimport IgcBadgeComponent from '../../badge/badge';\nimport IgcButtonComponent from '../../button/button';\nimport IgcIconButtonComponent from '../../button/icon-button';\nimport IgcCalendarComponent from '../../calendar/calendar';\nimport IgcCardComponent from '../../card/card';\nimport IgcCardActionsComponent from '../../card/card.actions';\nimport IgcCardContentComponent from '../../card/card.content';\nimport IgcCardHeaderComponent from '../../card/card.header';\nimport IgcCardMediaComponent from '../../card/card.media';\nimport IgcCheckboxComponent from '../../checkbox/checkbox';\nimport IgcChipComponent from '../../chip/chip';\nimport IgcCircularProgressComponent from '../../progress/circular-progress';\nimport IgcSwitchComponent from '../../checkbox/switch';\nimport IgcFormComponent from '../../form/form';\nimport IgcIconComponent from '../../icon/icon';\nimport IgcInputComponent from '../../input/input';\nimport IgcLinearProgressComponent from '../../progress/linear-progress';\nimport IgcListComponent from '../../list/list';\nimport IgcListHeaderComponent from '../../list/list-header';\nimport IgcListItemComponent from '../../list/list-item';\nimport IgcNavDrawerComponent from '../../nav-drawer/nav-drawer';\nimport IgcNavDrawerHeaderItemComponent from '../../nav-drawer/nav-drawer-header-item';\nimport IgcNavDrawerItemComponent from '../../nav-drawer/nav-drawer-item';\nimport IgcNavbarComponent from '../../navbar/navbar';\nimport IgcRadioGroupComponent from '../../radio-group/radio-group';\nimport IgcRadioComponent from '../../radio/radio';\nimport IgcRippleComponent from '../../ripple/ripple';\nimport IgcRangeSliderComponent from '../../slider/range-slider';\nimport IgcSliderComponent from '../../slider/slider';\nimport IgcSnackbarComponent from '../../snackbar/snackbar';\nimport IgcToastComponent from '../../toast/toast';\nimport IgcSliderLabelComponent from '../../slider/slider-label';\nimport { defineComponents } from './defineComponents';\nimport IgcCircularGradientComponent from '../../progress/circular-gradient';\n\nconst allComponents: CustomElementConstructor[] = [\n  IgcAvatarComponent,\n  IgcBadgeComponent,\n  IgcButtonComponent,\n  IgcIconButtonComponent,\n  IgcCalendarComponent,\n  IgcCardActionsComponent,\n  IgcCardContentComponent,\n  IgcCardHeaderComponent,\n  IgcCardMediaComponent,\n  IgcCardComponent,\n  IgcCheckboxComponent,\n  IgcChipComponent,\n  IgcSwitchComponent,\n  IgcFormComponent,\n  IgcIconComponent,\n  IgcInputComponent,\n  IgcListHeaderComponent,\n  IgcListItemComponent,\n  IgcListComponent,\n  IgcNavDrawerHeaderItemComponent,\n  IgcNavDrawerItemComponent,\n  IgcNavDrawerComponent,\n  IgcNavbarComponent,\n  IgcRadioComponent,\n  IgcRadioGroupComponent,\n  IgcRippleComponent,\n  IgcSliderComponent,\n  IgcToastComponent,\n  IgcSliderLabelComponent,\n  IgcRangeSliderComponent,\n  IgcCircularProgressComponent,\n  IgcLinearProgressComponent,\n  IgcCircularGradientComponent,\n  IgcSnackbarComponent,\n];\n\nexport const defineAllComponents = () => {\n  defineComponents(...allComponents);\n};\n"]}
+{"version":3,"file":"defineAllComponents.js","sourceRoot":"","sources":["../../../../src/components/common/definitions/defineAllComponents.ts"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,MAAM,qBAAqB,CAAC;AACrD,OAAO,iBAAiB,MAAM,mBAAmB,CAAC;AAClD,OAAO,kBAAkB,MAAM,qBAAqB,CAAC;AACrD,OAAO,sBAAsB,MAAM,0BAA0B,CAAC;AAC9D,OAAO,oBAAoB,MAAM,yBAAyB,CAAC;AAC3D,OAAO,gBAAgB,MAAM,iBAAiB,CAAC;AAC/C,OAAO,uBAAuB,MAAM,yBAAyB,CAAC;AAC9D,OAAO,uBAAuB,MAAM,yBAAyB,CAAC;AAC9D,OAAO,sBAAsB,MAAM,wBAAwB,CAAC;AAC5D,OAAO,qBAAqB,MAAM,uBAAuB,CAAC;AAC1D,OAAO,oBAAoB,MAAM,yBAAyB,CAAC;AAC3D,OAAO,gBAAgB,MAAM,iBAAiB,CAAC;AAC/C,OAAO,4BAA4B,MAAM,kCAAkC,CAAC;AAC5E,OAAO,kBAAkB,MAAM,uBAAuB,CAAC;AACvD,OAAO,gBAAgB,MAAM,iBAAiB,CAAC;AAC/C,OAAO,gBAAgB,MAAM,iBAAiB,CAAC;AAC/C,OAAO,iBAAiB,MAAM,mBAAmB,CAAC;AAClD,OAAO,0BAA0B,MAAM,gCAAgC,CAAC;AACxE,OAAO,gBAAgB,MAAM,iBAAiB,CAAC;AAC/C,OAAO,sBAAsB,MAAM,wBAAwB,CAAC;AAC5D,OAAO,oBAAoB,MAAM,sBAAsB,CAAC;AACxD,OAAO,qBAAqB,MAAM,6BAA6B,CAAC;AAChE,OAAO,+BAA+B,MAAM,yCAAyC,CAAC;AACtF,OAAO,yBAAyB,MAAM,kCAAkC,CAAC;AACzE,OAAO,kBAAkB,MAAM,qBAAqB,CAAC;AACrD,OAAO,sBAAsB,MAAM,+BAA+B,CAAC;AACnE,OAAO,iBAAiB,MAAM,mBAAmB,CAAC;AAClD,OAAO,kBAAkB,MAAM,qBAAqB,CAAC;AACrD,OAAO,wBAAwB,MAAM,4BAA4B,CAAC;AAClE,OAAO,kBAAkB,MAAM,qBAAqB,CAAC;AACrD,OAAO,uBAAuB,MAAM,2BAA2B,CAAC;AAChE,OAAO,kBAAkB,MAAM,qBAAqB,CAAC;AACrD,OAAO,oBAAoB,MAAM,yBAAyB,CAAC;AAC3D,OAAO,iBAAiB,MAAM,mBAAmB,CAAC;AAClD,OAAO,uBAAuB,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,4BAA4B,MAAM,kCAAkC,CAAC;AAE5E,MAAM,aAAa,GAA+B;IAChD,kBAAkB;IAClB,iBAAiB;IACjB,kBAAkB;IAClB,sBAAsB;IACtB,oBAAoB;IACpB,uBAAuB;IACvB,uBAAuB;IACvB,sBAAsB;IACtB,qBAAqB;IACrB,gBAAgB;IAChB,oBAAoB;IACpB,gBAAgB;IAChB,kBAAkB;IAClB,gBAAgB;IAChB,gBAAgB;IAChB,iBAAiB;IACjB,sBAAsB;IACtB,oBAAoB;IACpB,gBAAgB;IAChB,+BAA+B;IAC/B,yBAAyB;IACzB,qBAAqB;IACrB,kBAAkB;IAClB,iBAAiB;IACjB,sBAAsB;IACtB,kBAAkB;IAClB,wBAAwB;IACxB,kBAAkB;IAClB,kBAAkB;IAClB,iBAAiB;IACjB,uBAAuB;IACvB,uBAAuB;IACvB,4BAA4B;IAC5B,0BAA0B;IAC1B,4BAA4B;IAC5B,oBAAoB;CACrB,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,EAAE;IACtC,gBAAgB,CAAC,GAAG,aAAa,CAAC,CAAC;AACrC,CAAC,CAAC","sourcesContent":["import IgcAvatarComponent from '../../avatar/avatar';\nimport IgcBadgeComponent from '../../badge/badge';\nimport IgcButtonComponent from '../../button/button';\nimport IgcIconButtonComponent from '../../button/icon-button';\nimport IgcCalendarComponent from '../../calendar/calendar';\nimport IgcCardComponent from '../../card/card';\nimport IgcCardActionsComponent from '../../card/card.actions';\nimport IgcCardContentComponent from '../../card/card.content';\nimport IgcCardHeaderComponent from '../../card/card.header';\nimport IgcCardMediaComponent from '../../card/card.media';\nimport IgcCheckboxComponent from '../../checkbox/checkbox';\nimport IgcChipComponent from '../../chip/chip';\nimport IgcCircularProgressComponent from '../../progress/circular-progress';\nimport IgcSwitchComponent from '../../checkbox/switch';\nimport IgcFormComponent from '../../form/form';\nimport IgcIconComponent from '../../icon/icon';\nimport IgcInputComponent from '../../input/input';\nimport IgcLinearProgressComponent from '../../progress/linear-progress';\nimport IgcListComponent from '../../list/list';\nimport IgcListHeaderComponent from '../../list/list-header';\nimport IgcListItemComponent from '../../list/list-item';\nimport IgcNavDrawerComponent from '../../nav-drawer/nav-drawer';\nimport IgcNavDrawerHeaderItemComponent from '../../nav-drawer/nav-drawer-header-item';\nimport IgcNavDrawerItemComponent from '../../nav-drawer/nav-drawer-item';\nimport IgcNavbarComponent from '../../navbar/navbar';\nimport IgcRadioGroupComponent from '../../radio-group/radio-group';\nimport IgcRadioComponent from '../../radio/radio';\nimport IgcRatingComponent from '../../rating/rating';\nimport IgcRatingSymbolComponent from '../../rating/rating-symbol';\nimport IgcRippleComponent from '../../ripple/ripple';\nimport IgcRangeSliderComponent from '../../slider/range-slider';\nimport IgcSliderComponent from '../../slider/slider';\nimport IgcSnackbarComponent from '../../snackbar/snackbar';\nimport IgcToastComponent from '../../toast/toast';\nimport IgcSliderLabelComponent from '../../slider/slider-label';\nimport { defineComponents } from './defineComponents';\nimport IgcCircularGradientComponent from '../../progress/circular-gradient';\n\nconst allComponents: CustomElementConstructor[] = [\n  IgcAvatarComponent,\n  IgcBadgeComponent,\n  IgcButtonComponent,\n  IgcIconButtonComponent,\n  IgcCalendarComponent,\n  IgcCardActionsComponent,\n  IgcCardContentComponent,\n  IgcCardHeaderComponent,\n  IgcCardMediaComponent,\n  IgcCardComponent,\n  IgcCheckboxComponent,\n  IgcChipComponent,\n  IgcSwitchComponent,\n  IgcFormComponent,\n  IgcIconComponent,\n  IgcInputComponent,\n  IgcListHeaderComponent,\n  IgcListItemComponent,\n  IgcListComponent,\n  IgcNavDrawerHeaderItemComponent,\n  IgcNavDrawerItemComponent,\n  IgcNavDrawerComponent,\n  IgcNavbarComponent,\n  IgcRadioComponent,\n  IgcRadioGroupComponent,\n  IgcRatingComponent,\n  IgcRatingSymbolComponent,\n  IgcRippleComponent,\n  IgcSliderComponent,\n  IgcToastComponent,\n  IgcSliderLabelComponent,\n  IgcRangeSliderComponent,\n  IgcCircularProgressComponent,\n  IgcLinearProgressComponent,\n  IgcCircularGradientComponent,\n  IgcSnackbarComponent,\n];\n\nexport const defineAllComponents = () => {\n  defineComponents(...allComponents);\n};\n"]}

package/components/form/form.js

@@ -18,7 +18,7 @@ export default class IgcFormComponent extends EventEmitterMixin(LitElement) {
             'igc-switch',
             'igc-checkbox',
         ];
-        this._controlsWithValue = ['input', 'igc-input', 'textarea'];
+        this._controlsWithValue = ['input', 'igc-input', 'textarea', 'igc-rating'];
         this._controlsThatSubmit = [
             'input',
             'button',
@@ -51,7 +51,7 @@ export default class IgcFormComponent extends EventEmitterMixin(LitElement) {
                 (tagName !== 'input' && this._controlsWithChecked.includes(tagName))) {
                 element.checked = element.hasAttribute('checked');
             }
-            else if (tagName === 'igc-input') {
+            else if (tagName === 'igc-input' || tagName === 'igc-rating') {
                 element.value = element.getAttribute('value');
             }
             else if (this._controlsWithValue.includes(tagName)) {

package/components/form/form.js.map

@@ -1 +1 @@
-{"version":3,"file":"form.js","sourceRoot":"","sources":["../../../src/components/form/form.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter';\nimport { alternateName, blazorSuppress } from '../common/decorators';\nimport { Constructor } from '../common/mixins/constructor';\n\nexport interface IgcFormEventMap {\n  igcSubmit: CustomEvent<FormData>;\n  igcReset: CustomEvent;\n}\n\n/**\n * The form is a component used to collect user input from\n * interactive controls.\n *\n * @element igc-form\n *\n * @slot - Default slot for the form.\n *\n * @fires igcSubmit - Emitted when the form is submitted.\n * @fires igcReset - Emitted when the form is reset.\n */\nexport default class IgcFormComponent extends EventEmitterMixin<\n  IgcFormEventMap,\n  Constructor<LitElement>\n>(LitElement) {\n  public static readonly tagName = 'igc-form';\n\n  public static styles = css`\n    :host {\n      display: block;\n    }\n  `;\n\n  private _controlsWithChecked = [\n    'input',\n    'radio',\n    'igc-radio',\n    'igc-switch',\n    'igc-checkbox',\n  ];\n  private _controlsWithValue = ['input', 'igc-input', 'textarea'];\n  private _controlsThatSubmit = [\n    'input',\n    'button',\n    'igc-button',\n    'igc-icon-button',\n  ];\n\n  /** Specifies if form data validation should be skipped on submit. */\n  @property({ type: Boolean, reflect: true }) public novalidate = false;\n\n  constructor() {\n    super();\n\n    this.addEventListener('click', this.handleClick);\n  }\n\n  /** Submits the form. */\n  @alternateName('performSubmit')\n  public submit(): boolean {\n    const formData = this.getFormData();\n    if (!this.novalidate && !this.reportValidity()) {\n      return false;\n    }\n\n    this.emitEvent('igcSubmit', { detail: formData });\n    return true;\n  }\n\n  /** Resets the form. */\n  @alternateName('performReset')\n  public reset() {\n    const formElements = this.getFormElements();\n    formElements.forEach((element) => {\n      const tagName = element.tagName.toLowerCase();\n      if (tagName === 'select') {\n        for (let i = 0; i < element.options.length; i++) {\n          const option = element.options[i];\n          option.selected = option.defaultSelected;\n        }\n      } else if (\n        (tagName === 'input' &&\n          (element.type === 'checkbox' || element.type == 'radio')) ||\n        (tagName !== 'input' && this._controlsWithChecked.includes(tagName))\n      ) {\n        element.checked = element.hasAttribute('checked');\n      } else if (tagName === 'igc-input') {\n        element.value = element.getAttribute('value');\n      } else if (this._controlsWithValue.includes(tagName)) {\n        element.value = element.defaultValue;\n      }\n    });\n\n    this.emitEvent('igcReset');\n  }\n\n  private getFormElements(): any[] {\n    const slot = this.shadowRoot?.querySelector('slot');\n    const assignedElements = slot?.assignedElements({ flatten: true });\n    const formElements: any[] = [];\n    assignedElements?.forEach((element: any) => {\n      if (!element.disabled) {\n        formElements.push(element);\n      }\n      const children = Array.from(element.getElementsByTagName('*')).filter(\n        (element: any) => !element.disabled\n      );\n      formElements.push(...children);\n    });\n\n    return formElements;\n  }\n\n  //suppressing in blazor for now due to an issue, bringing it back later\n  /** Retrieves the data from the form in the format of a FormData object. */\n  @blazorSuppress()\n  public getFormData() {\n    const formData = new FormData();\n\n    const formElements = this.getFormElements();\n    formElements.forEach((element) => {\n      const tagName = element.tagName.toLowerCase();\n      if (tagName === 'select') {\n        for (let i = 0; i < element.options.length; i++) {\n          const option = element.options[i];\n          if (option.selected) {\n            formData.append(element.name, option.value);\n          }\n        }\n      } else if (\n        this._controlsWithChecked.includes(tagName) &&\n        element.checked\n      ) {\n        formData.append(element.name, element.value || 'on');\n      } else if (\n        this._controlsWithValue.includes(tagName) &&\n        element.type !== 'checkbox' &&\n        element.type !== 'radio' &&\n        element.type !== 'submit'\n      ) {\n        formData.append(element.name, element.value);\n      }\n    });\n\n    return formData;\n  }\n\n  /** Checks for validity of the form. */\n  public reportValidity(): boolean {\n    const formElements = this.getFormElements();\n    return !formElements.some(\n      (element) =>\n        typeof element.reportValidity === 'function' &&\n        element.reportValidity() === false\n    );\n  }\n\n  private handleClick(event: MouseEvent) {\n    const targetElement: any = event.target as HTMLElement;\n    if (\n      this._controlsThatSubmit.includes(targetElement.tagName.toLowerCase()) &&\n      targetElement.type.toLowerCase() === 'submit'\n    ) {\n      this.submit();\n    } else if (targetElement.type?.toLowerCase() === 'reset') {\n      this.reset();\n    }\n\n    return true;\n  }\n\n  protected override render() {\n    return html`<slot></slot>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-form': IgcFormComponent;\n  }\n}\n"]}
+{"version":3,"file":"form.js","sourceRoot":"","sources":["../../../src/components/form/form.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter';\nimport { alternateName, blazorSuppress } from '../common/decorators';\nimport { Constructor } from '../common/mixins/constructor';\n\nexport interface IgcFormEventMap {\n  igcSubmit: CustomEvent<FormData>;\n  igcReset: CustomEvent;\n}\n\n/**\n * The form is a component used to collect user input from\n * interactive controls.\n *\n * @element igc-form\n *\n * @slot - Default slot for the form.\n *\n * @fires igcSubmit - Emitted when the form is submitted.\n * @fires igcReset - Emitted when the form is reset.\n */\nexport default class IgcFormComponent extends EventEmitterMixin<\n  IgcFormEventMap,\n  Constructor<LitElement>\n>(LitElement) {\n  public static readonly tagName = 'igc-form';\n\n  public static styles = css`\n    :host {\n      display: block;\n    }\n  `;\n\n  private _controlsWithChecked = [\n    'input',\n    'radio',\n    'igc-radio',\n    'igc-switch',\n    'igc-checkbox',\n  ];\n  private _controlsWithValue = ['input', 'igc-input', 'textarea', 'igc-rating'];\n  private _controlsThatSubmit = [\n    'input',\n    'button',\n    'igc-button',\n    'igc-icon-button',\n  ];\n\n  /** Specifies if form data validation should be skipped on submit. */\n  @property({ type: Boolean, reflect: true }) public novalidate = false;\n\n  constructor() {\n    super();\n\n    this.addEventListener('click', this.handleClick);\n  }\n\n  /** Submits the form. */\n  @alternateName('performSubmit')\n  public submit(): boolean {\n    const formData = this.getFormData();\n    if (!this.novalidate && !this.reportValidity()) {\n      return false;\n    }\n\n    this.emitEvent('igcSubmit', { detail: formData });\n    return true;\n  }\n\n  /** Resets the form. */\n  @alternateName('performReset')\n  public reset() {\n    const formElements = this.getFormElements();\n    formElements.forEach((element) => {\n      const tagName = element.tagName.toLowerCase();\n      if (tagName === 'select') {\n        for (let i = 0; i < element.options.length; i++) {\n          const option = element.options[i];\n          option.selected = option.defaultSelected;\n        }\n      } else if (\n        (tagName === 'input' &&\n          (element.type === 'checkbox' || element.type == 'radio')) ||\n        (tagName !== 'input' && this._controlsWithChecked.includes(tagName))\n      ) {\n        element.checked = element.hasAttribute('checked');\n      } else if (tagName === 'igc-input' || tagName === 'igc-rating') {\n        element.value = element.getAttribute('value');\n      } else if (this._controlsWithValue.includes(tagName)) {\n        element.value = element.defaultValue;\n      }\n    });\n\n    this.emitEvent('igcReset');\n  }\n\n  private getFormElements(): any[] {\n    const slot = this.shadowRoot?.querySelector('slot');\n    const assignedElements = slot?.assignedElements({ flatten: true });\n    const formElements: any[] = [];\n    assignedElements?.forEach((element: any) => {\n      if (!element.disabled) {\n        formElements.push(element);\n      }\n      const children = Array.from(element.getElementsByTagName('*')).filter(\n        (element: any) => !element.disabled\n      );\n      formElements.push(...children);\n    });\n\n    return formElements;\n  }\n\n  //suppressing in blazor for now due to an issue, bringing it back later\n  /** Retrieves the data from the form in the format of a FormData object. */\n  @blazorSuppress()\n  public getFormData() {\n    const formData = new FormData();\n\n    const formElements = this.getFormElements();\n    formElements.forEach((element) => {\n      const tagName = element.tagName.toLowerCase();\n      if (tagName === 'select') {\n        for (let i = 0; i < element.options.length; i++) {\n          const option = element.options[i];\n          if (option.selected) {\n            formData.append(element.name, option.value);\n          }\n        }\n      } else if (\n        this._controlsWithChecked.includes(tagName) &&\n        element.checked\n      ) {\n        formData.append(element.name, element.value || 'on');\n      } else if (\n        this._controlsWithValue.includes(tagName) &&\n        element.type !== 'checkbox' &&\n        element.type !== 'radio' &&\n        element.type !== 'submit'\n      ) {\n        formData.append(element.name, element.value);\n      }\n    });\n\n    return formData;\n  }\n\n  /** Checks for validity of the form. */\n  public reportValidity(): boolean {\n    const formElements = this.getFormElements();\n    return !formElements.some(\n      (element) =>\n        typeof element.reportValidity === 'function' &&\n        element.reportValidity() === false\n    );\n  }\n\n  private handleClick(event: MouseEvent) {\n    const targetElement: any = event.target as HTMLElement;\n    if (\n      this._controlsThatSubmit.includes(targetElement.tagName.toLowerCase()) &&\n      targetElement.type.toLowerCase() === 'submit'\n    ) {\n      this.submit();\n    } else if (targetElement.type?.toLowerCase() === 'reset') {\n      this.reset();\n    }\n\n    return true;\n  }\n\n  protected override render() {\n    return html`<slot></slot>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-form': IgcFormComponent;\n  }\n}\n"]}

package/components/rating/rating-symbol.d.ts

@@ -0,0 +1,18 @@
+import { LitElement } from 'lit';
+/**
+ *
+ * Used when a custom icon/symbol/element needs to be passed to the igc-rating component.
+ *
+ * @element igc-rating-symbol
+ *
+ * @slot - Default slot for projected symbols/icons.
+ */
+export default class IgcRatingSymbolComponent extends LitElement {
+    static readonly tagName = "igc-rating-symbol";
+    protected createRenderRoot(): this;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'igc-rating-symbol': IgcRatingSymbolComponent;
+    }
+}

package/components/rating/rating-symbol.js

@@ -0,0 +1,8 @@
+import { LitElement } from 'lit';
+export default class IgcRatingSymbolComponent extends LitElement {
+    createRenderRoot() {
+        return this;
+    }
+}
+IgcRatingSymbolComponent.tagName = 'igc-rating-symbol';
+//# sourceMappingURL=rating-symbol.js.map

package/components/rating/rating-symbol.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rating-symbol.js","sourceRoot":"","sources":["../../../src/components/rating/rating-symbol.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAUjC,MAAM,CAAC,OAAO,OAAO,wBAAyB,SAAQ,UAAU;IAG3C,gBAAgB;QACjC,OAAO,IAAI,CAAC;IACd,CAAC;;AAJsB,gCAAO,GAAG,mBAAmB,CAAC","sourcesContent":["import { LitElement } from 'lit';\n\n/**\n *\n * Used when a custom icon/symbol/element needs to be passed to the igc-rating component.\n *\n * @element igc-rating-symbol\n *\n * @slot - Default slot for projected symbols/icons.\n */\nexport default class IgcRatingSymbolComponent extends LitElement {\n  public static readonly tagName = 'igc-rating-symbol';\n\n  protected override createRenderRoot() {\n    return this;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-rating-symbol': IgcRatingSymbolComponent;\n  }\n}\n"]}

package/components/rating/rating.base.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/rating/rating.base.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--igc-font-family);-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.25rem}[part~=fraction] [part=symbols-wrapper],[part~=fraction]{position:absolute;overflow:hidden;inset-inline-start:0;min-width:0 !important;z-index:1}slot{display:none}[part=base]{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[part~=label]{font-family:var(--igc-caption-font-family);font-weight:var(--igc-caption-font-weight);font-size:var(--igc-caption-font-size);font-style:var(--igc-caption-font-style);letter-spacing:var(--igc-caption-letter-spacing);text-transform:var(--igc-caption-text-transform);line-height:var(--igc-caption-line-height);margin-top:var(--igc-caption-margin-top);margin-bottom:var(--igc-caption-margin-bottom);color:hsla(var(--igc-gray-700), var(--igc-gray-a));-webkit-padding-start:.125rem;padding-inline-start:.125rem}[part~=symbols-wrapper]{color:hsla(var(--igc-gray-900), var(--igc-gray-a));position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:.125rem;gap:.125rem;counter-reset:symbols;inset-inline-start:0}[part~=fraction] [part=symbols-wrapper]{color:hsla(var(--igc-primary-500), var(--igc-primary-a))}[part~=fraction] [part=symbols-wrapper] [part~=symbol]{-webkit-filter:grayscale(0);filter:grayscale(0)}[part~=symbol]{color:inherit;font-size:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-filter:grayscale(100%);filter:grayscale(100%);cursor:pointer}[part~=symbol] igc-icon{color:inherit}[part~=symbol]:empty::before{content:counter(symbols);counter-increment:symbols}:host([disabled]){pointer-events:none}:host([disabled]) [part~=label]{color:hsla(var(--igc-gray-400), var(--igc-gray-a)) !important}:host([disabled]) [part~=symbols-wrapper]{color:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([disabled]) [part~=fraction] [part=symbols-wrapper]{color:hsla(var(--igc-gray-600), var(--igc-gray-a));-webkit-filter:grayscale(50%);filter:grayscale(50%)}[part~=large]{min-width:1.5rem;min-height:1.5rem;line-height:1.5rem;width:1.5rem;height:1.5rem}[part~=large] igc-icon{width:1.5rem;height:1.5rem;font-size:1.5rem}[part~=medium]{min-width:1.25rem;min-height:1.25rem;line-height:1.25rem;width:1.25rem;height:1.25rem}[part~=medium] igc-icon{width:1.25rem;height:1.25rem;font-size:1.25rem}[part~=small]{min-width:1rem;min-height:1rem;line-height:1rem;width:1rem;height:1rem}[part~=small] igc-icon{width:1rem;height:1rem;font-size:1rem}[part="label large"],[part="label medium"],[part="label small"]{height:auto;width:auto;min-height:0;min-width:0}[part="fraction large"]{min-height:calc(1.5rem + (0.125rem * 2));height:calc(1.5rem + (0.125rem * 2))}[part="fraction medium"]{min-height:calc(1.25rem + (0.125rem * 2));height:calc(1.25rem + (0.125rem * 2))}[part="fraction small"]{min-height:calc(1rem + (0.125rem * 2));height:calc(1rem + (0.125rem * 2))}`;
+//# sourceMappingURL=rating.base.css.js.map

package/components/rating/rating.base.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rating.base.css.js","sourceRoot":"","sources":["../../../src/components/rating/rating.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,w2HAAw2H,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size);scrollbar-color:var(--igc-scrollbar-thumb-color) var(--igc-scrollbar-track-color)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size);height:var(--scrolbar-size);background:var(--igc-scrollbar-track-color)}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color)}[hidden]{display:none !important}:host{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--igc-font-family);-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.25rem}[part~=fraction] [part=symbols-wrapper],[part~=fraction]{position:absolute;overflow:hidden;inset-inline-start:0;min-width:0 !important;z-index:1}slot{display:none}[part=base]{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[part~=label]{font-family:var(--igc-caption-font-family);font-weight:var(--igc-caption-font-weight);font-size:var(--igc-caption-font-size);font-style:var(--igc-caption-font-style);letter-spacing:var(--igc-caption-letter-spacing);text-transform:var(--igc-caption-text-transform);line-height:var(--igc-caption-line-height);margin-top:var(--igc-caption-margin-top);margin-bottom:var(--igc-caption-margin-bottom);color:hsla(var(--igc-gray-700), var(--igc-gray-a));-webkit-padding-start:.125rem;padding-inline-start:.125rem}[part~=symbols-wrapper]{color:hsla(var(--igc-gray-900), var(--igc-gray-a));position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:.125rem;gap:.125rem;counter-reset:symbols;inset-inline-start:0}[part~=fraction] [part=symbols-wrapper]{color:hsla(var(--igc-primary-500), var(--igc-primary-a))}[part~=fraction] [part=symbols-wrapper] [part~=symbol]{-webkit-filter:grayscale(0);filter:grayscale(0)}[part~=symbol]{color:inherit;font-size:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-filter:grayscale(100%);filter:grayscale(100%);cursor:pointer}[part~=symbol] igc-icon{color:inherit}[part~=symbol]:empty::before{content:counter(symbols);counter-increment:symbols}:host([disabled]){pointer-events:none}:host([disabled]) [part~=label]{color:hsla(var(--igc-gray-400), var(--igc-gray-a)) !important}:host([disabled]) [part~=symbols-wrapper]{color:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([disabled]) [part~=fraction] [part=symbols-wrapper]{color:hsla(var(--igc-gray-600), var(--igc-gray-a));-webkit-filter:grayscale(50%);filter:grayscale(50%)}[part~=large]{min-width:1.5rem;min-height:1.5rem;line-height:1.5rem;width:1.5rem;height:1.5rem}[part~=large] igc-icon{width:1.5rem;height:1.5rem;font-size:1.5rem}[part~=medium]{min-width:1.25rem;min-height:1.25rem;line-height:1.25rem;width:1.25rem;height:1.25rem}[part~=medium] igc-icon{width:1.25rem;height:1.25rem;font-size:1.25rem}[part~=small]{min-width:1rem;min-height:1rem;line-height:1rem;width:1rem;height:1rem}[part~=small] igc-icon{width:1rem;height:1rem;font-size:1rem}[part=\"label large\"],[part=\"label medium\"],[part=\"label small\"]{height:auto;width:auto;min-height:0;min-width:0}[part=\"fraction large\"]{min-height:calc(1.5rem + (0.125rem * 2));height:calc(1.5rem + (0.125rem * 2))}[part=\"fraction medium\"]{min-height:calc(1.25rem + (0.125rem * 2));height:calc(1.25rem + (0.125rem * 2))}[part=\"fraction small\"]{min-height:calc(1rem + (0.125rem * 2));height:calc(1rem + (0.125rem * 2))}`;\n"]}

package/components/rating/rating.bootstrap.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/rating/rating.bootstrap.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `[part~=label]{font-family:var(--igc-body-1-font-family);font-weight:var(--igc-body-1-font-weight);font-size:var(--igc-body-1-font-size);font-style:var(--igc-body-1-font-style);letter-spacing:var(--igc-body-1-letter-spacing);text-transform:var(--igc-body-1-text-transform);line-height:var(--igc-body-1-line-height);margin-top:var(--igc-body-1-margin-top);margin-bottom:var(--igc-body-1-margin-bottom);color:hsla(var(--igc-gray-900), var(--igc-gray-a));-webkit-padding-start:.25rem;padding-inline-start:.25rem}`;
+//# sourceMappingURL=rating.bootstrap.css.js.map

package/components/rating/rating.bootstrap.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rating.bootstrap.css.js","sourceRoot":"","sources":["../../../src/components/rating/rating.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8fAA8f,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=label]{font-family:var(--igc-body-1-font-family);font-weight:var(--igc-body-1-font-weight);font-size:var(--igc-body-1-font-size);font-style:var(--igc-body-1-font-style);letter-spacing:var(--igc-body-1-letter-spacing);text-transform:var(--igc-body-1-text-transform);line-height:var(--igc-body-1-line-height);margin-top:var(--igc-body-1-margin-top);margin-bottom:var(--igc-body-1-margin-bottom);color:hsla(var(--igc-gray-900), var(--igc-gray-a));-webkit-padding-start:.25rem;padding-inline-start:.25rem}`;\n"]}

package/components/rating/rating.d.ts

@@ -0,0 +1,97 @@
+import { LitElement } from 'lit';
+import { Constructor } from '../common/mixins/constructor';
+import type IgcRatingSymbolComponent from './rating-symbol';
+export interface IgcRatingEventMap {
+    igcChange: CustomEvent<number>;
+    igcHover: CustomEvent<number>;
+}
+declare const IgcRatingComponent_base: Constructor<import("../common/mixins/sizable").SizableInterface> & Constructor<import("../common/mixins/event-emitter").EventEmitterInterface<IgcRatingEventMap>> & Constructor<LitElement>;
+/**
+ * Rating provides insight regarding others' opinions and experiences,
+ * and can allow the user to submit a rating of their own
+ *
+ * @element igc-rating
+ *
+ * @fires igcChange - Emitted when the value of the control changes.
+ * @fires igcHover - Emitted when hover is enabled and the user mouses over a symbol of the rating.
+ *
+ * @csspart base - The main wrapper which holds all of the rating elements.
+ * @csspart label - The label part.
+ * @csspart symbol - The part for a single symbol.
+ * @csspart fraction -The part for the selected symbols.
+ * @csspart symbols-wrapper - The wrapper that holds all symbols.
+ * @csspart large - A part responsible for the symbols size.
+ * @csspart medium - A part responsible for the symbols size.
+ * @csspart small- A part responsible for the symbols size.
+ */
+export default class IgcRatingComponent extends IgcRatingComponent_base {
+    static readonly tagName = "igc-rating";
+    static styles: import("lit").CSSResult[];
+    protected container: HTMLElement;
+    protected ratingSymbols: Array<IgcRatingSymbolComponent>;
+    protected hoverValue: number;
+    protected hoverState: boolean;
+    protected get isInteractive(): boolean;
+    protected get hasProjectedSymbols(): boolean;
+    protected get isLTR(): boolean;
+    protected get valueText(): string | number;
+    /** The maximum value for the rating */
+    max: number;
+    /** The minimum value change allowed. */
+    step: number;
+    /** The symbol which the rating will display. */
+    symbol: string;
+    /** The name attribute of the control */
+    name: string;
+    /** The label of the control. */
+    label: string;
+    /**
+     * A format string which sets aria-valuetext. All instances of '{0}' will be replaced
+     * with the current value of the control.
+     * Important for screen-readers and useful for localization.
+     */
+    valueFormat: string;
+    /** The current value of the component */
+    value: number;
+    /** Sets the disabled state of the component */
+    disabled: boolean;
+    /** Sets hover preview behavior for the component */
+    hoverPreview: boolean;
+    /** Sets the readonly state of the component */
+    readonly: boolean;
+    protected handleMaxChange(): void;
+    protected handleValueChange(): void;
+    protected handlePrecisionChange(): void;
+    constructor();
+    protected handleClick({ clientX }: MouseEvent): void;
+    protected handleMouseMove({ clientX }: MouseEvent): void;
+    protected handleMouseEnter(): void;
+    protected handleMouseLeave(): void;
+    protected handleKeyDown({ key }: KeyboardEvent): void;
+    protected handleSlotChange(): void;
+    protected calcNewValue(x: number): number;
+    protected getPrecision(num: number): number;
+    protected round(value: number): number;
+    /**
+     * Increments the value of the control by `n` steps multiplied by the
+     * step factor.
+     */
+    stepUp(n?: number): void;
+    /**
+     * Decrements the value of the control by `n` steps multiplied by
+     * the step factor.
+     */
+    stepDown(n?: number): void;
+    protected renderSymbols(): Generator<import("lit-html").TemplateResult<1>, void, unknown>;
+    protected renderProjected(): import("lit-html").TemplateResult<1>;
+    protected renderFractionWrapper(styles: {
+        width: string;
+    }): import("lit-html").TemplateResult<1>;
+    protected render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'igc-rating': IgcRatingComponent;
+    }
+}
+export {};

package/components/rating/rating.fluent.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/rating/rating.fluent.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `[part~=label]{font-family:var(--igc-subtitle-2-font-family);font-weight:var(--igc-subtitle-2-font-weight);font-size:var(--igc-subtitle-2-font-size);font-style:var(--igc-subtitle-2-font-style);letter-spacing:var(--igc-subtitle-2-letter-spacing);text-transform:var(--igc-subtitle-2-text-transform);line-height:var(--igc-subtitle-2-line-height);margin-top:var(--igc-subtitle-2-margin-top);margin-bottom:var(--igc-subtitle-2-margin-bottom);color:hsla(var(--igc-gray-900), var(--igc-gray-a));-webkit-padding-start:.375rem;padding-inline-start:.375rem}:host([disabled]) [part~=symbols-wrapper]{color:hsla(var(--igc-gray-200), var(--igc-gray-a))}:host([disabled]) [part~=label]{color:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([disabled]) [part~=fraction] [part~=symbols-wrapper]{color:hsla(var(--igc-gray-500), var(--igc-gray-a))}`;
+//# sourceMappingURL=rating.fluent.css.js.map

package/components/rating/rating.fluent.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rating.fluent.css.js","sourceRoot":"","sources":["../../../src/components/rating/rating.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,k0BAAk0B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=label]{font-family:var(--igc-subtitle-2-font-family);font-weight:var(--igc-subtitle-2-font-weight);font-size:var(--igc-subtitle-2-font-size);font-style:var(--igc-subtitle-2-font-style);letter-spacing:var(--igc-subtitle-2-letter-spacing);text-transform:var(--igc-subtitle-2-text-transform);line-height:var(--igc-subtitle-2-line-height);margin-top:var(--igc-subtitle-2-margin-top);margin-bottom:var(--igc-subtitle-2-margin-bottom);color:hsla(var(--igc-gray-900), var(--igc-gray-a));-webkit-padding-start:.375rem;padding-inline-start:.375rem}:host([disabled]) [part~=symbols-wrapper]{color:hsla(var(--igc-gray-200), var(--igc-gray-a))}:host([disabled]) [part~=label]{color:hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([disabled]) [part~=fraction] [part~=symbols-wrapper]{color:hsla(var(--igc-gray-500), var(--igc-gray-a))}`;\n"]}

package/components/rating/rating.indigo.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/components/rating/rating.indigo.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `[part~=label]{font-family:var(--igc-body-1-font-family);font-weight:var(--igc-body-1-font-weight);font-size:var(--igc-body-1-font-size);font-style:var(--igc-body-1-font-style);letter-spacing:var(--igc-body-1-letter-spacing);text-transform:var(--igc-body-1-text-transform);line-height:var(--igc-body-1-line-height);margin-top:var(--igc-body-1-margin-top);margin-bottom:var(--igc-body-1-margin-bottom);color:hsla(var(--igc-gray-900), var(--igc-gray-a));-webkit-padding-start:.3125rem;padding-inline-start:.3125rem}`;
+//# sourceMappingURL=rating.indigo.css.js.map

package/components/rating/rating.indigo.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rating.indigo.css.js","sourceRoot":"","sources":["../../../src/components/rating/rating.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,kgBAAkgB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=label]{font-family:var(--igc-body-1-font-family);font-weight:var(--igc-body-1-font-weight);font-size:var(--igc-body-1-font-size);font-style:var(--igc-body-1-font-style);letter-spacing:var(--igc-body-1-letter-spacing);text-transform:var(--igc-body-1-text-transform);line-height:var(--igc-body-1-line-height);margin-top:var(--igc-body-1-margin-top);margin-bottom:var(--igc-body-1-margin-bottom);color:hsla(var(--igc-gray-900), var(--igc-gray-a));-webkit-padding-start:.3125rem;padding-inline-start:.3125rem}`;\n"]}

package/components/rating/rating.js

@@ -0,0 +1,257 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html, LitElement, nothing } from 'lit';
+import { property, query, queryAssignedElements, state, } from 'lit/decorators.js';
+import { styleMap } from 'lit/directives/style-map.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
+import { watch } from '../common/decorators/watch';
+import { EventEmitterMixin } from '../common/mixins/event-emitter';
+import { SizableMixin } from '../common/mixins/sizable';
+import { styles } from './rating.base.css';
+import { styles as bootstrap } from './rating.bootstrap.css';
+import { styles as fluent } from './rating.fluent.css';
+import { styles as indigo } from './rating.indigo.css';
+import { clamp } from '../common/util';
+import { themes } from '../../theming';
+let IgcRatingComponent = class IgcRatingComponent extends SizableMixin(EventEmitterMixin(LitElement)) {
+    constructor() {
+        super();
+        this.hoverValue = -1;
+        this.hoverState = false;
+        this.max = 5;
+        this.step = 1;
+        this.symbol = '⭐';
+        this.value = 0;
+        this.disabled = false;
+        this.hoverPreview = false;
+        this.readonly = false;
+        this.addEventListener('keydown', this.handleKeyDown);
+    }
+    get isInteractive() {
+        return !(this.readonly || this.disabled);
+    }
+    get hasProjectedSymbols() {
+        return this.ratingSymbols.length > 0;
+    }
+    get isLTR() {
+        return (window.getComputedStyle(this).getPropertyValue('direction') === 'ltr');
+    }
+    get valueText() {
+        return this.valueFormat
+            ? this.valueFormat.replace(/\{0\}/gm, `${this.value}`)
+            : this.value;
+    }
+    handleMaxChange() {
+        this.hasProjectedSymbols
+            ? (this.max = this.ratingSymbols.length)
+            : (this.max = Math.max(0, this.max));
+        if (this.max < this.value) {
+            this.value = this.max;
+        }
+    }
+    handleValueChange() {
+        this.value = clamp(this.value, 0, this.max);
+    }
+    handlePrecisionChange() {
+        this.step = clamp(this.step, 0.001, 1);
+    }
+    handleClick({ clientX }) {
+        if (!this.isInteractive) {
+            return;
+        }
+        const value = this.calcNewValue(clientX);
+        this.value === value ? (this.value = 0) : (this.value = value);
+        this.emitEvent('igcChange', { detail: this.value });
+    }
+    handleMouseMove({ clientX }) {
+        if (!this.isInteractive) {
+            return;
+        }
+        const value = this.calcNewValue(clientX);
+        if (this.hoverValue !== value) {
+            this.hoverValue = value;
+            this.emitEvent('igcHover', { detail: this.hoverValue });
+        }
+    }
+    handleMouseEnter() {
+        if (this.isInteractive) {
+            this.hoverState = true;
+        }
+    }
+    handleMouseLeave() {
+        if (this.isInteractive) {
+            this.hoverState = false;
+        }
+    }
+    handleKeyDown({ key }) {
+        if (!this.isInteractive) {
+            return;
+        }
+        let result = this.value;
+        switch (key) {
+            case 'ArrowUp':
+            case 'ArrowRight':
+                result += this.isLTR ? this.step : -this.step;
+                break;
+            case 'ArrowDown':
+            case 'ArrowLeft':
+                result -= this.isLTR ? this.step : -this.step;
+                break;
+            case 'Home':
+                result = this.step;
+                break;
+            case 'End':
+                result = this.max;
+                break;
+            default:
+                return;
+        }
+        this.value = clamp(result, 0, this.max);
+        if (result === this.value) {
+            this.emitEvent('igcChange', { detail: this.value });
+        }
+    }
+    handleSlotChange() {
+        if (this.hasProjectedSymbols) {
+            this.max = this.ratingSymbols.length;
+        }
+        this.requestUpdate();
+    }
+    calcNewValue(x) {
+        const { width, left, right } = this.container.getBoundingClientRect();
+        const percent = this.isLTR ? (x - left) / width : (right - x) / width;
+        const value = this.round(this.max * percent + this.step / 2);
+        return clamp(value, this.step, this.max);
+    }
+    getPrecision(num) {
+        const [_, decimal] = num.toString().split('.');
+        return decimal ? decimal.length : 0;
+    }
+    round(value) {
+        value = Math.round(value / this.step) * this.step;
+        return Number(value.toFixed(this.getPrecision(this.step)));
+    }
+    stepUp(n = 1) {
+        this.value += this.round(n * this.step);
+    }
+    stepDown(n = 1) {
+        this.value -= this.round(n * this.step);
+    }
+    *renderSymbols() {
+        for (let i = 0; i < this.max; i++) {
+            yield html `<span part="symbol ${this.size}">${this.symbol}</span>`;
+        }
+    }
+    renderProjected() {
+        return html `${this.ratingSymbols.map((each) => {
+            const clone = each.cloneNode(true);
+            clone.setAttribute('part', `symbol ${this.size}`);
+            return clone;
+        })}`;
+    }
+    renderFractionWrapper(styles) {
+        return html `<div
+      @click=${this.handleClick}
+      @mouseenter=${this.hoverPreview ? this.handleMouseEnter : nothing}
+      @mouseleave=${this.hoverPreview ? this.handleMouseLeave : nothing}
+      @mousemove=${this.hoverPreview ? this.handleMouseMove : nothing}
+    >
+      <slot @slotchange=${this.handleSlotChange}></slot>
+
+      <div style=${styleMap(styles)} part="fraction ${this.size}">
+        <div part="symbols-wrapper">
+          ${this.hasProjectedSymbols
+            ? this.renderProjected()
+            : this.renderSymbols()}
+        </div>
+      </div>
+      <div part="symbols-wrapper">
+        ${this.hasProjectedSymbols
+            ? this.renderProjected()
+            : this.renderSymbols()}
+      </div>
+    </div>`;
+    }
+    render() {
+        var _a;
+        const value = this.hoverState ? this.hoverValue : this.value;
+        const styles = { width: `${Math.round((value / this.max) * 100)}%` };
+        return html `
+      <label part="label ${this.size}">${this.label}</label>
+      <div
+        part="base"
+        role="slider"
+        tabindex=${ifDefined(this.disabled ? undefined : 0)}
+        aria-label=${(_a = this.label) !== null && _a !== void 0 ? _a : nothing}
+        aria-valuemin="0"
+        aria-valuenow=${this.value}
+        aria-valuemax=${this.max}
+        aria-valuetext=${this.valueText}
+      >
+        ${this.renderFractionWrapper(styles)}
+      </div>
+    `;
+    }
+};
+IgcRatingComponent.tagName = 'igc-rating';
+IgcRatingComponent.styles = [styles];
+__decorate([
+    query('[part="base"]', true)
+], IgcRatingComponent.prototype, "container", void 0);
+__decorate([
+    queryAssignedElements({ selector: 'igc-rating-symbol' })
+], IgcRatingComponent.prototype, "ratingSymbols", void 0);
+__decorate([
+    state()
+], IgcRatingComponent.prototype, "hoverValue", void 0);
+__decorate([
+    state()
+], IgcRatingComponent.prototype, "hoverState", void 0);
+__decorate([
+    property({ type: Number })
+], IgcRatingComponent.prototype, "max", void 0);
+__decorate([
+    property({ type: Number })
+], IgcRatingComponent.prototype, "step", void 0);
+__decorate([
+    property()
+], IgcRatingComponent.prototype, "symbol", void 0);
+__decorate([
+    property()
+], IgcRatingComponent.prototype, "name", void 0);
+__decorate([
+    property()
+], IgcRatingComponent.prototype, "label", void 0);
+__decorate([
+    property({ attribute: 'value-format' })
+], IgcRatingComponent.prototype, "valueFormat", void 0);
+__decorate([
+    property({ type: Number })
+], IgcRatingComponent.prototype, "value", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], IgcRatingComponent.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true, attribute: 'hover-preview' })
+], IgcRatingComponent.prototype, "hoverPreview", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], IgcRatingComponent.prototype, "readonly", void 0);
+__decorate([
+    watch('max')
+], IgcRatingComponent.prototype, "handleMaxChange", null);
+__decorate([
+    watch('value')
+], IgcRatingComponent.prototype, "handleValueChange", null);
+__decorate([
+    watch('step')
+], IgcRatingComponent.prototype, "handlePrecisionChange", null);
+IgcRatingComponent = __decorate([
+    themes({ fluent, bootstrap, indigo })
+], IgcRatingComponent);
+export default IgcRatingComponent;
+//# sourceMappingURL=rating.js.map

package/components/rating/rating.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rating.js","sourceRoot":"","sources":["../../../src/components/rating/rating.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, LitElement, nothing } from 'lit';\nimport {\n  property,\n  query,\n  queryAssignedElements,\n  state,\n} from 'lit/decorators.js';\nimport { styleMap } from 'lit/directives/style-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { watch } from '../common/decorators/watch';\nimport { Constructor } from '../common/mixins/constructor';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter';\nimport { SizableMixin } from '../common/mixins/sizable';\nimport { styles } from './rating.base.css';\nimport { styles as bootstrap } from './rating.bootstrap.css';\nimport { styles as fluent } from './rating.fluent.css';\nimport { styles as indigo } from './rating.indigo.css';\nimport { clamp } from '../common/util';\nimport type IgcRatingSymbolComponent from './rating-symbol';\nimport { themes } from '../../theming';\n\nexport interface IgcRatingEventMap {\n  igcChange: CustomEvent<number>;\n  igcHover: CustomEvent<number>;\n}\n\n/**\n * Rating provides insight regarding others' opinions and experiences,\n * and can allow the user to submit a rating of their own\n *\n * @element igc-rating\n *\n * @fires igcChange - Emitted when the value of the control changes.\n * @fires igcHover - Emitted when hover is enabled and the user mouses over a symbol of the rating.\n *\n * @csspart base - The main wrapper which holds all of the rating elements.\n * @csspart label - The label part.\n * @csspart symbol - The part for a single symbol.\n * @csspart fraction -The part for the selected symbols.\n * @csspart symbols-wrapper - The wrapper that holds all symbols.\n * @csspart large - A part responsible for the symbols size.\n * @csspart medium - A part responsible for the symbols size.\n * @csspart small- A part responsible for the symbols size.\n */\n@themes({ fluent, bootstrap, indigo })\nexport default class IgcRatingComponent extends SizableMixin(\n  EventEmitterMixin<IgcRatingEventMap, Constructor<LitElement>>(LitElement)\n) {\n  public static readonly tagName = 'igc-rating';\n\n  public static styles = [styles];\n\n  @query('[part=\"base\"]', true)\n  protected container!: HTMLElement;\n\n  @queryAssignedElements({ selector: 'igc-rating-symbol' })\n  protected ratingSymbols!: Array<IgcRatingSymbolComponent>;\n\n  @state()\n  protected hoverValue = -1;\n\n  @state()\n  protected hoverState = false;\n\n  protected get isInteractive() {\n    return !(this.readonly || this.disabled);\n  }\n\n  protected get hasProjectedSymbols() {\n    return this.ratingSymbols.length > 0;\n  }\n\n  protected get isLTR() {\n    return (\n      window.getComputedStyle(this).getPropertyValue('direction') === 'ltr'\n    );\n  }\n\n  protected get valueText() {\n    return this.valueFormat\n      ? this.valueFormat.replace(/\\{0\\}/gm, `${this.value}`)\n      : this.value;\n  }\n\n  /** The maximum value for the rating */\n  @property({ type: Number })\n  public max = 5;\n\n  /** The minimum value change allowed. */\n  @property({ type: Number })\n  public step = 1;\n\n  /** The symbol which the rating will display. */\n  @property()\n  public symbol = '⭐';\n\n  /** The name attribute of the control */\n  @property()\n  public name!: string;\n\n  /** The label of the control. */\n  @property()\n  public label!: string;\n\n  /**\n   * A format string which sets aria-valuetext. All instances of '{0}' will be replaced\n   * with the current value of the control.\n   * Important for screen-readers and useful for localization.\n   */\n  @property({ attribute: 'value-format' })\n  public valueFormat!: string;\n\n  /** The current value of the component */\n  @property({ type: Number })\n  public value = 0;\n\n  /** Sets the disabled state of the component */\n  @property({ type: Boolean, reflect: true })\n  public disabled = false;\n\n  /** Sets hover preview behavior for the component */\n  @property({ type: Boolean, reflect: true, attribute: 'hover-preview' })\n  public hoverPreview = false;\n\n  /** Sets the readonly state of the component */\n  @property({ type: Boolean, reflect: true })\n  public readonly = false;\n\n  @watch('max')\n  protected handleMaxChange() {\n    this.hasProjectedSymbols\n      ? (this.max = this.ratingSymbols.length)\n      : (this.max = Math.max(0, this.max));\n    if (this.max < this.value) {\n      this.value = this.max;\n    }\n  }\n\n  @watch('value')\n  protected handleValueChange() {\n    this.value = clamp(this.value, 0, this.max);\n  }\n\n  @watch('step')\n  protected handlePrecisionChange() {\n    this.step = clamp(this.step, 0.001, 1);\n  }\n\n  constructor() {\n    super();\n    this.addEventListener('keydown', this.handleKeyDown);\n  }\n\n  protected handleClick({ clientX }: MouseEvent) {\n    if (!this.isInteractive) {\n      return;\n    }\n\n    const value = this.calcNewValue(clientX);\n    this.value === value ? (this.value = 0) : (this.value = value);\n    this.emitEvent('igcChange', { detail: this.value });\n  }\n\n  protected handleMouseMove({ clientX }: MouseEvent) {\n    if (!this.isInteractive) {\n      return;\n    }\n\n    const value = this.calcNewValue(clientX);\n\n    if (this.hoverValue !== value) {\n      // Since mousemove spams a lot, only emit on a value change\n      this.hoverValue = value;\n      this.emitEvent('igcHover', { detail: this.hoverValue });\n    }\n  }\n\n  protected handleMouseEnter() {\n    if (this.isInteractive) {\n      this.hoverState = true;\n    }\n  }\n\n  protected handleMouseLeave() {\n    if (this.isInteractive) {\n      this.hoverState = false;\n    }\n  }\n\n  protected handleKeyDown({ key }: KeyboardEvent) {\n    if (!this.isInteractive) {\n      return;\n    }\n\n    let result = this.value;\n\n    switch (key) {\n      case 'ArrowUp':\n      case 'ArrowRight':\n        result += this.isLTR ? this.step : -this.step;\n        break;\n      case 'ArrowDown':\n      case 'ArrowLeft':\n        result -= this.isLTR ? this.step : -this.step;\n        break;\n      case 'Home':\n        result = this.step;\n        break;\n      case 'End':\n        result = this.max;\n        break;\n      default:\n        return;\n    }\n\n    // Verify new value is in bounds and emit\n    this.value = clamp(result, 0, this.max);\n\n    if (result === this.value) {\n      this.emitEvent('igcChange', { detail: this.value });\n    }\n  }\n\n  protected handleSlotChange() {\n    if (this.hasProjectedSymbols) {\n      this.max = this.ratingSymbols.length;\n    }\n    this.requestUpdate();\n  }\n\n  protected calcNewValue(x: number) {\n    const { width, left, right } = this.container.getBoundingClientRect();\n    const percent = this.isLTR ? (x - left) / width : (right - x) / width;\n    const value = this.round(this.max * percent + this.step / 2);\n\n    return clamp(value, this.step, this.max);\n  }\n\n  protected getPrecision(num: number) {\n    const [_, decimal] = num.toString().split('.');\n    return decimal ? decimal.length : 0;\n  }\n\n  protected round(value: number) {\n    value = Math.round(value / this.step) * this.step;\n    return Number(value.toFixed(this.getPrecision(this.step)));\n  }\n\n  /**\n   * Increments the value of the control by `n` steps multiplied by the\n   * step factor.\n   */\n  public stepUp(n = 1) {\n    this.value += this.round(n * this.step);\n  }\n\n  /**\n   * Decrements the value of the control by `n` steps multiplied by\n   * the step factor.\n   */\n  public stepDown(n = 1) {\n    this.value -= this.round(n * this.step);\n  }\n\n  protected *renderSymbols() {\n    for (let i = 0; i < this.max; i++) {\n      yield html`<span part=\"symbol ${this.size}\">${this.symbol}</span>`;\n    }\n  }\n\n  protected renderProjected() {\n    return html`${this.ratingSymbols.map((each) => {\n      const clone = each.cloneNode(true) as IgcRatingSymbolComponent;\n      clone.setAttribute('part', `symbol ${this.size}`);\n      return clone;\n    })}`;\n  }\n\n  protected renderFractionWrapper(styles: { width: string }) {\n    return html`<div\n      @click=${this.handleClick}\n      @mouseenter=${this.hoverPreview ? this.handleMouseEnter : nothing}\n      @mouseleave=${this.hoverPreview ? this.handleMouseLeave : nothing}\n      @mousemove=${this.hoverPreview ? this.handleMouseMove : nothing}\n    >\n      <slot @slotchange=${this.handleSlotChange}></slot>\n\n      <div style=${styleMap(styles)} part=\"fraction ${this.size}\">\n        <div part=\"symbols-wrapper\">\n          ${this.hasProjectedSymbols\n            ? this.renderProjected()\n            : this.renderSymbols()}\n        </div>\n      </div>\n      <div part=\"symbols-wrapper\">\n        ${this.hasProjectedSymbols\n          ? this.renderProjected()\n          : this.renderSymbols()}\n      </div>\n    </div>`;\n  }\n\n  protected override render() {\n    const value = this.hoverState ? this.hoverValue : this.value;\n    const styles = { width: `${Math.round((value / this.max) * 100)}%` };\n\n    return html`\n      <label part=\"label ${this.size}\">${this.label}</label>\n      <div\n        part=\"base\"\n        role=\"slider\"\n        tabindex=${ifDefined(this.disabled ? undefined : 0)}\n        aria-label=${this.label ?? nothing}\n        aria-valuemin=\"0\"\n        aria-valuenow=${this.value}\n        aria-valuemax=${this.max}\n        aria-valuetext=${this.valueText}\n      >\n        ${this.renderFractionWrapper(styles)}\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-rating': IgcRatingComponent;\n  }\n}\n"]}

package/custom-elements.json

@@ -3027,6 +3027,224 @@
         }
       ]
     },
+    {
+      "name": "igc-rating-symbol",
+      "path": "./src/components/rating/rating-symbol.ts",
+      "description": "\nUsed when a custom icon/symbol/element needs to be passed to the igc-rating component.",
+      "properties": [
+        {
+          "name": "tagName",
+          "type": "\"igc-rating-symbol\"",
+          "default": "\"igc-rating-symbol\""
+        }
+      ],
+      "slots": [
+        {
+          "name": "",
+          "description": "Default slot for projected symbols/icons."
+        }
+      ]
+    },
+    {
+      "name": "igc-rating",
+      "path": "./src/components/rating/rating.ts",
+      "description": "Rating provides insight regarding others' opinions and experiences,\nand can allow the user to submit a rating of their own",
+      "attributes": [
+        {
+          "name": "max",
+          "description": "The maximum value for the rating",
+          "type": "number",
+          "default": "5"
+        },
+        {
+          "name": "step",
+          "description": "The minimum value change allowed.",
+          "type": "number",
+          "default": "1"
+        },
+        {
+          "name": "symbol",
+          "description": "The symbol which the rating will display.",
+          "type": "string",
+          "default": "\"⭐\""
+        },
+        {
+          "name": "name",
+          "description": "The name attribute of the control",
+          "type": "string"
+        },
+        {
+          "name": "label",
+          "description": "The label of the control.",
+          "type": "string"
+        },
+        {
+          "name": "value-format",
+          "description": "A format string which sets aria-valuetext. All instances of '{0}' will be replaced\nwith the current value of the control.\nImportant for screen-readers and useful for localization.",
+          "type": "string"
+        },
+        {
+          "name": "value",
+          "description": "The current value of the component",
+          "type": "number",
+          "default": "0"
+        },
+        {
+          "name": "disabled",
+          "description": "Sets the disabled state of the component",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "hover-preview",
+          "description": "Sets hover preview behavior for the component",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "description": "Sets the readonly state of the component",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "size",
+          "description": "Determines the size of the component.",
+          "type": "\"small\" | \"medium\" | \"large\"",
+          "default": "\"large\""
+        }
+      ],
+      "properties": [
+        {
+          "name": "tagName",
+          "type": "\"igc-rating\"",
+          "default": "\"igc-rating\""
+        },
+        {
+          "name": "styles",
+          "type": "CSSResult[]",
+          "default": "[\"styles\"]"
+        },
+        {
+          "name": "max",
+          "attribute": "max",
+          "description": "The maximum value for the rating",
+          "type": "number",
+          "default": "5"
+        },
+        {
+          "name": "step",
+          "attribute": "step",
+          "description": "The minimum value change allowed.",
+          "type": "number",
+          "default": "1"
+        },
+        {
+          "name": "symbol",
+          "attribute": "symbol",
+          "description": "The symbol which the rating will display.",
+          "type": "string",
+          "default": "\"⭐\""
+        },
+        {
+          "name": "name",
+          "attribute": "name",
+          "description": "The name attribute of the control",
+          "type": "string"
+        },
+        {
+          "name": "label",
+          "attribute": "label",
+          "description": "The label of the control.",
+          "type": "string"
+        },
+        {
+          "name": "valueFormat",
+          "attribute": "value-format",
+          "description": "A format string which sets aria-valuetext. All instances of '{0}' will be replaced\nwith the current value of the control.\nImportant for screen-readers and useful for localization.",
+          "type": "string"
+        },
+        {
+          "name": "value",
+          "attribute": "value",
+          "description": "The current value of the component",
+          "type": "number",
+          "default": "0"
+        },
+        {
+          "name": "disabled",
+          "attribute": "disabled",
+          "description": "Sets the disabled state of the component",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "hoverPreview",
+          "attribute": "hover-preview",
+          "description": "Sets hover preview behavior for the component",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "readonly",
+          "attribute": "readonly",
+          "description": "Sets the readonly state of the component",
+          "type": "boolean",
+          "default": "false"
+        },
+        {
+          "name": "size",
+          "attribute": "size",
+          "description": "Determines the size of the component.",
+          "type": "\"small\" | \"medium\" | \"large\"",
+          "default": "\"large\""
+        }
+      ],
+      "events": [
+        {
+          "name": "igcChange",
+          "description": "Emitted when the value of the control changes."
+        },
+        {
+          "name": "igcHover",
+          "description": "Emitted when hover is enabled and the user mouses over a symbol of the rating."
+        }
+      ],
+      "cssParts": [
+        {
+          "name": "base",
+          "description": "The main wrapper which holds all of the rating elements."
+        },
+        {
+          "name": "label",
+          "description": "The label part."
+        },
+        {
+          "name": "symbol",
+          "description": "The part for a single symbol."
+        },
+        {
+          "name": "fraction",
+          "description": "The part for the selected symbols."
+        },
+        {
+          "name": "symbols-wrapper",
+          "description": "The wrapper that holds all symbols."
+        },
+        {
+          "name": "large",
+          "description": "A part responsible for the symbols size."
+        },
+        {
+          "name": "medium",
+          "description": "A part responsible for the symbols size."
+        },
+        {
+          "name": "small",
+          "description": "A part responsible for the symbols size."
+        }
+      ]
+    },
     {
       "name": "igc-ripple",
       "path": "./src/components/ripple/ripple.ts",

package/index.d.ts

@@ -36,6 +36,8 @@ export { default as IgcNavDrawerItemComponent } from './components/nav-drawer/na
 export { default as IgcNavbarComponent } from './components/navbar/navbar';
 export { default as IgcRadioGroupComponent } from './components/radio-group/radio-group';
 export { default as IgcRadioComponent } from './components/radio/radio';
+export { default as IgcRatingComponent } from './components/rating/rating';
+export { default as IgcRatingSymbolComponent } from './components/rating/rating-symbol';
 export { default as IgcRippleComponent } from './components/ripple/ripple';
 export { default as IgcRangeSliderComponent, IgcRangeSliderValue, } from './components/slider/range-slider';
 export { default as IgcSnackbarComponent } from './components/snackbar/snackbar';

package/index.js

@@ -35,6 +35,8 @@ export { default as IgcNavDrawerItemComponent } from './components/nav-drawer/na
 export { default as IgcNavbarComponent } from './components/navbar/navbar';
 export { default as IgcRadioGroupComponent } from './components/radio-group/radio-group';
 export { default as IgcRadioComponent } from './components/radio/radio';
+export { default as IgcRatingComponent } from './components/rating/rating';
+export { default as IgcRatingSymbolComponent } from './components/rating/rating-symbol';
 export { default as IgcRippleComponent } from './components/ripple/ripple';
 export { default as IgcRangeSliderComponent, } from './components/slider/range-slider';
 export { default as IgcSnackbarComponent } from './components/snackbar/snackbar';

package/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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","sourcesContent":["// Components\n\nexport { default as IgcAvatarComponent } from './components/avatar/avatar';\nexport { default as IgcBadgeComponent } from './components/badge/badge';\nexport { default as IgcButtonComponent } from './components/button/button';\nexport { IgcButtonBaseComponent } from './components/button/button-base';\nexport { default as IgcIconButtonComponent } from './components/button/icon-button';\nexport { default as IgcCalendarComponent } from './components/calendar/calendar';\nexport { IgcCalendarBaseComponent } from './components/calendar/common/calendar-base';\nexport {\n  DateRangeDescriptor,\n  DateRangeType,\n} from './components/calendar/common/calendar.model';\nexport { default as IgcCardComponent } from './components/card/card';\nexport { default as IgcCardActionsComponent } from './components/card/card.actions';\nexport { default as IgcCardContentComponent } from './components/card/card.content';\nexport { default as IgcCardHeaderComponent } from './components/card/card.header';\nexport { default as IgcCardMediaComponent } from './components/card/card.media';\nexport { default as IgcCheckboxComponent } from './components/checkbox/checkbox';\nexport { IgcCheckboxBaseComponent } from './components/checkbox/checkbox-base';\nexport { default as IgcSwitchComponent } from './components/checkbox/switch';\nexport { defineAllComponents } from './components/common/definitions/defineAllComponents';\nexport { defineComponents } from './components/common/definitions/defineComponents';\nexport { IgcCalendarResourceStrings } from './components/common/i18n/calendar.resources';\nexport { SizableMixin } from './components/common/mixins/sizable';\nexport { default as IgcChipComponent } from './components/chip/chip';\nexport { default as IgcCircularProgressComponent } from './components/progress/circular-progress';\nexport { default as IgcCircularGradientComponent } from './components/progress/circular-gradient';\nexport { default as IgcFormComponent } from './components/form/form';\nexport { default as IgcIconComponent } from './components/icon/icon';\n// utility stuff\nexport {\n  registerIcon,\n  registerIconFromText,\n} from './components/icon/icon.registry';\nexport { default as IgcInputComponent } from './components/input/input';\nexport { IgcInputBaseComponent } from './components/input/input-base';\nexport { default as IgcLinearProgressComponent } from './components/progress/linear-progress';\nexport { default as IgcListComponent } from './components/list/list';\nexport { default as IgcListHeaderComponent } from './components/list/list-header';\nexport { default as IgcListItemComponent } from './components/list/list-item';\nexport { default as IgcNavDrawerComponent } from './components/nav-drawer/nav-drawer';\nexport { default as IgcNavDrawerHeaderItemComponent } from './components/nav-drawer/nav-drawer-header-item';\nexport { default as IgcNavDrawerItemComponent } from './components/nav-drawer/nav-drawer-item';\nexport { default as IgcNavbarComponent } from './components/navbar/navbar';\nexport { default as IgcRadioGroupComponent } from './components/radio-group/radio-group';\nexport { default as IgcRadioComponent } from './components/radio/radio';\nexport { default as IgcRippleComponent } from './components/ripple/ripple';\nexport {\n  default as IgcRangeSliderComponent,\n  IgcRangeSliderValue,\n} from './components/slider/range-slider';\nexport { default as IgcSnackbarComponent } from './components/snackbar/snackbar';\nexport { default as IgcSliderComponent } from './components/slider/slider';\nexport { IgcSliderBaseComponent } from './components/slider/slider-base';\nexport { default as IgcSliderLabelComponent } from './components/slider/slider-label';\nexport { default as IgcToastComponent } from './components/toast/toast';\nexport { configureTheme } from './theming/config';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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","sourcesContent":["// Components\n\nexport { default as IgcAvatarComponent } from './components/avatar/avatar';\nexport { default as IgcBadgeComponent } from './components/badge/badge';\nexport { default as IgcButtonComponent } from './components/button/button';\nexport { IgcButtonBaseComponent } from './components/button/button-base';\nexport { default as IgcIconButtonComponent } from './components/button/icon-button';\nexport { default as IgcCalendarComponent } from './components/calendar/calendar';\nexport { IgcCalendarBaseComponent } from './components/calendar/common/calendar-base';\nexport {\n  DateRangeDescriptor,\n  DateRangeType,\n} from './components/calendar/common/calendar.model';\nexport { default as IgcCardComponent } from './components/card/card';\nexport { default as IgcCardActionsComponent } from './components/card/card.actions';\nexport { default as IgcCardContentComponent } from './components/card/card.content';\nexport { default as IgcCardHeaderComponent } from './components/card/card.header';\nexport { default as IgcCardMediaComponent } from './components/card/card.media';\nexport { default as IgcCheckboxComponent } from './components/checkbox/checkbox';\nexport { IgcCheckboxBaseComponent } from './components/checkbox/checkbox-base';\nexport { default as IgcSwitchComponent } from './components/checkbox/switch';\nexport { defineAllComponents } from './components/common/definitions/defineAllComponents';\nexport { defineComponents } from './components/common/definitions/defineComponents';\nexport { IgcCalendarResourceStrings } from './components/common/i18n/calendar.resources';\nexport { SizableMixin } from './components/common/mixins/sizable';\nexport { default as IgcChipComponent } from './components/chip/chip';\nexport { default as IgcCircularProgressComponent } from './components/progress/circular-progress';\nexport { default as IgcCircularGradientComponent } from './components/progress/circular-gradient';\nexport { default as IgcFormComponent } from './components/form/form';\nexport { default as IgcIconComponent } from './components/icon/icon';\n// utility stuff\nexport {\n  registerIcon,\n  registerIconFromText,\n} from './components/icon/icon.registry';\nexport { default as IgcInputComponent } from './components/input/input';\nexport { IgcInputBaseComponent } from './components/input/input-base';\nexport { default as IgcLinearProgressComponent } from './components/progress/linear-progress';\nexport { default as IgcListComponent } from './components/list/list';\nexport { default as IgcListHeaderComponent } from './components/list/list-header';\nexport { default as IgcListItemComponent } from './components/list/list-item';\nexport { default as IgcNavDrawerComponent } from './components/nav-drawer/nav-drawer';\nexport { default as IgcNavDrawerHeaderItemComponent } from './components/nav-drawer/nav-drawer-header-item';\nexport { default as IgcNavDrawerItemComponent } from './components/nav-drawer/nav-drawer-item';\nexport { default as IgcNavbarComponent } from './components/navbar/navbar';\nexport { default as IgcRadioGroupComponent } from './components/radio-group/radio-group';\nexport { default as IgcRadioComponent } from './components/radio/radio';\nexport { default as IgcRatingComponent } from './components/rating/rating';\nexport { default as IgcRatingSymbolComponent } from './components/rating/rating-symbol';\nexport { default as IgcRippleComponent } from './components/ripple/ripple';\nexport {\n  default as IgcRangeSliderComponent,\n  IgcRangeSliderValue,\n} from './components/slider/range-slider';\nexport { default as IgcSnackbarComponent } from './components/snackbar/snackbar';\nexport { default as IgcSliderComponent } from './components/slider/slider';\nexport { IgcSliderBaseComponent } from './components/slider/slider-base';\nexport { default as IgcSliderLabelComponent } from './components/slider/slider-label';\nexport { default as IgcToastComponent } from './components/toast/toast';\nexport { configureTheme } from './theming/config';\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "igniteui-webcomponents",
-  "version": "2.1.0-beta.0",
+  "version": "2.1.0-beta.1",
   "description": "Ignite UI for Web Components is a complete library of UI components, giving you the ability to build modern web applications using encapsulation and the concept of reusable components in a dependency-free approach.",
   "author": "Infragistics",
   "license": "SEE LICENSE IN LICENSE",

package/vscode-html-custom-data.json

@@ -1314,6 +1314,83 @@
         }
       ]
     },
+    {
+      "name": "igc-rating-symbol",
+      "description": "\nUsed when a custom icon/symbol/element needs to be passed to the igc-rating component.\n\nSlots:\n\n  * ` ` {} - Default slot for projected symbols/icons.\n\nProperties:\n\n  * `tagName` {`\"igc-rating-symbol\"`} - ",
+      "attributes": []
+    },
+    {
+      "name": "igc-rating",
+      "description": "Rating provides insight regarding others' opinions and experiences,\nand can allow the user to submit a rating of their own\n\nEvents:\n\n  * `igcChange` {} - Emitted when the value of the control changes.\n\n  * `igcHover` {} - Emitted when hover is enabled and the user mouses over a symbol of the rating.\n\nAttributes:\n\n  * `max` {`number`} - The maximum value for the rating\n\n  * `step` {`number`} - The minimum value change allowed.\n\n  * `symbol` {`string`} - The symbol which the rating will display.\n\n  * `name` {`string`} - The name attribute of the control\n\n  * `label` {`string`} - The label of the control.\n\n  * `value-format` {`string`} - A format string which sets aria-valuetext. All instances of '{0}' will be replaced\nwith the current value of the control.\nImportant for screen-readers and useful for localization.\n\n  * `value` {`number`} - The current value of the component\n\n  * `disabled` {`boolean`} - Sets the disabled state of the component\n\n  * `hover-preview` {`boolean`} - Sets hover preview behavior for the component\n\n  * `readonly` {`boolean`} - Sets the readonly state of the component\n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperties:\n\n  * `tagName` {`\"igc-rating\"`} - \n\n  * `styles` {`CSSResult[]`} - \n\n  * `container` {`HTMLElement`} - \n\n  * `ratingSymbols` {`IgcRatingSymbolComponent[]`} - \n\n  * `hoverValue` {`number`} - \n\n  * `hoverState` {`boolean`} - \n\n  * `isInteractive` {`boolean`} - \n\n  * `hasProjectedSymbols` {`boolean`} - \n\n  * `isLTR` {`boolean`} - \n\n  * `valueText` {`string | number`} - \n\n  * `max` {`number`} - The maximum value for the rating\n\n  * `step` {`number`} - The minimum value change allowed.\n\n  * `symbol` {`string`} - The symbol which the rating will display.\n\n  * `name` {`string`} - The name attribute of the control\n\n  * `label` {`string`} - The label of the control.\n\n  * `valueFormat` {`string`} - A format string which sets aria-valuetext. All instances of '{0}' will be replaced\nwith the current value of the control.\nImportant for screen-readers and useful for localization.\n\n  * `value` {`number`} - The current value of the component\n\n  * `disabled` {`boolean`} - Sets the disabled state of the component\n\n  * `hoverPreview` {`boolean`} - Sets hover preview behavior for the component\n\n  * `readonly` {`boolean`} - Sets the readonly state of the component\n\n  * `size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.",
+      "attributes": [
+        {
+          "name": "max",
+          "description": "`max` {`number`} - The maximum value for the rating\n\nProperty: max\n\nDefault: 5"
+        },
+        {
+          "name": "step",
+          "description": "`step` {`number`} - The minimum value change allowed.\n\nProperty: step\n\nDefault: 1"
+        },
+        {
+          "name": "symbol",
+          "description": "`symbol` {`string`} - The symbol which the rating will display.\n\nProperty: symbol\n\nDefault: ⭐"
+        },
+        {
+          "name": "name",
+          "description": "`name` {`string`} - The name attribute of the control\n\nProperty: name"
+        },
+        {
+          "name": "label",
+          "description": "`label` {`string`} - The label of the control.\n\nProperty: label"
+        },
+        {
+          "name": "value-format",
+          "description": "`value-format` {`string`} - A format string which sets aria-valuetext. All instances of '{0}' will be replaced\nwith the current value of the control.\nImportant for screen-readers and useful for localization.\n\nProperty: valueFormat"
+        },
+        {
+          "name": "value",
+          "description": "`value` {`number`} - The current value of the component\n\nProperty: value\n\nDefault: 0"
+        },
+        {
+          "name": "disabled",
+          "description": "`disabled` {`boolean`} - Sets the disabled state of the component\n\nProperty: disabled\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "hover-preview",
+          "description": "`hover-preview` {`boolean`} - Sets hover preview behavior for the component\n\nProperty: hoverPreview\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "readonly",
+          "description": "`readonly` {`boolean`} - Sets the readonly state of the component\n\nProperty: readonly\n\nDefault: false",
+          "valueSet": "v"
+        },
+        {
+          "name": "size",
+          "description": "`size` {\"small\" | \"medium\" | \"large\"} - Determines the size of the component.\n\nProperty: size\n\nDefault: large",
+          "values": [
+            {
+              "name": "small"
+            },
+            {
+              "name": "medium"
+            },
+            {
+              "name": "large"
+            }
+          ]
+        },
+        {
+          "name": "onigcChange",
+          "description": "`igcChange` {} - Emitted when the value of the control changes."
+        },
+        {
+          "name": "onigcHover",
+          "description": "`igcHover` {} - Emitted when hover is enabled and the user mouses over a symbol of the rating."
+        }
+      ]
+    },
     {
       "name": "igc-ripple",
       "description": "A ripple can be applied to an element to represent\ninteractive surface.\n\nProperties:\n\n  * `tagName` {`\"igc-ripple\"`} - \n\n  * `styles` {`CSSResult`} - \n\n  * `handler` - ",