@umbraco-ui/uui-color-swatch 1.12.1 → 1.13.0-rc.0

package/lib/index.js

@@ -1,11 +1,15 @@
 import { defineElement } from '@umbraco-ui/uui-base/lib/registration';
 import { property } from 'lit/decorators.js';
 import { LitElement, html, nothing, css } from 'lit';
+import { ref } from 'lit/directives/ref.js';
 import { iconCheck } from '@umbraco-ui/uui-icon-registry-essential/lib/svgs';
 import { LabelMixin, SelectableMixin, ActiveMixin } from '@umbraco-ui/uui-base/lib/mixins';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
 var __decorateClass = (decorators, target, key, kind) => {
   var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
@@ -14,12 +18,17 @@ var __decorateClass = (decorators, target, key, kind) => {
   if (kind && result) __defProp(target, key, result);
   return result;
 };
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
+var _UUIColorSwatchElement_instances, selectButtonChanged_fn;
 let UUIColorSwatchElement = class extends LabelMixin(
   "label",
   SelectableMixin(ActiveMixin(LitElement))
 ) {
   constructor() {
     super();
+    __privateAdd(this, _UUIColorSwatchElement_instances);
     this.disabled = false;
     this.readonly = false;
     this.showLabel = false;
@@ -59,10 +68,14 @@ let UUIColorSwatchElement = class extends LabelMixin(
       this._setAriaAttributes();
     }
   }
+  focus(options) {
+    this.selectableTarget?.focus(options);
+  }
   render() {
     return html`
       <button
         id="swatch"
+        ${ref(__privateMethod(this, _UUIColorSwatchElement_instances, selectButtonChanged_fn))}
         aria-label=${this.label}
         ?disabled="${this.disabled}"
         title="${this.label}">
@@ -88,6 +101,10 @@ let UUIColorSwatchElement = class extends LabelMixin(
     </div>`;
   }
 };
+_UUIColorSwatchElement_instances = new WeakSet();
+selectButtonChanged_fn = function(button) {
+  this.selectableTarget = button || this;
+};
 UUIColorSwatchElement.styles = [
   css`
       :host {

package/lib/uui-color-swatch.element.d.ts

@@ -10,6 +10,7 @@ declare const UUIColorSwatchElement_base: (new (...args: any[]) => import("@umbr
  * @slot label - Default slot for the label.
  */
 export declare class UUIColorSwatchElement extends UUIColorSwatchElement_base {
+    #private;
     /**
      * Value of the swatch. This will become the color value if color is left undefined, see the property `color` for more details.
      */
@@ -47,6 +48,7 @@ export declare class UUIColorSwatchElement extends UUIColorSwatchElement_base {
     private _setAriaAttributes;
     firstUpdated(): void;
     willUpdate(changedProperties: Map<string, any>): void;
+    focus(options?: FocusOptions | undefined): void;
     render(): import("lit-html").TemplateResult<1>;
     private _renderWithLabel;
     static styles: import("lit").CSSResult[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-color-swatch",
-  "version": "1.12.1",
+  "version": "1.13.0-rc.0",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -30,8 +30,8 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "1.12.1",
-    "@umbraco-ui/uui-icon-registry-essential": "1.12.1",
+    "@umbraco-ui/uui-base": "1.13.0-rc.0",
+    "@umbraco-ui/uui-icon-registry-essential": "1.13.0-rc.0",
     "colord": "^2.9.3"
   },
   "scripts": {
@@ -43,5 +43,5 @@
     "access": "public"
   },
   "homepage": "https://uui.umbraco.com/?path=/story/uui-color-swatch",
-  "gitHead": "a7d67a9f6b60b8c0b351b21d5dac49cdfc764f44"
+  "gitHead": "864afa6c182c2a73c479237732dadc1abc69a4a0"
 }