@justifi/webcomponents 4.19.3-rc → 4.19.3-rc-2

package/dist/webcomponents/p-3395e896.entry.js

@@ -0,0 +1,74 @@
+import { r as registerInstance, c as createEvent, h } from './p-fad19d75.js';
+import { J as JustifiAnalytics } from './p-15eafa87.js';
+import './p-2e8f4937.js';
+import './p-29c0b182.js';
+
+const BankAccountForm = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.bankAccountFormReady = createEvent(this, "bankAccountFormReady", 7);
+        this.ready = createEvent(this, "ready", 7);
+        this.bankAccountFormTokenized = createEvent(this, "bankAccountFormTokenize", 7);
+        this.bankAccountFormValidated = createEvent(this, "bankAccountFormValidate", 7);
+        this.validationMode = undefined;
+        this.iframeOrigin = "";
+        this.internalStyleOverrides = undefined;
+    }
+    readyHandler(event) {
+        console.warn(`The 'bankAccountFormReady' event is deprecated in the next major release and will be renamed to 'ready'`);
+        this.bankAccountFormReady.emit(event);
+        this.ready.emit(event);
+    }
+    tokenizeHandler(event) {
+        console.warn(`The 'bankAccountFormTokenized' event is deprecated in the next major release. Please refer to the documentation for the migration process and alternative approach. This method will be removed in the future.`);
+        this.bankAccountFormTokenized.emit(event);
+    }
+    validateHandler(event) {
+        console.warn(`The 'bankAccountFormValidate' event is deprecated in the next major release. Please refer to the documentation for the migration process and alternative approach. This method will be removed in the future.`);
+        this.bankAccountFormValidated.emit(event);
+    }
+    componentWillLoad() {
+        this.analytics = new JustifiAnalytics(this);
+    }
+    disconnectedCallback() {
+        this.analytics.cleanup();
+    }
+    /**
+     *  Makes a tokenization request to the iframe
+     */
+    async tokenize(...args) {
+        if (!this.childRef) {
+            throw new Error('Cannot call tokenize');
+        }
+        return this.childRef.tokenize(...args);
+    }
+    /**
+     *  Runs a validation on the form and shows errors if any
+     */
+    async validate() {
+        if (!this.childRef) {
+            throw new Error('Cannot call validate');
+        }
+        return this.childRef.validate();
+    }
+    /**
+     *  Manually resizes the iframe to fit the contents of the iframe
+     *  @deprecated This method will be removed in future releases.
+     */
+    async resize() {
+        console.warn(`The 'resize' method is deprecated and will be removed in the next major release. Please refer to the documentation for the migration process and alternative approach.`);
+        if (!this.childRef) {
+            throw new Error('Cannot call validate');
+        }
+        return this.childRef.resize();
+    }
+    render() {
+        return (h("justifi-payment-method-form", { key: '646e392c1a9ed38e73780ed6a01b6f019767794c', ref: el => {
+                if (el) {
+                    this.childRef = el;
+                }
+            }, "iframe-origin": this.iframeOrigin, "payment-method-form-type": "bankAccount", "payment-method-form-ready": this.bankAccountFormReady, "payment-method-form-validated": this.bankAccountFormValidated, "payment-method-form-tokenize": this.bankAccountFormTokenized, "payment-method-form-validation-mode": this.validationMode || 'onSubmit' }));
+    }
+};
+
+export { BankAccountForm as justifi_bank_account_form };

package/dist/webcomponents/p-3fd13ca3.js

@@ -1 +1,52 @@
-import{c as e}from"./p-2eab3c90.js";import{h as s,w as n,e as a,d as i,j as r,k as t,m as u,t as _,n as o,r as c,o as b,q as l,u as m,v as p,x as d,y as g}from"./p-89887332.js";const y=c=>{const b=e({legal_name:s.required("Enter legal name"),website_url:n.required("Enter business website url"),email:a.required("Enter business email"),phone:i.required("Enter phone number"),doing_business_as:r.required("Enter doing business as"),classification:t.required("Select business classification"),industry:u.required("Enter a business industry"),tax_id:_.required("Enter tax id, SSN, or EIN"),date_of_incorporation:o.required("Enter date of incorporation")}),l=e({legal_name:s.required("Enter legal name"),website_url:n.nullable(),email:a.nullable(),phone:i.nullable(),doing_business_as:r.nullable(),classification:t.nullable(),industry:u.nullable(),tax_id:_.nullable(),date_of_incorporation:o.nullable()});return c?l:b},v=s=>{const n=e({business_revenue:c.required("Enter business revenue"),business_payment_volume:b.required("Enter business payment volume"),business_when_service_received:l.required("Select when service is received"),business_recurring_payments:m.required("Select recurring payments"),business_recurring_payments_percentage:p,business_seasonal:d.required("Select business seasonal"),business_other_payment_details:g.nullable()}),a=e({business_revenue:c.nullable(),business_payment_volume:b.nullable(),business_when_service_received:l.nullable(),business_recurring_payments:m.nullable(),business_recurring_payments_percentage:p,business_seasonal:d.nullable(),business_other_payment_details:g.nullable()});return s?a:n};export{v as a,y as b}
+import { c as create$3 } from './p-2eab3c90.js';
+import { h as businessNameValidation, w as websiteUrlValidation, e as emailValidation, d as phoneValidation, j as doingBusinessAsValidation, k as businessClassificationValidation, m as industryValidation, t as taxIdValidation, n as dateOfIncorporationValidation, r as revenueValidation, o as paymentVolumeValidation, q as whenServiceReceivedValidation, u as recurringPaymentsValidation, v as recurringPaymentsPercentageValidation, x as seasonalBusinessValidation, y as otherPaymentDetailsValidation } from './p-89887332.js';
+
+const businessCoreInfoSchema = (allowOptionalFields) => {
+    const schema = create$3({
+        legal_name: businessNameValidation.required('Enter legal name'),
+        website_url: websiteUrlValidation.required('Enter business website url'),
+        email: emailValidation.required('Enter business email'),
+        phone: phoneValidation.required('Enter phone number'),
+        doing_business_as: doingBusinessAsValidation.required('Enter doing business as'),
+        classification: businessClassificationValidation.required('Select business classification'),
+        industry: industryValidation.required('Enter a business industry'),
+        tax_id: taxIdValidation.required('Enter tax id, SSN, or EIN'),
+        date_of_incorporation: dateOfIncorporationValidation.required('Enter date of incorporation'),
+    });
+    const easySchema = create$3({
+        legal_name: businessNameValidation.required('Enter legal name'),
+        website_url: websiteUrlValidation.nullable(),
+        email: emailValidation.nullable(),
+        phone: phoneValidation.nullable(),
+        doing_business_as: doingBusinessAsValidation.nullable(),
+        classification: businessClassificationValidation.nullable(),
+        industry: industryValidation.nullable(),
+        tax_id: taxIdValidation.nullable(),
+        date_of_incorporation: dateOfIncorporationValidation.nullable(),
+    });
+    return allowOptionalFields ? easySchema : schema;
+};
+
+const additionalQuestionsSchema = (allowOptionalFields) => {
+    const schema = create$3({
+        business_revenue: revenueValidation.required('Enter business revenue'),
+        business_payment_volume: paymentVolumeValidation.required('Enter business payment volume'),
+        business_when_service_received: whenServiceReceivedValidation.required('Select when service is received'),
+        business_recurring_payments: recurringPaymentsValidation.required('Select recurring payments'),
+        business_recurring_payments_percentage: recurringPaymentsPercentageValidation,
+        business_seasonal: seasonalBusinessValidation.required('Select business seasonal'),
+        business_other_payment_details: otherPaymentDetailsValidation.nullable(),
+    });
+    const easySchema = create$3({
+        business_revenue: revenueValidation.nullable(),
+        business_payment_volume: paymentVolumeValidation.nullable(),
+        business_when_service_received: whenServiceReceivedValidation.nullable(),
+        business_recurring_payments: recurringPaymentsValidation.nullable(),
+        business_recurring_payments_percentage: recurringPaymentsPercentageValidation,
+        business_seasonal: seasonalBusinessValidation.nullable(),
+        business_other_payment_details: otherPaymentDetailsValidation.nullable(),
+    });
+    return allowOptionalFields ? easySchema : schema;
+};
+
+export { additionalQuestionsSchema as a, businessCoreInfoSchema as b };

package/dist/webcomponents/p-47d79529.js

@@ -1 +1,18 @@
-import{A as a}from"./p-29c0b182.js";import"./p-56f6ce4c.js";import"./p-df21aaad.js";import"./p-e3fab0e2.js";class t{async fetchPayments(t,e,n){return a({authToken:e,apiOrigin:""}).get(`account/${t}/payments`,n)}async fetchPayment(t,e){const n=`payments/${t}`;return a({authToken:e,apiOrigin:""}).get(n)}}export{t as P}
+import { A as Api } from './p-29c0b182.js';
+import './p-56f6ce4c.js';
+import './p-df21aaad.js';
+import './p-e3fab0e2.js';
+
+class PaymentService {
+    async fetchPayments(accountId, authToken, params) {
+        const api = Api({ authToken, apiOrigin: "" });
+        const endpoint = `account/${accountId}/payments`;
+        return api.get(endpoint, params);
+    }
+    async fetchPayment(paymentId, authToken) {
+        const endpoint = `payments/${paymentId}`;
+        return Api({ authToken, apiOrigin: "" }).get(endpoint);
+    }
+}
+
+export { PaymentService as P };

package/dist/webcomponents/p-525db3e8.js

@@ -1 +1,22 @@
-const a={US:"(000) 000-0000"},s={US:"00-0000000"},r="000-00-0000",o={WHOLE:{mask:Number,thousandsSeparator:",",normalizeZeros:!0},DECIMAL:{mask:Number,scale:2,thousandsSeparator:",",padFractionalZeros:!0,normalizeZeros:!0,radix:"."}};export{o as C,a as P,r as S,s as T}
+const PHONE_MASKS = {
+    US: '(000) 000-0000',
+};
+const TAX_ID_MASKS = { US: '00-0000000' };
+const SSN_MASK = '000-00-0000';
+const CURRENCY_MASK = {
+    WHOLE: {
+        mask: Number,
+        thousandsSeparator: ',',
+        normalizeZeros: true,
+    },
+    DECIMAL: {
+        mask: Number,
+        scale: 2,
+        thousandsSeparator: ',',
+        padFractionalZeros: true,
+        normalizeZeros: true,
+        radix: '.',
+    }
+};
+
+export { CURRENCY_MASK as C, PHONE_MASKS as P, SSN_MASK as S, TAX_ID_MASKS as T };

package/dist/webcomponents/p-53ecc8b9.entry.js

@@ -0,0 +1,261 @@
+import { r as registerInstance, c as createEvent, h } from './p-fad19d75.js';
+import { c as makeGetIdentity, d as makePatchIdentity, e as makePostIdentity } from './p-5968ff8a.js';
+import { I as IdentityService } from './p-0e1bc91e.js';
+import { F as FormController } from './p-2eab3c90.js';
+import { O as Owner } from './p-af244664.js';
+import { a as BusinessFormClickActions } from './p-d89bad72.js';
+import { c as parseIdentityInfo, i as identitySchema } from './p-85fc69e5.js';
+import { B as Button } from './p-9c9c7dac.js';
+import { S as SSN_MASK, P as PHONE_MASKS } from './p-525db3e8.js';
+import { u as updateFormValues, a as updateAddressFormValues, b as updateDateOfBirthFormValues } from './p-7d85af5c.js';
+import './p-14c91ffd.js';
+import './p-8115b2f4.js';
+import './p-29c0b182.js';
+import './p-1ff8810b.js';
+import './p-6078a370.js';
+import './p-89887332.js';
+import './p-ba5fae28.js';
+
+const BusinessOwnerForm = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.errorEvent = createEvent(this, "error-event", 7);
+        this.getOwner = undefined;
+        this.patchOwner = undefined;
+        this.postOwner = undefined;
+        this.authToken = undefined;
+        this.ownerId = undefined;
+        this.businessId = undefined;
+        this.allowOptionalFields = undefined;
+        this.removeOwner = undefined;
+        this.newFormOpen = undefined;
+        this.ownersLength = undefined;
+    }
+    async validate() {
+        return this.coreComponent.validate();
+    }
+    async submit() {
+        return this.coreComponent.submit();
+    }
+    async validateAndSubmit({ onSuccess }) {
+        this.coreComponent.validateAndSubmit({ onSuccess });
+    }
+    componentWillLoad() {
+        this.initializeApi();
+    }
+    initializeApi() {
+        if (!this.authToken) {
+            return;
+        }
+        this.getOwner = makeGetIdentity({
+            authToken: this.authToken,
+            identityId: this.ownerId,
+            service: new IdentityService()
+        });
+        this.patchOwner = makePatchIdentity({
+            authToken: this.authToken,
+            identityId: this.ownerId,
+            service: new IdentityService()
+        });
+        this.postOwner = makePostIdentity({
+            authToken: this.authToken,
+            service: new IdentityService()
+        });
+    }
+    render() {
+        return (h("owner-form-core", { key: '332d1e77d01886f13aba09b32b2d5f2199131619', ownerId: this.ownerId, businessId: this.businessId, getOwner: this.getOwner, patchOwner: this.patchOwner, postOwner: this.postOwner, allowOptionalFields: this.allowOptionalFields, removeOwner: this.removeOwner, newFormOpen: this.newFormOpen, ownersLength: this.ownersLength, ref: ref => this.coreComponent = ref }));
+    }
+};
+
+const BusinessOwnerFormCore = class {
+    loadingWatcher() {
+        this.formLoading.emit(this.isLoading);
+    }
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.submitted = createEvent(this, "submitted", 7);
+        this.ownerSubmitted = createEvent(this, "ownerSubmitted", 7);
+        this.clickEvent = createEvent(this, "click-event", 7);
+        this.formLoading = createEvent(this, "formLoading", 7);
+        this.errorEvent = createEvent(this, "error-event", 7);
+        this.getData = () => {
+            this.isLoading = true;
+            this.getOwner({
+                onSuccess: (response) => {
+                    this.instantiateOwner(response.data);
+                },
+                onError: ({ error, code, severity }) => {
+                    this.errorEvent.emit({
+                        message: error,
+                        errorCode: code,
+                        severity: severity
+                    });
+                },
+                final: () => this.isLoading = false
+            });
+        };
+        this.sendData = () => {
+            this.isLoading = true;
+            return new Promise((resolve) => {
+                if (this.ownerId) {
+                    this.patchOwner({
+                        payload: this.payload,
+                        onSuccess: (response) => {
+                            this.submitted.emit({
+                                data: response,
+                                metadata: { ownerID: response.data.id }
+                            });
+                            this.ownerSubmitted.emit({ id: response.data.id });
+                            this.instantiateOwner(response.data);
+                            resolve(true);
+                        },
+                        onError: ({ error, code, severity }) => {
+                            this.submitted.emit({ data: { error } });
+                            this.errorEvent.emit({
+                                message: error,
+                                errorCode: code,
+                                severity: severity
+                            });
+                            resolve(false);
+                        },
+                        final: () => this.isLoading = false
+                    });
+                }
+                else {
+                    this.postOwner({
+                        payload: this.payload,
+                        onSuccess: (response) => {
+                            this.submitted.emit({
+                                data: response,
+                                metadata: { ownerID: response.data.id }
+                            });
+                            this.ownerSubmitted.emit({ id: response.data.id });
+                            this.instantiateOwner(response.data);
+                            resolve(true);
+                        },
+                        onError: ({ error, code, severity }) => {
+                            this.submitted.emit({ data: { error } });
+                            this.errorEvent.emit({
+                                message: error,
+                                errorCode: code,
+                                severity: severity
+                            });
+                            resolve(false);
+                        },
+                        final: () => this.isLoading = false
+                    });
+                }
+            });
+        };
+        this.instantiateOwner = async (data) => {
+            this.owner = Object.assign({}, new Owner(data));
+            await this.formController.setInitialValues(this.owner);
+        };
+        this.handleAddOwner = () => {
+            const eventName = this.ownerId ? BusinessFormClickActions.updateOwner : BusinessFormClickActions.addOwner;
+            this.clickEvent.emit({ name: eventName });
+        };
+        this.handleRemoveOwner = () => {
+            this.removeOwner(this.ownerId);
+            this.clickEvent.emit({ name: BusinessFormClickActions.removeOwner });
+        };
+        this.isLoading = false;
+        this.formController = undefined;
+        this.errors = {};
+        this.owner = {};
+        this.ownerId = undefined;
+        this.businessId = undefined;
+        this.getOwner = undefined;
+        this.patchOwner = undefined;
+        this.postOwner = undefined;
+        this.allowOptionalFields = undefined;
+        this.removeOwner = undefined;
+        this.newFormOpen = undefined;
+        this.ownersLength = undefined;
+        this.validate = this.validate.bind(this);
+        this.submit = this.submit.bind(this);
+        this.validateAndSubmit = this.validateAndSubmit.bind(this);
+    }
+    async returnOwnerData() {
+        return this.ownerId;
+    }
+    async validate() {
+        return this.formController.validate();
+    }
+    async submit() {
+        const isValid = await this.validate();
+        if (isValid) {
+            return this.sendData();
+        }
+    }
+    async validateAndSubmit(event) {
+        event.preventDefault();
+        const isValid = await this.validate();
+        if (isValid) {
+            this.submit();
+        }
+    }
+    get payload() {
+        let formValues = parseIdentityInfo(this.formController.values.getValue());
+        if (this.ownerId) {
+            return JSON.stringify(formValues);
+        }
+        else {
+            return JSON.stringify(Object.assign(Object.assign({}, formValues), { business_id: this.businessId }));
+        }
+    }
+    get formTitle() {
+        return this.ownerId ? 'Edit Business Owner' : 'Add Business Owner';
+    }
+    get submitButtonText() {
+        return this.ownerId ? 'Update' : 'Add';
+    }
+    get showRemoveButton() {
+        const blankForm = !this.ownerId && this.newFormOpen;
+        if (this.ownersLength <= 1) {
+            return false;
+        }
+        else {
+            if (blankForm) {
+                return true;
+            }
+            else if (this.ownerId && !this.newFormOpen) {
+                return true;
+            }
+        }
+    }
+    componentWillLoad() {
+        this.formController = new FormController(identitySchema('owner', this.allowOptionalFields));
+        this.ownerId ? this.getData() : this.instantiateOwner({});
+    }
+    componentDidLoad() {
+        this.formController.errors.subscribe(errors => (this.errors = Object.assign({}, errors)));
+    }
+    render() {
+        return (h("form", { key: 'b2e2aaced859260e9d2ef59bc3f8a0763d05872c', onSubmit: this.validateAndSubmit }, h("fieldset", { key: '2a93ddb4c945be0ec081ce31d6d9eff4b302d622' }, h("legend", { key: 'ea9859e55099e3f8263024d884edfb48b3666eaa', class: "fw-semibold fs-5" }, this.formTitle), h("br", { key: 'f646c1ecc544c358d87e701aba8e151fcb96c54e' }), h("div", { key: '874bf4ebd7cef0afbdee96fa4d5679b6d683b0f0', class: "row gy-3" }, h("owner-form-inputs", { key: '866dbf0002ec1ac70d7942c6011c67f8cd144960', ownerDefaultValue: this.formController.getInitialValues(), errors: this.errors, formController: this.formController }), h("div", { key: '15d907270ecf3d16769cedea39ba279d7ffb0748', class: "d-flex gap-2 justify-content-start" }, h(Button, { key: '84c09ef594e7fa387e64a09014de81ed713cc765', variant: "secondary", type: "button", onClick: this.handleRemoveOwner, hidden: !this.showRemoveButton }, "Remove"), h(Button, { key: '1dafd97aa7b84644c9d011224a152ad7f99ce620', variant: "primary", type: "submit", onClick: this.handleAddOwner, disabled: this.isLoading }, this.submitButtonText))), h("hr", { key: 'f1f31da4d147afcd01ef96acd01d63ee9497dd6b' }))));
+    }
+    static get watchers() { return {
+        "isLoading": ["loadingWatcher"]
+    }; }
+};
+
+const BusinessOwnerFormInputs = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.inputHandler = (name, value) => {
+            updateFormValues(this.formController, { [name]: value });
+        };
+        this.onAddressFormUpdate = (values) => {
+            updateAddressFormValues(this.formController, Object.assign(Object.assign({}, this.formController.values.getValue().address), values));
+        };
+        this.ownerDefaultValue = undefined;
+        this.errors = undefined;
+        this.formController = undefined;
+    }
+    render() {
+        return (h("div", { key: '6fcc165d4bc75b92403d9031ad98f05f6b1dcd34', class: 'row gy-3' }, h("div", { key: '74f1e42a13892e95497a99684ba9de64719edb72', class: 'col-12 col-md-6' }, h("form-control-text", { key: '29caea2b0b0a62822cc20c99e697f3db7c22a541', name: 'name', label: 'Full Name', defaultValue: this.ownerDefaultValue.name, errorText: this.errors.name, inputHandler: this.inputHandler })), h("div", { key: '5b0f8da9a0512de70558baa9cb188b4d5e773dc2', class: 'col-12 col-md-4' }, h("form-control-text", { key: '5967094f115a64876f8dc943a273f5a22b193f1c', name: 'title', label: 'Title', defaultValue: this.ownerDefaultValue.title, errorText: this.errors.title, inputHandler: this.inputHandler })), h("div", { key: '6c05fec9b87f8ba5e3be9ce74ef727a1e4b14905', class: 'col-12 col-md-6' }, h("form-control-text", { key: '8c5b2839b6de605915d8e7c14a0ba22d3f440bda', name: 'email', label: 'Email Address', defaultValue: this.ownerDefaultValue.email, errorText: this.errors.email, inputHandler: this.inputHandler })), h("div", { key: 'd7eae882aea84b8562e459e66bc1ba885c4be3c7', class: 'col-12 col-md-6' }, h("form-control-number-masked", { key: '2d6b33f47e4008745fd65c5ef3cb60dd92b85eba', name: 'phone', label: 'Phone Number', defaultValue: this.ownerDefaultValue.phone, errorText: this.errors.phone, inputHandler: this.inputHandler, mask: PHONE_MASKS.US })), h("div", { key: '92b825163aedf052bdb89721397da69c717e595d', class: 'col-12 col-md-4' }, h("form-control-date", { key: 'cd884b773ef0eb60effc61e8cfbf42b21620cd1c', name: 'dob_full', label: 'Birth Date', defaultValue: this.ownerDefaultValue.dob_full, errorText: this.errors.dob_full, inputHandler: this.inputHandler, onFormControlInput: (e) => updateDateOfBirthFormValues(e, this.formController) })), h("div", { key: '614ba65972946645ba5c7a299c00efd0e85abf5e', class: 'col-12 col-md-8' }, h("form-control-number-masked", { key: '7cd9fe7a1b56d351942a0b962f3c7227459406ae', name: 'identification_number', label: 'SSN', defaultValue: this.ownerDefaultValue.identification_number, errorText: this.errors.identification_number, inputHandler: this.inputHandler, mask: SSN_MASK })), h("div", { key: 'ce08f35a16de4b9be65377cde0a9daa5b4cbe876', class: 'col-12' }, h("justifi-identity-address-form", { key: '79a7f5e8c08fc57383c1975145a6b06bd4e615dd', errors: this.errors.address, defaultValues: this.ownerDefaultValue.address, handleFormUpdate: this.onAddressFormUpdate }))));
+    }
+    ;
+};
+
+export { BusinessOwnerForm as justifi_owner_form, BusinessOwnerFormCore as owner_form_core, BusinessOwnerFormInputs as owner_form_inputs };

package/dist/webcomponents/p-5482d030.entry.js

@@ -0,0 +1,21 @@
+import { r as registerInstance, h, H as Host } from './p-fad19d75.js';
+import { E as ExtendedPagingDefaults } from './p-56f6ce4c.js';
+
+const PaginationMenu = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.paging = ExtendedPagingDefaults;
+        this.params = {};
+    }
+    render() {
+        return (h(Host, { key: '645df5028861aa714a814f908ccace8dcd0986f8', exportparts: `page-arrow,page-button,page-button-disabled,page-button-text` }, h("nav", { key: '6cb86ce01c625db9c31204f63258570f8a5d0a0f', "aria-label": "Table pagination", class: "d-flex justify-content-end gap-3" }, h("ul", { key: '7ffb5771a1c51553d64735721b937e53c699949d', class: "pagination m-0" }, h("li", { key: 'b439c2f7fe81ccdfa29670a6fc04715681ed5ab3', class: `page-item ${this.paging.has_previous ? '' : ' disabled'}` }, h("a", { key: 'dc59152e834a3076f09304f6fcd0195058ebefec', href: "#", class: "page-link", onClick: (e) => {
+                e.preventDefault();
+                this.paging.handleClickPrevious(this.paging.start_cursor);
+            }, part: `page-button${this.paging.has_previous ? '' : ' page-button-disabled'}` }, h("span", { key: 'fc640fb9ae2ca672bfed89d23c5641cb346c673d', class: "me-1", part: "page-arrow" }, "\u00AB"), h("span", { key: 'fb6fcd31ebd4d194b37f53a071537133b8c4d369', part: "page-button-text" }, "Previous"))), h("li", { key: 'b10e12ec7bc4a89cd897e868ec7b303c62599cd3', class: `page-item ${this.paging.has_next ? '' : ' disabled'}` }, h("a", { key: '51f91eb7cfef91dcbcfd9f11522213308bf717b5', href: "#", class: "page-link", onClick: (e) => {
+                e.preventDefault();
+                this.paging.handleClickNext(this.paging.end_cursor);
+            }, part: `page-button${this.paging.has_next ? '' : ' page-button-disabled'}` }, h("span", { key: 'd89f50a44dead676d19b8862a92ba636947fe6b1', part: "page-button-text" }, "Next"), h("span", { key: 'f5dd2ddddef86931d935df56101f1fed8118e4f6', class: "ms-1", part: "page-arrow" }, "\u00BB")))))));
+    }
+};
+
+export { PaginationMenu as pagination_menu };

package/dist/webcomponents/p-56f6ce4c.js

@@ -1 +1,10 @@
-const e={amount:25,start_cursor:"",end_cursor:"",has_previous:!1,has_next:!1},s=Object.assign(Object.assign({},e),{handleClickNext:()=>{},handleClickPrevious:()=>{}});export{s as E,e as p}
+const pagingDefaults = {
+    amount: 25,
+    start_cursor: '',
+    end_cursor: '',
+    has_previous: false,
+    has_next: false,
+};
+const ExtendedPagingDefaults = Object.assign(Object.assign({}, pagingDefaults), { handleClickNext: () => { }, handleClickPrevious: () => { } });
+
+export { ExtendedPagingDefaults as E, pagingDefaults as p };

package/dist/webcomponents/p-576826b1.entry.js

@@ -0,0 +1,43 @@
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './p-fad19d75.js';
+
+const NumberInput = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.formControlInput = createEvent(this, "formControlInput", 7);
+        this.formControlBlur = 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.label = undefined;
+        this.name = undefined;
+        this.helpText = undefined;
+        this.errorText = undefined;
+        this.defaultValue = undefined;
+        this.inputHandler = undefined;
+        this.disabled = undefined;
+    }
+    handleDefaultValueChange(newValue) {
+        this.updateInput(newValue);
+    }
+    componentDidLoad() {
+        this.updateInput(this.defaultValue);
+    }
+    render() {
+        return (h(Host, { key: 'dd43d75b327c05e75b453b954346c6ffcd85a2f5', exportparts: 'label,input,input-invalid' }, h("div", { key: '5215f62251bd89be493ddffe46bf0c466b42e314', class: 'form-group d-flex flex-column' }, h("label", { key: 'f0409970f8d43bcdef92b81363cc24aa1bb691a0', part: "label", class: "form-label", htmlFor: this.name }, this.label), h("input", { key: '9c6a5899e64ba1a8af6af80c63b6a0895351da63', id: this.name, name: this.name, onBlur: this.formControlBlur.emit, onInput: this.handleFormControlInput, part: `input ${this.errorText && 'input-invalid'}`, class: this.errorText ? 'form-control is-invalid' : 'form-control', type: "number", disabled: this.disabled }), h("form-control-help-text", { key: 'cd7b4a724427383cafc04137f6feca473695b020', helpText: this.helpText, name: this.name }), h("form-control-error-text", { key: '04748d3c5b1067b0312a2b7c36369e2a21a7215f', errorText: this.errorText, name: this.name }))));
+    }
+    get el() { return getElement(this); }
+    static get watchers() { return {
+        "defaultValue": ["handleDefaultValueChange"]
+    }; }
+};
+
+export { NumberInput as form_control_number };