@nakashim/tp-custom 0.1.6

package/dist/lib/tp-plugin/toggle-blade-plugin.js

@@ -0,0 +1,343 @@
+import { BladeApi, BladeController, createPlugin, parseRecord } from '@tweakpane/core';
+import { deferApplyNoLabelLayout } from './label-layout-utils';
+class ToggleBladeView {
+    element;
+    buttonElement_;
+    onTextElement_;
+    offTextElement_;
+    value_;
+    textOn_;
+    textOff_;
+    fullWidth_;
+    constructor(doc, config) {
+        this.value_ = config.value;
+        this.textOn_ = config.textOn;
+        this.textOff_ = config.textOff;
+        this.fullWidth_ = config.fullWidth;
+        const root = doc.createElement('div');
+        root.className = 'tp-toggleblade tp-lblv';
+        root.classList.toggle('tp-toggleblade-full', this.fullWidth_);
+        root.classList.toggle('tp-lblv-nol', this.fullWidth_);
+        const labelElement = doc.createElement('div');
+        labelElement.className = 'tp-lblv_l';
+        labelElement.textContent = config.label ?? '';
+        root.appendChild(labelElement);
+        const valueElement = doc.createElement('div');
+        valueElement.className = 'tp-lblv_v tp-toggleblade_v';
+        root.appendChild(valueElement);
+        const button = doc.createElement('button');
+        button.type = 'button';
+        button.className = 'tp-toggleblade_b';
+        button.setAttribute('role', 'switch');
+        button.addEventListener('click', () => {
+            this.value = !this.value_;
+        });
+        valueElement.appendChild(button);
+        const onText = doc.createElement('span');
+        onText.className = 'tp-toggleblade_tx tp-toggleblade_tx-on';
+        onText.textContent = this.textOn_;
+        button.appendChild(onText);
+        const track = doc.createElement('span');
+        track.className = 'tp-toggleblade_tr';
+        button.appendChild(track);
+        const knob = doc.createElement('span');
+        knob.className = 'tp-toggleblade_k';
+        button.appendChild(knob);
+        const offText = doc.createElement('span');
+        offText.className = 'tp-toggleblade_tx tp-toggleblade_tx-off';
+        offText.textContent = this.textOff_;
+        button.appendChild(offText);
+        this.element = root;
+        this.buttonElement_ = button;
+        this.onTextElement_ = onText;
+        this.offTextElement_ = offText;
+        this.applyState_();
+    }
+    get value() {
+        return this.value_;
+    }
+    set value(next) {
+        const normalized = Boolean(next);
+        if (normalized === this.value_) {
+            return;
+        }
+        this.value_ = normalized;
+        this.applyState_();
+    }
+    get fullWidth() {
+        return this.fullWidth_;
+    }
+    set fullWidth(next) {
+        this.fullWidth_ = Boolean(next);
+        this.element.classList.toggle('tp-toggleblade-full', this.fullWidth_);
+        this.element.classList.toggle('tp-lblv-nol', this.fullWidth_);
+    }
+    applyState_() {
+        this.element.classList.toggle('tp-toggleblade-on', this.value_);
+        this.buttonElement_.setAttribute('aria-pressed', String(this.value_));
+        this.buttonElement_.setAttribute('aria-checked', String(this.value_));
+        this.onTextElement_.classList.toggle('tp-toggleblade_tx-active', this.value_);
+        this.offTextElement_.classList.toggle('tp-toggleblade_tx-active', !this.value_);
+    }
+}
+class ToggleBladeController extends BladeController {
+    constructor(doc, config) {
+        const view = new ToggleBladeView(doc, {
+            label: config.label,
+            value: config.value,
+            textOn: config.textOn,
+            textOff: config.textOff,
+            fullWidth: config.fullWidth,
+        });
+        super({
+            blade: config.blade,
+            view,
+            viewProps: config.viewProps,
+        });
+    }
+}
+class ToggleBindingView {
+    element;
+    value_;
+    buttonElement_;
+    onTextElement_;
+    offTextElement_;
+    fullWidth_;
+    constructor(doc, config) {
+        this.value_ = config.value;
+        this.fullWidth_ = config.fullWidth;
+        const root = doc.createElement('div');
+        root.className = 'tp-toggleblade tp-toggleblade_v';
+        root.classList.toggle('tp-toggleblade-full', this.fullWidth_);
+        const button = doc.createElement('button');
+        button.type = 'button';
+        button.className = 'tp-toggleblade_b';
+        button.setAttribute('role', 'switch');
+        config.viewProps.bindDisabled(button);
+        button.addEventListener('click', () => {
+            this.value_.rawValue = !this.value_.rawValue;
+        });
+        root.appendChild(button);
+        const onText = doc.createElement('span');
+        onText.className = 'tp-toggleblade_tx tp-toggleblade_tx-on';
+        onText.textContent = config.textOn;
+        button.appendChild(onText);
+        const track = doc.createElement('span');
+        track.className = 'tp-toggleblade_tr';
+        button.appendChild(track);
+        const knob = doc.createElement('span');
+        knob.className = 'tp-toggleblade_k';
+        button.appendChild(knob);
+        const offText = doc.createElement('span');
+        offText.className = 'tp-toggleblade_tx tp-toggleblade_tx-off';
+        offText.textContent = config.textOff;
+        button.appendChild(offText);
+        this.element = root;
+        this.buttonElement_ = button;
+        this.onTextElement_ = onText;
+        this.offTextElement_ = offText;
+        this.value_.emitter.on('change', () => this.applyState_());
+        this.applyState_();
+        deferApplyNoLabelLayout(this.element, this.fullWidth_);
+    }
+    applyState_() {
+        const isOn = Boolean(this.value_.rawValue);
+        this.element.classList.toggle('tp-toggleblade-on', isOn);
+        this.buttonElement_.setAttribute('aria-pressed', String(isOn));
+        this.buttonElement_.setAttribute('aria-checked', String(isOn));
+        this.onTextElement_.classList.toggle('tp-toggleblade_tx-active', isOn);
+        this.offTextElement_.classList.toggle('tp-toggleblade_tx-active', !isOn);
+    }
+}
+class ToggleBindingController {
+    value;
+    view;
+    viewProps;
+    constructor(doc, config) {
+        this.value = config.value;
+        this.viewProps = config.viewProps;
+        this.view = new ToggleBindingView(doc, {
+            value: config.value,
+            viewProps: config.viewProps,
+            textOn: config.textOn,
+            textOff: config.textOff,
+            fullWidth: config.fullWidth,
+        });
+    }
+}
+export class ToggleBladeApi extends BladeApi {
+    get value() {
+        return this.controller.view.value;
+    }
+    set value(next) {
+        this.controller.view.value = Boolean(next);
+    }
+    toggle() {
+        const next = !this.value;
+        this.value = next;
+        return next;
+    }
+    get fullWidth() {
+        return this.controller.view.fullWidth;
+    }
+    set fullWidth(next) {
+        this.controller.view.fullWidth = Boolean(next);
+    }
+}
+const ToggleBladePlugin = createPlugin({
+    id: 'toggleblade',
+    type: 'blade',
+    accept(params) {
+        const result = parseRecord(params, (p) => ({
+            view: p.required.constant('toggleblade'),
+            label: p.optional.string,
+            value: p.optional.boolean,
+            textOn: p.optional.string,
+            textOff: p.optional.string,
+            fullWidth: p.optional.boolean,
+        }));
+        if (!result) {
+            return null;
+        }
+        return {
+            params: {
+                ...result,
+                textOn: result.textOn ?? 'ON',
+                textOff: result.textOff ?? 'OFF',
+                fullWidth: result.fullWidth ?? false,
+            },
+        };
+    },
+    controller(args) {
+        return new ToggleBladeController(args.document, {
+            blade: args.blade,
+            viewProps: args.viewProps,
+            label: args.params.label,
+            value: args.params.value ?? false,
+            textOn: args.params.textOn ?? 'ON',
+            textOff: args.params.textOff ?? 'OFF',
+            fullWidth: args.params.fullWidth ?? false,
+        });
+    },
+    api(args) {
+        if (!(args.controller instanceof ToggleBladeController)) {
+            return null;
+        }
+        return new ToggleBladeApi(args.controller);
+    },
+});
+const ToggleBindingPlugin = createPlugin({
+    id: 'input-toggleblade',
+    type: 'input',
+    accept(exValue, params) {
+        if (typeof exValue !== 'boolean') {
+            return null;
+        }
+        const result = parseRecord(params, (p) => ({
+            view: p.required.constant('toggleblade'),
+            readonly: p.optional.constant(false),
+            textOn: p.optional.string,
+            textOff: p.optional.string,
+            fullWidth: p.optional.boolean,
+        }));
+        if (!result) {
+            return null;
+        }
+        return {
+            initialValue: exValue,
+            params: result,
+        };
+    },
+    binding: {
+        reader: () => (value) => Boolean(value),
+        writer: () => (target, inValue) => {
+            target.write(Boolean(inValue));
+        },
+    },
+    controller(args) {
+        return new ToggleBindingController(args.document, {
+            value: args.value,
+            viewProps: args.viewProps,
+            textOn: args.params.textOn ?? 'ON',
+            textOff: args.params.textOff ?? 'OFF',
+            fullWidth: args.params.fullWidth ?? false,
+        });
+    },
+});
+export const ToggleBladePluginBundle = {
+    id: 'toggleblade-bundle',
+    plugins: [ToggleBladePlugin, ToggleBindingPlugin],
+    css: `
+    .tp-toggleblade_v {
+      display: flex;
+      align-items: center;
+      justify-content: flex-end;
+    }
+    .tp-toggleblade_tx {
+      color: var(--tp-label-foreground-color);
+      font-size: 10px;
+      opacity: 0;
+      user-select: none;
+      position: absolute;
+      z-index: 1;
+    }
+    .tp-toggleblade_tx-on {
+      color: var(--tp-button-foreground-color);
+      left: 6px;
+    }
+    .tp-toggleblade_tx-off {
+      right: 6px;
+    }
+    .tp-toggleblade_tx-active {
+      opacity: 1;
+    }
+    .tp-custom .tp-toggleblade_b {
+      display: flex;
+      align-items: center;
+      position: relative;
+      appearance: none;
+      border: none;
+      margin: 0;
+      padding: 0;
+      height: var(--tp-c-container-unit-size, 20px);
+      width: 50px;
+      border-radius: 10px;
+      background-color: var(--tp-monitor-background-color);
+      cursor: pointer;
+      transition: background-color .15s ease;
+    }
+    .tp-custom .tp-toggleblade_b:focus,
+    .tp-custom .tp-toggleblade_b:hover {
+      background-color: rgba(255, 255, 255, 0.05);
+      outline: none;
+    }
+    .tp-custom .tp-toggleblade.tp-toggleblade-on .tp-toggleblade_b:focus,
+    .tp-custom .tp-toggleblade.tp-toggleblade-on .tp-toggleblade_b:hover {
+      background-color: rgba(255, 255, 255, 0.6);
+    }
+    .tp-toggleblade_k {
+      position: absolute;
+      top: 2px;
+      left: 2px;
+      width: calc(var(--tp-c-container-unit-size, 20px) - 4px);
+      height: calc(var(--tp-c-container-unit-size, 20px) - 4px);
+      border-radius: 50%;
+      background-color: var(--tp-input-foreground-color);
+      transition: transform .15s ease;
+      z-index: 2;
+    }
+    .tp-toggleblade_tr {
+      position: absolute;
+      inset: 0;
+      border-radius: inherit;
+    }
+    .tp-toggleblade.tp-toggleblade-on .tp-toggleblade_b {
+      background-color: var(--tp-button-background-color, rgba(158, 158, 158, 1));
+    }
+    .tp-toggleblade.tp-toggleblade-on .tp-toggleblade_k {
+      background-color: var(--tp-c-button-background-color-upper);
+      transform: translateX(calc(50px - 16px - 4px));
+    }
+  `,
+};
+//# sourceMappingURL=toggle-blade-plugin.js.map

package/dist/lib/tp-plugin/toggle-blade-plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-blade-plugin.js","sourceRoot":"","sources":["../../../src/tp-plugin/toggle-blade-plugin.ts"],"names":[],"mappings":"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"}

package/dist/styles/assets/icons/check-16.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0Z"/></svg>

package/dist/styles/assets/icons/chevron-down-12.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><path d="M6 8.825c-.2 0-.4-.1-.5-.2l-3.3-3.3c-.3-.3-.3-.8 0-1.1.3-.3.8-.3 1.1 0l2.7 2.7 2.7-2.7c.3-.3.8-.3 1.1 0 .3.3.3.8 0 1.1l-3.2 3.2c-.2.2-.4.3-.6.3Z"/></svg>

package/dist/styles/assets/icons/chevron-up-12.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><path d="M6 4c-.2 0-.4.1-.5.2L2.2 7.5c-.3.3-.3.8 0 1.1.3.3.8.3 1.1 0L6 5.9l2.7 2.7c.3.3.8.3 1.1 0 .3-.3.3-.8 0-1.1L6.6 4.3C6.4 4.1 6.2 4 6 4Z"/></svg>

package/dist/styles/assets/icons/triangle-down-16.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="m4.427 7.427 3.396 3.396a.25.25 0 0 0 .354 0l3.396-3.396A.25.25 0 0 0 11.396 7H4.604a.25.25 0 0 0-.177.427Z"/></svg>

package/dist/styles/assets/icons/x-12.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"><path d="M2.22 2.22a.749.749 0 0 1 1.06 0L6 4.939 8.72 2.22a.749.749 0 1 1 1.06 1.06L7.061 6 9.78 8.72a.749.749 0 1 1-1.06 1.06L6 7.061 3.28 9.78a.749.749 0 1 1-1.06-1.06L4.939 6 2.22 3.28a.749.749 0 0 1 0-1.06Z"/></svg>