@nectary/labs 1.0.1 → 1.0.2

package/lib/color-select.d.ts

@@ -0,0 +1,14 @@
+import '@nectary/components/color-menu';
+import '@nectary/components/color-menu-option';
+import '@nectary/components/color-swatch';
+import '@nectary/components/popover';
+import '@nectary/components/select-button';
+import { LitElement } from 'lit';
+export declare class ColorSelect extends LitElement {
+    open: boolean;
+    value: string;
+    onClose(): void;
+    onOpen(): void;
+    onChange(e: CustomEvent<string>): void;
+    render(): import("lit").TemplateResult<1>;
+}

package/lib/color-select.js

@@ -0,0 +1,77 @@
+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 '@nectary/components/color-menu';
+import '@nectary/components/color-menu-option';
+import '@nectary/components/color-swatch';
+import '@nectary/components/popover';
+import '@nectary/components/select-button';
+import { html, LitElement } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+const vibrantColorNames = [
+    'violet',
+    'blue',
+    'green',
+    'yellow',
+    'orange',
+    'red',
+    'pink',
+    'brown',
+    'gray',
+];
+let ColorSelect = class ColorSelect extends LitElement {
+    open = false;
+    value = '';
+    onClose() {
+        this.open = false;
+    }
+    onOpen() {
+        this.open = true;
+    }
+    onChange(e) {
+        this.value = e.detail;
+    }
+    render() {
+        return html `
+      <sinch-popover
+        open=${this.open}
+        aria-label="Select color"
+        orientation="bottom-right"
+        modal
+        @close=${this.onClose}
+      >
+        <sinch-select-button
+          slot="target"
+          text=${this.value}
+          placeholder="Select color"
+          aria-label="Open color select"
+          @click=${this.onOpen}
+        >
+          <sinch-color-swatch slot="icon" name="${this.value}" />
+        </sinch-select-button>
+        <sinch-color-menu
+          slot="content"
+          value=${this.value}
+          aria-label="Color menu"
+          @change=${this.onChange}
+        >
+          ${vibrantColorNames.map((c) => html `<sinch-color-menu-option value=${c} />`)}
+        </sinch-color-menu>
+        </sinch-popover>
+        </sinch-color-menu></sinch-popover>
+    `;
+    }
+};
+__decorate([
+    property({ type: 'boolean' })
+], ColorSelect.prototype, "open", void 0);
+__decorate([
+    property()
+], ColorSelect.prototype, "value", void 0);
+ColorSelect = __decorate([
+    customElement('sinch-color-select')
+], ColorSelect);
+export { ColorSelect };

package/lib/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: {};
+export default _default;

package/lib/index.js

@@ -0,0 +1,2 @@
+/// Nectary Labs
+export default {};

package/package.json

@@ -1,28 +1,24 @@
 {
   "name": "@nectary/labs",
-  "version": "1.0.1",
-  "files": [],
+  "version": "1.0.2",
+  "files": [
+    "lib/"
+  ],
   "publishConfig": {
     "access": "public"
   },
   "scripts": {
-    "build": "NODE_ENV=production babel . --extensions '.ts' --out-dir . && tsc --declaration --emitDeclarationOnly"
+    "build": "NODE_ENV=production && rimraf lib/ && tsc --outDir lib/"
   },
   "dependencies": {
-    "@babel/runtime": "^7.22.15",
     "@nectary/components": "2.9.0"
   },
   "devDependencies": {
-    "@babel/cli": "^7.22.15",
-    "@babel/core": "^7.22.20",
-    "@babel/plugin-transform-runtime": "^7.22.15",
-    "@babel/preset-env": "^7.22.20",
-    "@babel/preset-typescript": "^7.22.15",
     "@types/node": "^18.17.17",
     "@types/react": "^18.2.21",
-    "babel-plugin-html-inline-minifier": "workspace:*",
+    "lit": "^3.1.2",
     "ts-node": "^10.9.1",
     "typescript": "^5.2.2",
-    "lit": "^3.1.2"
+    "rimraf": "^3.0.2"
   }
 }