@skyux/colorpicker 7.4.2 → 7.6.0

package/fesm2020/skyux-colorpicker-testing.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"skyux-colorpicker-testing.mjs","sources":["../../../../../libs/components/colorpicker/testing/src/colorpicker-fixture.ts","../../../../../libs/components/colorpicker/testing/src/skyux-colorpicker-testing.ts"],"sourcesContent":["import { DebugElement } from '@angular/core';\nimport { ComponentFixture } from '@angular/core/testing';\nimport { By } from '@angular/platform-browser';\nimport { SkyAppTestUtility } from '@skyux-sdk/testing';\n\n/**\n * Allows interaction with a SKY UX colorpicker component.\n * @internal\n */\nexport class SkyColorpickerFixture {\n  #debugEl: DebugElement;\n  #fixture: ComponentFixture<unknown>;\n\n  constructor(fixture: ComponentFixture<unknown>, skyTestId: string) {\n    this.#fixture = fixture;\n    this.#debugEl = SkyAppTestUtility.getDebugElementByTestId(\n      fixture,\n      skyTestId,\n      'sky-colorpicker'\n    );\n  }\n\n  /**\n   * The colorpicker's currently selected color formatted to the `outputFormat`.\n   */\n  public get value(): string {\n    return this.#getColorpickerInputEl().nativeElement.value;\n  }\n\n  /**\n   * Set the colorpicker's color hex code.\n   * @param hexValue The new color hex code. Must inculde '#'.\n   */\n  public async setValueFromHex(hexValue: string): Promise<void> {\n    await this.#clickColorpickerButtonEl();\n\n    const hexInput = document.querySelector(\n      'input[id^=sky-colorpicker-hex-]'\n    ) as HTMLInputElement;\n\n    hexInput.value = hexValue;\n    SkyAppTestUtility.fireDomEvent(hexInput, 'input');\n\n    await this.#clickColorpickerApplyButtonEl();\n\n    return this.#fixture.whenStable();\n  }\n\n  /**\n   * Set the colorpicker's color RGB values.\n   * @param red The red color value.\n   * @param green The green color value.\n   * @param blue The blue color value.\n   * @param alpha The alpha channel value.\n   */\n  public async setValueFromRGBA(\n    red: number,\n    green: number,\n    blue: number,\n    alpha: number\n  ): Promise<void> {\n    await this.#clickColorpickerButtonEl();\n\n    const rInput = document.querySelector(\n      'input[id^=sky-colorpicker-red-]'\n    ) as HTMLInputElement;\n    const gInput = document.querySelector(\n      'input[id^=sky-colorpicker-green-]'\n    ) as HTMLInputElement;\n    const bInput = document.querySelector(\n      'input[id^=sky-colorpicker-blue-]'\n    ) as HTMLInputElement;\n    const aInput = document.querySelector(\n      'input[id^=sky-colorpicker-alpha-]'\n    ) as HTMLInputElement;\n\n    rInput.value = red.toString();\n    gInput.value = green.toString();\n    bInput.value = blue.toString();\n    aInput.value = alpha.toString();\n\n    SkyAppTestUtility.fireDomEvent(rInput, 'input');\n    SkyAppTestUtility.fireDomEvent(gInput, 'input');\n    SkyAppTestUtility.fireDomEvent(bInput, 'input');\n    SkyAppTestUtility.fireDomEvent(aInput, 'input');\n\n    await this.#clickColorpickerApplyButtonEl();\n\n    return this.#fixture.whenStable();\n  }\n\n  /**\n   * Set the colorpicker's color to the provided preset color at the given index.\n   * @param presetIndex The index of the color in the `presetColors` list to select.\n   */\n  public async setValueFromPresets(presetIndex: number): Promise<void> {\n    await this.#clickColorpickerButtonEl();\n\n    const presetColors = document.querySelectorAll(\n      '.sky-colorpicker-preset-color-area button'\n    );\n    const presetColor =\n      presetColors && (presetColors[presetIndex] as HTMLButtonElement);\n\n    if (presetColor) {\n      presetColor.click();\n      this.#fixture.detectChanges();\n    }\n\n    await this.#clickColorpickerApplyButtonEl();\n\n    return this.#fixture.whenStable();\n  }\n\n  async #clickColorpickerButtonEl(): Promise<void> {\n    const colorpickerButton = this.#debugEl.query(\n      By.css('sky-colorpicker button')\n    ).nativeElement;\n\n    colorpickerButton.click();\n\n    this.#fixture.detectChanges();\n\n    return this.#fixture.whenStable();\n  }\n\n  async #clickColorpickerApplyButtonEl(): Promise<void> {\n    const applyButton = document.querySelector(\n      '.sky-btn-colorpicker-apply'\n    ) as HTMLButtonElement;\n\n    applyButton.click();\n\n    this.#fixture.detectChanges();\n\n    return this.#fixture.whenStable();\n  }\n\n  #getColorpickerInputEl(): DebugElement {\n    return this.#debugEl.query(By.css('sky-colorpicker input'));\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"skyux-colorpicker-testing.mjs","sources":["../../../../../libs/components/colorpicker/testing/src/colorpicker-fixture.ts","../../../../../libs/components/colorpicker/testing/src/skyux-colorpicker-testing.ts"],"sourcesContent":["import { DebugElement } from '@angular/core';\nimport { ComponentFixture } from '@angular/core/testing';\nimport { By } from '@angular/platform-browser';\nimport { SkyAppTestUtility } from '@skyux-sdk/testing';\n\n/**\n * Allows interaction with a SKY UX colorpicker component.\n * @internal\n */\nexport class SkyColorpickerFixture {\n  #debugEl: DebugElement;\n  #fixture: ComponentFixture<unknown>;\n\n  constructor(fixture: ComponentFixture<unknown>, skyTestId: string) {\n    this.#fixture = fixture;\n    this.#debugEl = SkyAppTestUtility.getDebugElementByTestId(\n      fixture,\n      skyTestId,\n      'sky-colorpicker'\n    );\n  }\n\n  /**\n   * The colorpicker's currently selected color formatted to the `outputFormat`.\n   */\n  public get value(): string {\n    return this.#getColorpickerInputEl().nativeElement.value;\n  }\n\n  /**\n   * Set the colorpicker's color hex code.\n   * @param hexValue The new color hex code. Must include '#'.\n   */\n  public async setValueFromHex(hexValue: string): Promise<void> {\n    await this.#clickColorpickerButtonEl();\n\n    const hexInput = document.querySelector(\n      'input[id^=sky-colorpicker-hex-]'\n    ) as HTMLInputElement;\n\n    hexInput.value = hexValue;\n    SkyAppTestUtility.fireDomEvent(hexInput, 'input');\n\n    await this.#clickColorpickerApplyButtonEl();\n\n    return this.#fixture.whenStable();\n  }\n\n  /**\n   * Set the colorpicker's color RGB values.\n   * @param red The red color value.\n   * @param green The green color value.\n   * @param blue The blue color value.\n   * @param alpha The alpha channel value.\n   */\n  public async setValueFromRGBA(\n    red: number,\n    green: number,\n    blue: number,\n    alpha: number\n  ): Promise<void> {\n    await this.#clickColorpickerButtonEl();\n\n    const rInput = document.querySelector(\n      'input[id^=sky-colorpicker-red-]'\n    ) as HTMLInputElement;\n    const gInput = document.querySelector(\n      'input[id^=sky-colorpicker-green-]'\n    ) as HTMLInputElement;\n    const bInput = document.querySelector(\n      'input[id^=sky-colorpicker-blue-]'\n    ) as HTMLInputElement;\n    const aInput = document.querySelector(\n      'input[id^=sky-colorpicker-alpha-]'\n    ) as HTMLInputElement;\n\n    rInput.value = red.toString();\n    gInput.value = green.toString();\n    bInput.value = blue.toString();\n    aInput.value = alpha.toString();\n\n    SkyAppTestUtility.fireDomEvent(rInput, 'input');\n    SkyAppTestUtility.fireDomEvent(gInput, 'input');\n    SkyAppTestUtility.fireDomEvent(bInput, 'input');\n    SkyAppTestUtility.fireDomEvent(aInput, 'input');\n\n    await this.#clickColorpickerApplyButtonEl();\n\n    return this.#fixture.whenStable();\n  }\n\n  /**\n   * Set the colorpicker's color to the provided preset color at the given index.\n   * @param presetIndex The index of the color in the `presetColors` list to select.\n   */\n  public async setValueFromPresets(presetIndex: number): Promise<void> {\n    await this.#clickColorpickerButtonEl();\n\n    const presetColors = document.querySelectorAll(\n      '.sky-colorpicker-preset-color-area button'\n    );\n    const presetColor =\n      presetColors && (presetColors[presetIndex] as HTMLButtonElement);\n\n    if (presetColor) {\n      presetColor.click();\n      this.#fixture.detectChanges();\n    }\n\n    await this.#clickColorpickerApplyButtonEl();\n\n    return this.#fixture.whenStable();\n  }\n\n  async #clickColorpickerButtonEl(): Promise<void> {\n    const colorpickerButton = this.#debugEl.query(\n      By.css('sky-colorpicker button')\n    ).nativeElement;\n\n    colorpickerButton.click();\n\n    this.#fixture.detectChanges();\n\n    return this.#fixture.whenStable();\n  }\n\n  async #clickColorpickerApplyButtonEl(): Promise<void> {\n    const applyButton = document.querySelector(\n      '.sky-btn-colorpicker-apply'\n    ) as HTMLButtonElement;\n\n    applyButton.click();\n\n    this.#fixture.detectChanges();\n\n    return this.#fixture.whenStable();\n  }\n\n  #getColorpickerInputEl(): DebugElement {\n    return this.#debugEl.query(By.css('sky-colorpicker input'));\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2020/skyux-colorpicker.mjs

@@ -439,25 +439,25 @@ class SkyColorpickerInputDirective {
          */
         this.returnFormat = 'rgba';
         /**
-         * Specifies the format to use for the color when the colorpicker uses a native input
+         * The format for the color when the colorpicker uses a native input
          * element such as a standard text input or a button. This property accepts `rgba`, `hex`,
          * or `hsla`, but we do not recommend using it because users never see or use its value.
          * Instead, if you need to access this format value, see the demo for an example.
-         *@default "rgba"
+         * @default "rgba"
          */
         this.outputFormat = 'rgba';
         /**
-         * Specifies an array of colors to load as preset choices. The colorpicker displays the
+         * The array of colors to load as preset choices. The colorpicker displays the
          * colors in a series of 12 boxes for users to select.
          */
         this.presetColors = ['#333', '#888', '#EFEFEF', '#FFF'];
         /**
-         * Specifies the type of transparency to use in the transparency slider.
+         * The type of transparency in the transparency slider.
          *@default "hex6"
          */
         this.alphaChannel = 'hex6';
         /**
-         * Indicates whether to display a transparency slider for users to select transparency
+         * Whether to display a transparency slider for users to select transparency
          * levels.
          */
         this.allowTransparency = true;
@@ -477,7 +477,7 @@ class SkyColorpickerInputDirective {
         __classPrivateFieldSet(this, _SkyColorpickerInputDirective_injector, injector, "f");
     }
     /**
-     * Specifies an initial color to load in the colorpicker. Use a reactive or
+     * The initial color to load in the colorpicker. Use a reactive or
      * template-driven form to set this value. This property is deprecated. As an alternative,
      * we recommend the `formControlName` property on reactive forms or `ngModel` on
      * template-driven forms. See the demo for examples.
@@ -766,7 +766,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImpo
                 args: ['mousedown', ['$event']]
             }] } });
 
-// spell-checker:ignore Colorpicker
 /**
  * @internal
  */
@@ -818,7 +817,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImpo
                 args: ['input', ['$event']]
             }] } });
 
-// spell-checker:ignore colorpicker
 /**
  * @internal
  */
@@ -843,7 +841,7 @@ class SliderDimension {
 }
 
 /**
- * Specifies the commands to provide the colorpicker.
+ * The commands to provide the colorpicker.
  */
 var SkyColorpickerMessageType;
 (function (SkyColorpickerMessageType) {
@@ -868,7 +866,7 @@ var SkyColorpickerMessageType;
 var _SkyColorpickerComponent_instances, _SkyColorpickerComponent_idIndex, _SkyColorpickerComponent_alphaChannel, _SkyColorpickerComponent_format, _SkyColorpickerComponent_outputFormat, _SkyColorpickerComponent_hsva, _SkyColorpickerComponent_sliderDimMax, _SkyColorpickerComponent_ngUnsubscribe, _SkyColorpickerComponent_affixer, _SkyColorpickerComponent_overlay, _SkyColorpickerComponent_pickerUnsubscribe, _SkyColorpickerComponent_affixSvc, _SkyColorpickerComponent_changeDetector, _SkyColorpickerComponent_coreAdapter, _SkyColorpickerComponent_overlaySvc, _SkyColorpickerComponent_svc, _SkyColorpickerComponent_themeSvc, _SkyColorpickerComponent__backgroundColorForDisplay, _SkyColorpickerComponent__colorpickerRef, _SkyColorpickerComponent__disabled, _SkyColorpickerComponent_update, _SkyColorpickerComponent_updateSlider, _SkyColorpickerComponent_openPicker, _SkyColorpickerComponent_sendMessage, _SkyColorpickerComponent_handleIncomingMessages, _SkyColorpickerComponent_createAffixer, _SkyColorpickerComponent_destroyAffixer, _SkyColorpickerComponent_createOverlay, _SkyColorpickerComponent_destroyOverlay, _SkyColorpickerComponent_addTriggerButtonEventListeners, _SkyColorpickerComponent_removePickerEventListeners, _SkyColorpickerComponent_getHsvaValue, _SkyColorpickerComponent_getAccessibleIconColor;
 let componentIdIndex = 0;
 /**
- * Provides a SKY UX-themed replacement for the HTML `input` element with `type="color"`.
+ * The SKY UX-themed replacement for the HTML `input` element with `type="color"`.
  * The value that users select is driven through the `ngModel` attribute specified on
  * the `input` element.
  */
@@ -876,7 +874,7 @@ class SkyColorpickerComponent {
     constructor(affixSvc, changeDetector, coreAdapter, overlaySvc, svc, themeSvc) {
         _SkyColorpickerComponent_instances.add(this);
         /**
-         * Specifies the type of icon to display. Specifying `fa` will display a Font Awesome icon, while specifying `skyux` will display an icon from the custom SKY UX icon font. Note that the custom SKY UX icon font is currently in beta.
+         * The type of icon to display. Specifying `fa` will display a Font Awesome icon, while specifying `skyux` will display an icon from the custom SKY UX icon font. Note that the custom SKY UX icon font is currently in beta.
          * @internal
          */
         this.pickerButtonIconType = 'fa';
@@ -889,12 +887,12 @@ class SkyColorpickerComponent {
          */
         this.selectedColorApplied = new EventEmitter();
         /**
-         * Provides an observable to send commands to the colorpicker. The commands should
+         * The observable to send commands to the colorpicker. The commands should
          * respect the `SkyColorPickerMessage` type.
          */
         this.messageStream = new Subject();
         /**
-         * Indicates whether to display a reset button to let users return to the default color.
+         * Whether to display a reset button to let users return to the default color.
          */
         this.showResetButton = true;
         this.isVisible = true;