@justifi/webcomponents 5.1.0 → 5.3.0

package/dist/cjs/form-control-select_3.cjs.entry.js

@@ -1,145 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-5b9a3b5f.js');
-const parts = require('./parts-addf2176.js');
-const formControlErrorText = require('./form-control-error-text-c1f49f35.js');
-
-const SelectInput = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.formControlInput = index.createEvent(this, "formControlInput", 7);
-        this.formControlBlur = index.createEvent(this, "formControlBlur", 7);
-        this.handleFormControlInput = (event) => {
-            const target = event.target;
-            const name = target.getAttribute('name');
-            this.inputHandler(name, target.value);
-            this.formControlInput.emit(target.value);
-        };
-        this.updateInput = (newValue) => {
-            this.selectElement.value = newValue;
-        };
-        this.isFocused = false;
-        this.name = undefined;
-        this.label = undefined;
-        this.options = undefined;
-        this.inputHandler = undefined;
-        this.defaultValue = undefined;
-        this.helpText = undefined;
-        this.errorText = undefined;
-        this.disabled = undefined;
-    }
-    handleDefaultValueChange(newValue) {
-        this.updateInput(newValue);
-    }
-    componentDidLoad() {
-        this.updateInput(this.defaultValue);
-    }
-    get part() {
-        let part = parts.input;
-        if (this.errorText) {
-            part = parts.inputInvalid;
-        }
-        if (this.disabled) {
-            part = parts.inputDisabled;
-        }
-        if (this.isFocused) {
-            part = parts.inputFocused;
-        }
-        return part;
-    }
-    render() {
-        var _a;
-        return (index.h(index.Host, { key: 'a645d4a7ccc8f40c6b4cc988ffc5f65e107b2b11' }, index.h("div", { key: '0c9487e30f9f91dbc3a099598e21b0305aef54c8', class: "form-group d-flex flex-column" }, index.h("div", { key: '418037a6859fd16bdfa2b88667e36c028b4029ba', class: "d-flex align-items-start gap-2" }, index.h("label", { key: 'bc4727c97b24dd70e45f06889371cdbb9d906eee', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: '86b5c77592bf453c9e809ca83ec1a627eb43a642', helpText: this.helpText })), index.h("select", { key: 'f697f156d432280b59ac92d11938b358cc3c232f', ref: el => (this.selectElement = el), id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
-                this.isFocused = false;
-                this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, part: this.part, class: this.errorText ? 'form-select is-invalid' : 'form-select', disabled: this.disabled }, (_a = this.options) === null || _a === void 0 ? void 0 : _a.map(option => (index.h("option", { value: option.value }, option.label)))), index.h(formControlErrorText.FormControlErrorText, { key: 'ec9666c96c30e3ea2089e01a64c3e9b592949d62', errorText: this.errorText, name: this.name }))));
-    }
-    static get watchers() { return {
-        "defaultValue": ["handleDefaultValueChange"]
-    }; }
-};
-
-const TextInput = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.formControlInput = index.createEvent(this, "formControlInput", 7);
-        this.formControlBlur = index.createEvent(this, "formControlBlur", 7);
-        this.handleFormControlInput = (event) => {
-            const target = event.target;
-            const name = target.getAttribute('name');
-            this.inputHandler(name, target.value);
-            this.formControlInput.emit({ name, value: target.value });
-        };
-        this.updateInput = (newValue) => {
-            const inputElement = this.el.querySelector('input');
-            if (inputElement) {
-                inputElement.value = newValue || '';
-            }
-        };
-        this.isFocused = false;
-        this.name = undefined;
-        this.label = undefined;
-        this.inputHandler = undefined;
-        this.defaultValue = undefined;
-        this.helpText = undefined;
-        this.errorText = undefined;
-        this.maxLength = undefined;
-        this.keyDownHandler = undefined;
-        this.disabled = undefined;
-    }
-    handleDefaultValueChange(newValue) {
-        this.updateInput(newValue);
-    }
-    componentDidLoad() {
-        this.updateInput(this.defaultValue);
-    }
-    get part() {
-        if (this.errorText) {
-            return parts.inputInvalid;
-        }
-        if (this.disabled) {
-            return parts.inputDisabled;
-        }
-        if (this.isFocused) {
-            return parts.inputFocused;
-        }
-        return parts.input;
-    }
-    render() {
-        return (index.h(index.Host, { key: '052c9c9191038f6ba716449c1e0c4297fda88f82' }, index.h("div", { key: 'f824603f5762cebcc2115628043df96c8304d654', class: "form-group d-flex flex-column" }, index.h("div", { key: '85640ced19a8fd268b1cc2a6244b2f5a8063b830', class: "d-flex align-items-start gap-2" }, index.h("label", { key: '6a6cdc56ad80d301f1fd0b00d355b6560d30d095', part: parts.label, class: "form-label", htmlFor: this.name }, this.label), index.h("form-control-tooltip", { key: 'add56a291e6f9104de6fadc030a6f48717112197', helpText: this.helpText })), index.h("input", { key: '14f3418e2cfd50b15195e674ef68d7b7a5ca59cd', id: this.name, name: this.name, onFocus: () => this.isFocused = true, onBlur: () => {
-                this.isFocused = false;
-                this.formControlBlur.emit();
-            }, onInput: this.handleFormControlInput, onKeyDown: this.keyDownHandler, onPaste: this.keyDownHandler, maxLength: this.maxLength, part: this.part, class: this.errorText ? "form-control is-invalid" : "form-control", type: "text", disabled: this.disabled }), index.h(formControlErrorText.FormControlErrorText, { key: '2a29c71bcfc5fca67a51ff7873b76b9ab8359c26', errorText: this.errorText, name: this.name }))));
-    }
-    get el() { return index.getElement(this); }
-    static get watchers() { return {
-        "defaultValue": ["handleDefaultValueChange"]
-    }; }
-};
-
-const TooltipComponent = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.anchorIcon = undefined;
-        this.tooltip = undefined;
-        this.helpText = undefined;
-    }
-    show() {
-        this.tooltip.classList.add('show');
-    }
-    hide() {
-        this.tooltip.classList.remove('show');
-    }
-    render() {
-        if (!this.helpText) {
-            return null;
-        }
-        return (index.h("div", { class: "tooltip-container" }, index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "currentColor", class: "bi bi-question-square tooltip-icon", viewBox: "0 0 16 16", ref: (el) => (this.anchorIcon = el), part: parts.tooltipIcon }, index.h("path", { d: "M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2z" }), index.h("path", { d: "M5.255 5.786a.237.237 0 0 0 .241.247h.825c.138 0 .248-.113.266-.25.09-.656.54-1.134 1.342-1.134.686 0 1.314.343 1.314 1.168 0 .635-.374.927-.965 1.371-.673.489-1.206 1.06-1.168 1.987l.003.217a.25.25 0 0 0 .25.246h.811a.25.25 0 0 0 .25-.25v-.105c0-.718.273-.927 1.01-1.486.609-.463 1.244-.977 1.244-2.056 0-1.511-1.276-2.241-2.673-2.241-1.267 0-2.655.59-2.75 2.286m1.557 5.763c0 .533.425.927 1.01.927.609 0 1.028-.394 1.028-.927 0-.552-.42-.94-1.029-.94-.584 0-1.009.388-1.009.94" })), index.h("custom-popper", { trigger: "hover", placement: "top", anchorRef: this.anchorIcon }, index.h("div", { class: "tooltip bs-tooltip-top", part: parts.tooltip, role: "tooltip", ref: (el) => (this.tooltip = el) }, index.h("div", { class: "tooltip-inner", part: parts.tooltipInner }, this.helpText)))));
-    }
-};
-
-exports.form_control_select = SelectInput;
-exports.form_control_text = TextInput;
-exports.form_control_tooltip = TooltipComponent;