udp-stencil-component-library 25.18.2-beta.9 → 25.18.2

package/dist/components/side-sheet-container.js

@@ -1,9 +1 @@
-import { S as SideSheetContainer$1, d as defineCustomElement$1 } from './side-sheet-container2.js';
-
-const SideSheetContainer = SideSheetContainer$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SideSheetContainer, defineCustomElement };
-//# sourceMappingURL=side-sheet-container.js.map
-
-//# sourceMappingURL=side-sheet-container.js.map
+import{S as s,d as e}from"./side-sheet-container2.js";const o=s,t=e;export{o as SideSheetContainer,t as defineCustomElement}

package/dist/components/side-sheet-container2.js

@@ -1,39 +1 @@
-import { p as proxyCustomElement, H, h } from './index2.js';
-
-const sideSheetContainerCss = "/* @import '../../../../../../node_modules/ag-grid-enterprise/styles/ag-grid.css';\n@import '../../../../../../node_modules/ag-grid-enterprise/styles/ag-theme-material.css'; */\n\n.container {\n    width: 100%;\n    height: 100%;\n    background-color: #f2f2f2; /* light grey background */\n    overflow: auto; /* enable scrolling */\n  \n    /* Hide scrollbar for Chrome, Safari and Opera */\n    ::-webkit-scrollbar {\n      display: none;\n    }\n  \n    /* Hide scrollbar for Firefox */\n    scrollbar-width: none;\n  \n    /* Hide scrollbar for IE and Edge */\n    -ms-overflow-style: none;\n  }\n  ";
-
-const SideSheetContainer = /*@__PURE__*/ proxyCustomElement(class SideSheetContainer extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.padding = true;
-    }
-    render() {
-        const style = this.padding ? { 'padding': '16px' } : {};
-        return (h("div", { key: 'd96d9ce87e8be3dde29bd888c7a19d658b3a509d', class: "container", style: style }, h("slot", { key: '3e58e513226f46ded85c18248bc9cac3ed372b69' })));
-    }
-    static get style() { return sideSheetContainerCss; }
-}, [257, "side-sheet-container", {
-        "padding": [4]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["side-sheet-container"];
-    components.forEach(tagName => { switch (tagName) {
-        case "side-sheet-container":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SideSheetContainer);
-            }
-            break;
-    } });
-}
-
-export { SideSheetContainer as S, defineCustomElement as d };
-//# sourceMappingURL=side-sheet-container2.js.map
-
-//# sourceMappingURL=side-sheet-container2.js.map
+import{p as e,H as t,h as s,t as n}from"./index2.js";const o=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.padding=!0}render(){return s("div",{key:"d96d9ce87e8be3dde29bd888c7a19d658b3a509d",class:"container",style:this.padding?{padding:"16px"}:{}},s("slot",{key:"3e58e513226f46ded85c18248bc9cac3ed372b69"}))}static get style(){return".container{width:100%;height:100%;background-color:#f2f2f2;overflow:auto;scrollbar-width:none;-ms-overflow-style:none;::-webkit-scrollbar{display:none}}"}},[257,"side-sheet-container",{padding:[4]}]);function d(){"undefined"!=typeof customElements&&["side-sheet-container"].forEach((e=>{"side-sheet-container"===e&&(customElements.get(n(e))||customElements.define(n(e),o))}))}export{o as S,d}

package/dist/components/side-sheet.js

@@ -1,9 +1 @@
-import { S as SideSheet$1, d as defineCustomElement$1 } from './side-sheet2.js';
-
-const SideSheet = SideSheet$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SideSheet, defineCustomElement };
-//# sourceMappingURL=side-sheet.js.map
-
-//# sourceMappingURL=side-sheet.js.map
+import{S as s,d as e}from"./side-sheet2.js";const o=s,t=e;export{o as SideSheet,t as defineCustomElement}

package/dist/components/side-sheet2.js

@@ -1,90 +1 @@
-import { p as proxyCustomElement, H, h } from './index2.js';
-import Close24 from '@carbon/icons/es/close/24';
-import { d as defineCustomElement$6 } from './custom-button2.js';
-import { d as defineCustomElement$5 } from './side-sheet-container2.js';
-import { d as defineCustomElement$4 } from './stencil-icon-button2.js';
-import { d as defineCustomElement$3 } from './udp-ambient-tool-tip2.js';
-import { d as defineCustomElement$2 } from './udp-badge2.js';
-import { d as defineCustomElement$1 } from './unity-typography2.js';
-
-const sideSheetCss = ".side-sheet {\n  /* --- OLD BEHAVIOR REMOVED --- */\n  /* width: 0; */\n  /* transition: width 0.5s ease; */\n\n  /* --- NEW BEHAVIOR ADDED --- */\n  /* 1. The sheet now has a fixed width from the start. */\n  height: 100%;\n  position: fixed;\n  z-index: 9999;\n  top: 0;\n  bottom: 0;\n  overflow-x: hidden;\n  overflow-y: hidden;\n  background-color: #ffffff;\n\n  /* 2. The animation is now on the transform property. */\n  transition: transform 0.3s ease;\n\n  /* Hide scrollbar for Chrome, Safari and Opera */\n  ::-webkit-scrollbar {\n    display: none;\n  }\n\n  /* Hide scrollbar for Firefox */\n  scrollbar-width: none;\n\n  /* Hide scrollbar for IE and Edge */\n  -ms-overflow-style: none;\n}\n\n\n/* --- NEW: Define the starting position (off-screen) --- */\n.side-sheet.left {\n  left: 0;\n  transform: translateX(-100%); /* Start hidden to the left */\n}\n\n.side-sheet.right {\n  right: 0;\n  transform: translateX(100%); /* Start hidden to the right */\n}\n\n/* --- NEW: Apply width directly to the class, not just when open --- */\n.side-sheet.long {\n  width: 1300px;\n}\n\n.side-sheet.short {\n  width: 480px;\n}\n\n/* --- NEW: The .open class now only changes the transform --- */\n.side-sheet.open {\n  transform: translateX(0); /* Slide into view */\n}\n\n\n/* --- BACKDROP REMAINS THE SAME --- */\n.backdrop {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: rgba(0, 0, 0, 0.5);\n  z-index: 9;\n  opacity: 0;\n  pointer-events: none;\n  transition: opacity 0.5s ease;\n}\n\n.backdrop.open {\n  opacity: 1;\n  pointer-events: auto;\n}\n\n/* --- OTHER STYLES REMAIN THE SAME --- */\n.title {\n display: flex;\n flex: 1;\n align-items: center;\n}\n\n.close-button {\n  display: flex;\n  align-items: center;\n}\n\n.ag-root.ag-layout-normal {\n  font-family: sans-serif !important;\n  font-size: 13px;\n}\n\n/* The inline style for custom width in your component will still work perfectly. */\n";
-
-const SideSheet = /*@__PURE__*/ proxyCustomElement(class SideSheet extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.position = 'left';
-        this.widthOption = 'long';
-        this.disabled = false;
-        this.padding = true;
-        this.buttonTransform = "translate(0,0)";
-    }
-    render() {
-        const widthClass = typeof this.widthOption === 'number' ? 'custom-width' : this.widthOption;
-        const sideSheetStyle = typeof this.widthOption === 'number' ? { width: `${this.widthOption}px` } : {};
-        return (h("div", { key: '493885f8ff6fd42a33d7a91ceeaf2376896e78b9' }, h("div", { key: '5f3fc796d16eac33ed3ee5caa591c55074f08b5d', class: { 'backdrop': true, 'open': this.open }, onClick: this.toggleDrawer }), h("div", { key: '5d91c44a3dfdef6e6e60dd8bb9932965c0b3c4d6', class: { 'side-sheet': true, 'open': this.open, 'close': !this.open, [this.position]: true, [widthClass]: true }, style: sideSheetStyle }, h("div", { key: 'e585f7cda32111284edd65d43db8034f1fd4a3f1', class: "title" }, h("div", { key: '47682a75bc55ea2b3699727e1d8b8005331fa053', class: 'close-button' }, h("stencil-icon-button", { key: '127217807a38574d7cc17b46f3b3480b1e780628', icon: Close24, onClick: this.toggleDrawer })), h("div", { key: '6e6ef59d9ae06d64b9b24723fa593a15e8713a89', class: 'title' }, h("unity-typography", { key: 'e58a2a5b8fad9b6cc78fd1ae266d10a54bd70374', variant: "data-display-four" }, this.title)), this.sideSheetButtonLabel && h("custom-button", { key: '709251d45b26fd42dfb08aa3292b9d500184167e', style: { transform: this.buttonTransform, }, size: 'tall', disabled: this.disabled, onCustomClick: () => this.handleSideSheetButton() }, this.sideSheetButtonLabel)), h("side-sheet-container", { key: '5a1321a0b09d030612e4787d1652666351057ffe', padding: this.padding }, h("slot", { key: 'eab8b1135a509ac45eccc573a5efe6e78efaf54d' })))));
-    }
-    static get style() { return sideSheetCss; }
-}, [260, "side-sheet", {
-        "open": [4],
-        "title": [1],
-        "buttonLabel": [1, "button-label"],
-        "toggleDrawer": [16],
-        "position": [1],
-        "handleSideSheetButton": [16],
-        "sideSheetButtonLabel": [1, "side-sheet-button-label"],
-        "widthOption": [8, "width-option"],
-        "disabled": [4],
-        "padding": [4],
-        "buttonTransform": [1, "button-transform"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["side-sheet", "custom-button", "side-sheet-container", "stencil-icon-button", "udp-ambient-tool-tip", "udp-badge", "unity-typography"];
-    components.forEach(tagName => { switch (tagName) {
-        case "side-sheet":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SideSheet);
-            }
-            break;
-        case "custom-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "side-sheet-container":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "stencil-icon-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "udp-ambient-tool-tip":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "udp-badge":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "unity-typography":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { SideSheet as S, defineCustomElement as d };
-//# sourceMappingURL=side-sheet2.js.map
-
-//# sourceMappingURL=side-sheet2.js.map
+import{p as t,H as e,h as s,t as o}from"./index2.js";import i from"@carbon/icons/es/close/24";import{d as a}from"./custom-button2.js";import{d as n}from"./side-sheet-container2.js";import{d}from"./stencil-icon-button2.js";import{d as r}from"./udp-ambient-tool-tip2.js";import{d as c}from"./udp-badge2.js";import{d as l}from"./unity-typography2.js";const f=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.position="left",this.widthOption="long",this.disabled=!1,this.padding=!0,this.buttonTransform="translate(0,0)"}render(){const t="number"==typeof this.widthOption?"custom-width":this.widthOption,e="number"==typeof this.widthOption?{width:`${this.widthOption}px`}:{};return s("div",{key:"493885f8ff6fd42a33d7a91ceeaf2376896e78b9"},s("div",{key:"5f3fc796d16eac33ed3ee5caa591c55074f08b5d",class:{backdrop:!0,open:this.open},onClick:this.toggleDrawer}),s("div",{key:"5d91c44a3dfdef6e6e60dd8bb9932965c0b3c4d6",class:{"side-sheet":!0,open:this.open,close:!this.open,[this.position]:!0,[t]:!0},style:e},s("div",{key:"e585f7cda32111284edd65d43db8034f1fd4a3f1",class:"title"},s("div",{key:"47682a75bc55ea2b3699727e1d8b8005331fa053",class:"close-button"},s("stencil-icon-button",{key:"127217807a38574d7cc17b46f3b3480b1e780628",icon:i,onClick:this.toggleDrawer})),s("div",{key:"6e6ef59d9ae06d64b9b24723fa593a15e8713a89",class:"title"},s("unity-typography",{key:"e58a2a5b8fad9b6cc78fd1ae266d10a54bd70374",variant:"data-display-four"},this.title)),this.sideSheetButtonLabel&&s("custom-button",{key:"709251d45b26fd42dfb08aa3292b9d500184167e",style:{transform:this.buttonTransform},size:"tall",disabled:this.disabled,onCustomClick:()=>this.handleSideSheetButton()},this.sideSheetButtonLabel)),s("side-sheet-container",{key:"5a1321a0b09d030612e4787d1652666351057ffe",padding:this.padding},s("slot",{key:"eab8b1135a509ac45eccc573a5efe6e78efaf54d"}))))}static get style(){return".side-sheet{height:100%;position:fixed;z-index:9999;top:0;bottom:0;overflow-x:hidden;overflow-y:hidden;background-color:#ffffff;transition:transform 0.3s ease;scrollbar-width:none;-ms-overflow-style:none;::-webkit-scrollbar{display:none}}.side-sheet.left{left:0;transform:translateX(-100%);}.side-sheet.right{right:0;transform:translateX(100%);}.side-sheet.long{width:1300px}.side-sheet.short{width:480px}.side-sheet.open{transform:translateX(0);}.backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.5);z-index:9;opacity:0;pointer-events:none;transition:opacity 0.5s ease}.backdrop.open{opacity:1;pointer-events:auto}.title{display:flex;flex:1;align-items:center}.close-button{display:flex;align-items:center}.ag-root.ag-layout-normal{font-family:sans-serif !important;font-size:13px}"}},[260,"side-sheet",{open:[4],title:[1],buttonLabel:[1,"button-label"],toggleDrawer:[16],position:[1],handleSideSheetButton:[16],sideSheetButtonLabel:[1,"side-sheet-button-label"],widthOption:[8,"width-option"],disabled:[4],padding:[4],buttonTransform:[1,"button-transform"]}]);function b(){"undefined"!=typeof customElements&&["side-sheet","custom-button","side-sheet-container","stencil-icon-button","udp-ambient-tool-tip","udp-badge","unity-typography"].forEach((t=>{switch(t){case"side-sheet":customElements.get(o(t))||customElements.define(o(t),f);break;case"custom-button":customElements.get(o(t))||a();break;case"side-sheet-container":customElements.get(o(t))||n();break;case"stencil-icon-button":customElements.get(o(t))||d();break;case"udp-ambient-tool-tip":customElements.get(o(t))||r();break;case"udp-badge":customElements.get(o(t))||c();break;case"unity-typography":customElements.get(o(t))||l()}}))}export{f as S,b as d}

package/dist/components/signature-input.js

@@ -1,9 +1 @@
-import { S as SignatureInput$1, d as defineCustomElement$1 } from './signature-input2.js';
-
-const SignatureInput = SignatureInput$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SignatureInput, defineCustomElement };
-//# sourceMappingURL=signature-input.js.map
-
-//# sourceMappingURL=signature-input.js.map
+import{S as s,d as t}from"./signature-input2.js";const o=s,r=t;export{o as SignatureInput,r as defineCustomElement}

package/dist/components/signature-input2.js

@@ -1,371 +1 @@
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './index2.js';
-import { i as isFileReference, a as parseFileReference, d as downloadFileFromUdpDriveFile, b as isUdpDriveFile, c as createFileFromString, e as isFile } from './udp-drive-utils.js';
-import { d as defineCustomElement$1 } from './unity-typography2.js';
-
-const signatureInputCss = ":host(.udp-input){display:block;box-sizing:border-box;position:relative}:host(.udp-input--full-width){width:100%}:host(.udp-input--error){--input-border-color:var(--input-underline-color-error)}:host(.udp-input--disabled){pointer-events:none;opacity:0.5;cursor:not-allowed}:host(.udp-input--required){position:relative}:host(.udp-input--readonly){--input-background:var(--gray-02)}:host(.udp-input--hidden){display:none}:host(.udp-input--checked){--input-accent-color:var(--primary-color)}:host(.udp-input--multi-select){--list-max-height:200px}:host(.udp-input) .bx--text-input:focus{outline:none;}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-05)}:host(.udp-input) .bx--label{display:block;margin-bottom:var(--spacing-03);color:var(--text-main);font-size:var(--caption-text-font-size);font-weight:var(--caption-text-font-weight);line-height:var(--caption-text-line-height)}@media (max-width: var(--breakpoint-xs-max)){:host(.udp-input){margin-bottom:var(--spacing-04)}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-04)}}@media (min-width: var(--breakpoint-sm-min)){:host(.udp-input){min-height:2.5rem;}}:host(.udp-input--size-small) .bx--text-input,:host(.udp-input--size-small) textarea,:host(.udp-input--size-small) input[type=\"text\"],:host(.udp-input--size-small) input[type=\"number\"],:host(.udp-input--size-small) input[type=\"email\"],:host(.udp-input--size-small) input[type=\"password\"],:host(.udp-input--size-small) input[type=\"tel\"],:host(.udp-input--size-small) input[type=\"url\"],:host(.udp-input--size-small) input[type=\"search\"]{padding:var(--spacing-02);padding-bottom:6px;font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--text-input,:host(.udp-input--size-normal) textarea,:host(.udp-input--size-normal) input[type=\"text\"],:host(.udp-input--size-normal) input[type=\"number\"],:host(.udp-input--size-normal) input[type=\"email\"],:host(.udp-input--size-normal) input[type=\"password\"],:host(.udp-input--size-normal) input[type=\"tel\"],:host(.udp-input--size-normal) input[type=\"url\"],:host(.udp-input--size-normal) input[type=\"search\"]{padding:var(--spacing-03);padding-bottom:9px;font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--text-input,:host(.udp-input--size-large) textarea,:host(.udp-input--size-large) input[type=\"text\"],:host(.udp-input--size-large) input[type=\"number\"],:host(.udp-input--size-large) input[type=\"email\"],:host(.udp-input--size-large) input[type=\"password\"],:host(.udp-input--size-large) input[type=\"tel\"],:host(.udp-input--size-large) input[type=\"url\"],:host(.udp-input--size-large) input[type=\"search\"]{padding:var(--spacing-04);padding-bottom:12px;font-size:var(--body-font-size)}:host(.udp-input--margin-none){margin:0}:host(.udp-input--margin-dense){margin:var(--spacing-02) 0}:host(.udp-input--margin-normal){margin:var(--spacing-03) 0}:host(.udp-input--margin-comfortable){margin:var(--spacing-04) 0}:host(.udp-input--size-small) .bx--label{margin-bottom:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--label{margin-bottom:var(--spacing-03);font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--label{margin-bottom:var(--spacing-04);font-size:var(--body-font-size)}.bx--text-input,textarea,input[type=\"text\"],input[type=\"number\"],input[type=\"email\"],input[type=\"password\"],input[type=\"tel\"],input[type=\"url\"],input[type=\"search\"]{display:inline-block;padding:var(--spacing-03);padding-bottom:9px;box-sizing:border-box;border:none;font-size:var(--body-font-size);background:var(--input-background);border-bottom:var(--underline-standard) solid var(--input-underline-color, var(--gray-08));width:100%;font-family:var(--font-family);transition:border-bottom-color 0.15s ease-in-out}.bx--text-input:focus,textarea:focus,input[type=\"text\"]:focus,input[type=\"number\"]:focus,input[type=\"email\"]:focus,input[type=\"password\"]:focus,input[type=\"tel\"]:focus,input[type=\"url\"]:focus,input[type=\"search\"]:focus{border-bottom-color:var(--input-underline-color-focus, var(--primary-color));border-bottom-width:2px}.bx--text-input--error,.bx--text-input:user-invalid,:host(.udp-input--error) .bx--text-input,:host(.udp-input--error) textarea,:host(.udp-input--error) input[type=\"text\"],:host(.udp-input--error) input[type=\"number\"],:host(.udp-input--error) input[type=\"email\"],:host(.udp-input--error) input[type=\"password\"],:host(.udp-input--error) input[type=\"tel\"],:host(.udp-input--error) input[type=\"url\"],:host(.udp-input--error) input[type=\"search\"],input[type=\"text\"]:user-invalid,input[type=\"number\"]:user-invalid,input[type=\"email\"]:user-invalid,input[type=\"password\"]:user-invalid,input[type=\"tel\"]:user-invalid,input[type=\"url\"]:user-invalid,input[type=\"search\"]:user-invalid{border-bottom-color:var(--input-underline-color-error, var(--error-color-main)) !important}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input[type=\"text\"],:host(.udp-input--disabled) input[type=\"number\"],:host(.udp-input--disabled) input[type=\"email\"],:host(.udp-input--disabled) input[type=\"password\"],:host(.udp-input--disabled) input[type=\"tel\"],:host(.udp-input--disabled) input[type=\"url\"],:host(.udp-input--disabled) input[type=\"search\"]{border-bottom-color:var(--input-underline-color-disabled, var(--gray-08))}textarea.bx--text-input{resize:vertical;min-height:var(--spacing-08)}.bx--text-input::placeholder,textarea::placeholder,input[type=\"text\"]::placeholder,input[type=\"number\"]::placeholder,input[type=\"email\"]::placeholder,input[type=\"password\"]::placeholder,input[type=\"tel\"]::placeholder,input[type=\"url\"]::placeholder,input[type=\"search\"]::placeholder{color:var(--placeholder-color, #999);opacity:1}:host(.udp-input),:host{display:block;width:100%;box-sizing:border-box}.bx--form-item{margin-bottom:var(--spacing-05)}.bx--label{display:block;margin-bottom:var(--spacing-03)}.error-message,.bx--form-requirement,:host(.udp-input--error) .error-message,:host(.udp-input--error) .bx--form-requirement{color:var(--error-color-main, #d32f2f) !important;margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem);--unity-typography-inherit-color:var(--error-color-main, #d32f2f)}.helper-text{color:var(--text-02, #525252);margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input,:host(.udp-input--disabled){cursor:not-allowed;opacity:0.6}:host(.udp-input--readonly) .bx--text-input,:host(.udp-input--readonly) textarea,:host(.udp-input--readonly) input{background-color:var(--field-01, #f4f4f4);cursor:default}:host(.udp-input--size-small) .signature-canvas{height:150px}:host(.udp-input--size-normal) .signature-canvas{height:200px}:host(.udp-input--size-large) .signature-canvas{height:250px}:host(.udp-input--size-small) .clear-button{padding:var(--spacing-01) var(--spacing-02);font-size:var(--caption-font-size, 0.875rem);top:var(--spacing-02);right:var(--spacing-02)}:host(.udp-input--size-normal) .clear-button{padding:var(--spacing-02) var(--spacing-03);font-size:var(--body-font-size);top:var(--spacing-02);right:var(--spacing-02)}:host(.udp-input--size-large) .clear-button{padding:var(--spacing-03) var(--spacing-04);font-size:var(--body-font-size);top:var(--spacing-03);right:var(--spacing-03)}.signature-pad-container{position:relative;border:1px solid var(--udp-mid-gray-color);border-radius:4px;background-color:var(--udp-light-gray-color)}.signature-canvas{display:block;width:100%;height:200px;}.signature-pad-container.readonly{background-color:var(--udp-disabled-gray-color)}.signature-canvas.readonly{cursor:not-allowed}.clear-button{position:absolute;top:var(--spacing-02);right:var(--spacing-02);background-color:var(--udp-light-gray-color);border:1px solid var(--udp-mid-gray-color);color:var(--udp-primary-color);cursor:pointer;border-radius:4px;padding:var(--spacing-02) var(--spacing-03);}.clear-button:hover{background-color:var(--udp-mid-gray-color)}.clear-button:disabled{cursor:not-allowed;opacity:0.5}";
-
-const SignatureInput = /*@__PURE__*/ proxyCustomElement(class SignatureInput extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.change = createEvent(this, "change");
-        this.metadataEmit = createEvent(this, "metadataEmit");
-        /**
-         * Whether to save location and timestamp data in the submission.
-         */
-        this.includeLocation = false;
-        /**
-         * Whether the field is disabled.
-         */
-        this.disabled = false;
-        /**
-         * Whether the field is read-only.
-         */
-        this.readonly = false;
-        /**
-         * Size variant for the signature input.
-         * - 'small': Compact signature area
-         * - 'normal': Standard signature area (default)
-         * - 'large': Generous signature area
-         */
-        this.size = 'normal';
-        /**
-         * Margin variant for the input spacing.
-         * - 'none': No margin
-         * - 'dense': Minimal margin spacing
-         * - 'normal': Standard margin spacing (default)
-         */
-        this.margin = 'normal';
-        this.cachedLocation = null;
-        this.isInternalChange = false;
-        this.handleResize = () => {
-            if (this.resizeTimeout)
-                clearTimeout(this.resizeTimeout);
-            this.resizeTimeout = setTimeout(() => {
-                const rect = this.canvasEl.getBoundingClientRect();
-                if (!this.lastCanvasRect || rect.width !== this.lastCanvasRect.width || rect.height !== this.lastCanvasRect.height) {
-                    // Save current signature as dataURL
-                    let dataURL = this.signaturePad && !this.signaturePad.isEmpty() ? this.signaturePad.toDataURL() : null;
-                    this.resizeCanvasForDPR();
-                    this.initializeSignaturePad();
-                    this.lastCanvasRect = rect;
-                    // Restore signature if it existed
-                    if (dataURL && this.signaturePad) {
-                        this.signaturePad.fromDataURL(dataURL);
-                    }
-                }
-            }, 200);
-        };
-        this.handleSignatureEnd = async () => {
-            if (this.signaturePad.isEmpty()) {
-                this.isInternalChange = true;
-                this.value = null;
-                this.change.emit(null);
-                this.metadataEmit.emit({ key: 'signature.latitude', value: null });
-                this.metadataEmit.emit({ key: 'signature.longitude', value: null });
-                this.metadataEmit.emit({ key: 'signature.timestamp', value: null });
-            }
-            else {
-                const dataURL = this.signaturePad.toDataURL();
-                const signatureFile = await this.urlToFile(dataURL, 'signature.png');
-                this.isInternalChange = true;
-                this.value = signatureFile;
-                this.change.emit(signatureFile);
-                // Timestamp always emitted
-                this.metadataEmit.emit({
-                    key: 'signature.timestamp',
-                    value: new Date().toISOString(),
-                });
-                // Location handling
-                if (this.includeLocation) {
-                    try {
-                        let coords = this.cachedLocation;
-                        if (!coords) {
-                            // Fallback if prewarm failed
-                            coords = await new Promise((resolve, reject) => {
-                                navigator.geolocation.getCurrentPosition(resolve, reject, {
-                                    enableHighAccuracy: true,
-                                    timeout: 30000,
-                                    maximumAge: 0,
-                                });
-                            });
-                        }
-                        if (coords) {
-                            this.metadataEmit.emit({ key: 'signature.latitude', value: coords.coords.latitude });
-                            this.metadataEmit.emit({ key: 'signature.longitude', value: coords.coords.longitude });
-                        }
-                        else {
-                            this.metadataEmit.emit({ key: 'signature.latitude', value: null });
-                            this.metadataEmit.emit({ key: 'signature.longitude', value: null });
-                        }
-                    }
-                    catch (err) {
-                        console.warn("Geolocation error:", err);
-                        this.metadataEmit.emit({ key: 'signature.latitude', value: null });
-                        this.metadataEmit.emit({ key: 'signature.longitude', value: null });
-                    }
-                }
-            }
-        };
-        this.clearSignature = () => {
-            if (this.signaturePad) {
-                this.signaturePad.clear();
-                this.handleSignatureEnd(); // to emit the change
-            }
-        };
-    }
-    async processAndLoadValue(incomingValue) {
-        if (!incomingValue) {
-            if (this.signaturePad)
-                this.signaturePad.clear();
-            return;
-        }
-        try {
-            const rawValue = Array.isArray(incomingValue) ? incomingValue[0] : incomingValue;
-            let loadedFile = null;
-            // --- Parsing Logic ---
-            if (typeof rawValue === 'string' && isFileReference(rawValue)) {
-                const parsedFile = await parseFileReference(rawValue);
-                if (parsedFile && parsedFile.driveFileId) {
-                    loadedFile = await downloadFileFromUdpDriveFile({
-                        name: parsedFile.name,
-                        driveFileId: parsedFile.driveFileId,
-                        extension: parsedFile.name.split('.').pop() || '',
-                    });
-                }
-                else {
-                    loadedFile = parsedFile;
-                }
-            }
-            else if (isUdpDriveFile(rawValue)) {
-                loadedFile = await downloadFileFromUdpDriveFile(rawValue);
-            }
-            else if (typeof rawValue === 'string') {
-                loadedFile = await createFileFromString(rawValue, 'signature.png');
-            }
-            else if (isFile(rawValue)) {
-                loadedFile = rawValue;
-            }
-            // --- Application Logic ---
-            if (loadedFile) {
-                this.value = loadedFile; // Update internal prop
-                if (this.signaturePad) {
-                    await this.loadSignature(loadedFile);
-                }
-                else {
-                    // If pad isn't ready yet, initializeSignaturePad will pick up this.value
-                    this.initializeSignaturePad();
-                }
-            }
-        }
-        catch (err) {
-            console.error('Failed to process signature value:', err);
-        }
-    }
-    onErrorChange(newValue) {
-        this.internalError = newValue;
-    }
-    async handleValueUpdate(newValue) {
-        // Guard against loops from our own 'endStroke'
-        if (this.isInternalChange) {
-            this.isInternalChange = false;
-            return;
-        }
-        // If the value changed from outside, we need to re-parse/re-load
-        if (this.canvasEl) {
-            await this.processAndLoadValue(newValue);
-        }
-    }
-    async handleInitialValueUpdate(newValue) {
-        // Only react to initialValue changes if we have a canvas
-        if (this.canvasEl) {
-            await this.processAndLoadValue(newValue);
-        }
-    }
-    async componentWillLoad() {
-        this.internalError = this.error;
-        await this.loadSignaturePad();
-        // Prewarm location if enabled
-        if (this.includeLocation) {
-            navigator.geolocation.getCurrentPosition((coords) => {
-                this.cachedLocation = coords;
-            }, (err) => {
-                console.warn("Prewarm geolocation error:", err);
-                this.cachedLocation = null;
-            }, { enableHighAccuracy: true, timeout: 30000, maximumAge: 0 });
-        }
-    }
-    async componentDidLoad() {
-        // 1. Initialize the pad (this sets up the canvas and library)
-        this.initializeSignaturePad();
-        // 2. Load whatever we have (preferring value over initialValue)
-        const starterValue = this.value || this.initialValue;
-        if (starterValue) {
-            await this.processAndLoadValue(starterValue);
-        }
-        this.lastCanvasRect = this.canvasEl.getBoundingClientRect();
-        window.addEventListener('resize', this.handleResize);
-    }
-    disconnectedCallback() {
-        window.removeEventListener('resize', this.handleResize);
-        if (this.resizeTimeout)
-            clearTimeout(this.resizeTimeout);
-    }
-    resizeCanvasForDPR() {
-        if (!this.canvasEl)
-            return;
-        const ratio = window.devicePixelRatio || 1;
-        const rect = this.canvasEl.getBoundingClientRect();
-        // Setting width/height automatically clears the canvas and resets the context
-        this.canvasEl.width = rect.width * ratio;
-        this.canvasEl.height = rect.height * ratio;
-        const ctx = this.canvasEl.getContext('2d');
-        // Just to be safe, reset transform before scaling
-        ctx.setTransform(1, 0, 0, 1, 0, 0);
-        ctx.scale(ratio, ratio);
-    }
-    async loadSignaturePad() {
-        if (!this.SignaturePadLib) {
-            try {
-                const module = await import('signature_pad');
-                this.SignaturePadLib = module.default;
-            }
-            catch (e) {
-                console.error('Failed to load signature_pad library', e);
-            }
-        }
-    }
-    initializeSignaturePad() {
-        if (this.SignaturePadLib && this.canvasEl) {
-            // 1. Reset the canvas dimensions and scale first
-            this.resizeCanvasForDPR();
-            // 2. Destroy old instance if it exists
-            if (this.signaturePad) {
-                this.signaturePad.off();
-            }
-            // 3. Create new instance
-            this.signaturePad = new this.SignaturePadLib(this.canvasEl);
-            this.signaturePad.addEventListener("endStroke", this.handleSignatureEnd);
-            this.handleStateChange();
-            // 4. Load value if exists
-            if (this.value) {
-                this.loadSignature(this.value);
-            }
-        }
-    }
-    handleStateChange() {
-        if (this.signaturePad) {
-            if (this.disabled || this.readonly) {
-                this.signaturePad.off();
-            }
-            else {
-                this.signaturePad.on();
-            }
-        }
-    }
-    async loadSignature(signatureValue) {
-        let imageUrl;
-        if (typeof signatureValue === 'string') {
-            imageUrl = signatureValue;
-        }
-        else if (isUdpDriveFile(signatureValue)) {
-            try {
-                const file = await downloadFileFromUdpDriveFile(signatureValue);
-                imageUrl = URL.createObjectURL(file);
-            }
-            catch (error) {
-                console.error('Error loading signature image from UdpDriveFile:', error);
-                return;
-            }
-        }
-        else if (signatureValue instanceof File) {
-            imageUrl = URL.createObjectURL(signatureValue);
-        }
-        if (imageUrl && this.signaturePad) {
-            // 1. Clear the pad first to prevent double signatures
-            this.signaturePad.clear();
-            // 2. Load the image
-            this.signaturePad.fromDataURL(imageUrl, {
-                ratio: window.devicePixelRatio || 1 // Explicitly tell it the ratio
-            });
-        }
-    }
-    async urlToFile(url, filename) {
-        const res = await fetch(url);
-        const blob = await res.blob();
-        return new File([blob], filename, { type: blob.type });
-    }
-    render() {
-        const isError = !!this.internalError;
-        const containerClasses = {
-            'signature-pad-container': true,
-            'readonly': this.readonly,
-            'disabled': this.disabled,
-        };
-        return (h(Host, { key: 'aff1350eca630e59476dadec14c89809040d0d63', class: {
-                'udp-input': true,
-                'udp-input--error': isError,
-                'udp-input--disabled': this.disabled,
-                'udp-input--required': this.required,
-                'udp-input--readonly': this.readonly,
-                [`udp-input--size-${this.size}`]: true,
-                [`udp-input--margin-${this.margin}`]: true,
-            } }, h("div", { key: 'e713a4c37dd5a9f45366b8cf07ea3d530e0b7b50', class: "bx--form-item" }, this.label && (h("unity-typography", { key: 'a2ffc9d2169334874ae82969c6b3c24582f45587', variant: "caption-text" }, h("label", { key: 'b7fd938f5b2ac2ccf18eb98c7556eca9e767cbad', htmlFor: this.id, class: "bx--label" }, this.label, this.required && '*'))), h("div", { key: 'f895f5b8e62883e9c5fa3e583ba83925223d4da9', class: containerClasses }, h("canvas", { key: '5c586ae127f2b05f36ffe42efb558690f6ccf7bb', ref: el => (this.canvasEl = el), class: { 'signature-canvas': true, 'readonly': this.readonly || this.disabled }, id: this.id }), !this.readonly && !this.disabled && (h("button", { key: '1f258fe54e4f60a1baca2bc3f777ddcdb99dc6dd', type: "button", class: "clear-button", onClick: this.clearSignature, disabled: this.disabled }, "Clear"))), isError && (h("div", { key: '75c443d5ab8c2d77382fb943a909ada0ef799221', class: "error-message" }, h("unity-typography", { key: '2b33a1fa42e7556dd5be3ec1e3dc8c590f5943cc', variant: "caption-text", color: "error" }, this.internalError))))));
-    }
-    get el() { return this; }
-    static get watchers() { return {
-        "error": ["onErrorChange"],
-        "value": ["handleValueUpdate"],
-        "initialValue": ["handleInitialValueUpdate"],
-        "disabled": ["handleStateChange"],
-        "readonly": ["handleStateChange"]
-    }; }
-    static get style() { return signatureInputCss; }
-}, [257, "signature-input", {
-        "label": [1],
-        "id": [1],
-        "required": [4],
-        "includeLocation": [4, "include-location"],
-        "disabled": [4],
-        "readonly": [4],
-        "error": [1],
-        "size": [1],
-        "margin": [1],
-        "value": [1040],
-        "initialValue": [1, "initial-value"],
-        "internalError": [32],
-        "signaturePad": [32],
-        "cachedLocation": [32]
-    }, undefined, {
-        "error": ["onErrorChange"],
-        "value": ["handleValueUpdate"],
-        "initialValue": ["handleInitialValueUpdate"],
-        "disabled": ["handleStateChange"],
-        "readonly": ["handleStateChange"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["signature-input", "unity-typography"];
-    components.forEach(tagName => { switch (tagName) {
-        case "signature-input":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, SignatureInput);
-            }
-            break;
-        case "unity-typography":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { SignatureInput as S, defineCustomElement as d };
-//# sourceMappingURL=signature-input2.js.map
-
-//# sourceMappingURL=signature-input2.js.map
+import{p as t,H as i,c as e,h as a,d as n,t as s}from"./index2.js";import{i as r,a as o,d as p,b as u,c as l,e as d}from"./udp-drive-utils.js";import{d as h}from"./unity-typography2.js";const c=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.change=e(this,"change"),this.metadataEmit=e(this,"metadataEmit"),this.includeLocation=!1,this.disabled=!1,this.readonly=!1,this.size="normal",this.margin="normal",this.cachedLocation=null,this.isInternalChange=!1,this.handleResize=()=>{this.resizeTimeout&&clearTimeout(this.resizeTimeout),this.resizeTimeout=setTimeout((()=>{const t=this.canvasEl.getBoundingClientRect();if(!this.lastCanvasRect||t.width!==this.lastCanvasRect.width||t.height!==this.lastCanvasRect.height){let i=this.signaturePad&&!this.signaturePad.isEmpty()?this.signaturePad.toDataURL():null;this.resizeCanvasForDPR(),this.initializeSignaturePad(),this.lastCanvasRect=t,i&&this.signaturePad&&this.signaturePad.fromDataURL(i)}}),200)},this.handleSignatureEnd=async()=>{if(this.signaturePad.isEmpty())this.isInternalChange=!0,this.value=null,this.change.emit(null),this.metadataEmit.emit({key:"signature.latitude",value:null}),this.metadataEmit.emit({key:"signature.longitude",value:null}),this.metadataEmit.emit({key:"signature.timestamp",value:null});else{const t=this.signaturePad.toDataURL(),i=await this.urlToFile(t,"signature.png");if(this.isInternalChange=!0,this.value=i,this.change.emit(i),this.metadataEmit.emit({key:"signature.timestamp",value:(new Date).toISOString()}),this.includeLocation)try{let t=this.cachedLocation;t||(t=await new Promise(((t,i)=>{navigator.geolocation.getCurrentPosition(t,i,{enableHighAccuracy:!0,timeout:3e4,maximumAge:0})}))),t?(this.metadataEmit.emit({key:"signature.latitude",value:t.coords.latitude}),this.metadataEmit.emit({key:"signature.longitude",value:t.coords.longitude})):(this.metadataEmit.emit({key:"signature.latitude",value:null}),this.metadataEmit.emit({key:"signature.longitude",value:null}))}catch(t){console.warn("Geolocation error:",t),this.metadataEmit.emit({key:"signature.latitude",value:null}),this.metadataEmit.emit({key:"signature.longitude",value:null})}}},this.clearSignature=()=>{this.signaturePad&&(this.signaturePad.clear(),this.handleSignatureEnd())}}async processAndLoadValue(t){if(t)try{const i=Array.isArray(t)?t[0]:t;let e=null;if("string"==typeof i&&r(i)){const t=await o(i);e=t&&t.driveFileId?await p({name:t.name,driveFileId:t.driveFileId,extension:t.name.split(".").pop()||""}):t}else u(i)?e=await p(i):"string"==typeof i?e=await l(i,"signature.png"):d(i)&&(e=i);e&&(this.value=e,this.signaturePad?await this.loadSignature(e):this.initializeSignaturePad())}catch(t){console.error("Failed to process signature value:",t)}else this.signaturePad&&this.signaturePad.clear()}onErrorChange(t){this.internalError=t}async handleValueUpdate(t){this.isInternalChange?this.isInternalChange=!1:this.canvasEl&&await this.processAndLoadValue(t)}async handleInitialValueUpdate(t){this.canvasEl&&await this.processAndLoadValue(t)}async componentWillLoad(){this.internalError=this.error,await this.loadSignaturePad(),this.includeLocation&&navigator.geolocation.getCurrentPosition((t=>{this.cachedLocation=t}),(t=>{console.warn("Prewarm geolocation error:",t),this.cachedLocation=null}),{enableHighAccuracy:!0,timeout:3e4,maximumAge:0})}async componentDidLoad(){this.initializeSignaturePad();const t=this.value||this.initialValue;t&&await this.processAndLoadValue(t),this.lastCanvasRect=this.canvasEl.getBoundingClientRect(),window.addEventListener("resize",this.handleResize)}disconnectedCallback(){window.removeEventListener("resize",this.handleResize),this.resizeTimeout&&clearTimeout(this.resizeTimeout)}resizeCanvasForDPR(){if(!this.canvasEl)return;const t=window.devicePixelRatio||1,i=this.canvasEl.getBoundingClientRect();this.canvasEl.width=i.width*t,this.canvasEl.height=i.height*t;const e=this.canvasEl.getContext("2d");e.setTransform(1,0,0,1,0,0),e.scale(t,t)}async loadSignaturePad(){if(!this.SignaturePadLib)try{const t=await import("signature_pad");this.SignaturePadLib=t.default}catch(t){console.error("Failed to load signature_pad library",t)}}initializeSignaturePad(){this.SignaturePadLib&&this.canvasEl&&(this.resizeCanvasForDPR(),this.signaturePad&&this.signaturePad.off(),this.signaturePad=new this.SignaturePadLib(this.canvasEl),this.signaturePad.addEventListener("endStroke",this.handleSignatureEnd),this.handleStateChange(),this.value&&this.loadSignature(this.value))}handleStateChange(){this.signaturePad&&(this.disabled||this.readonly?this.signaturePad.off():this.signaturePad.on())}async loadSignature(t){let i;if("string"==typeof t)i=t;else if(u(t))try{const e=await p(t);i=URL.createObjectURL(e)}catch(t){return void console.error("Error loading signature image from UdpDriveFile:",t)}else t instanceof File&&(i=URL.createObjectURL(t));i&&this.signaturePad&&(this.signaturePad.clear(),this.signaturePad.fromDataURL(i,{ratio:window.devicePixelRatio||1}))}async urlToFile(t,i){const e=await fetch(t),a=await e.blob();return new File([a],i,{type:a.type})}render(){const t=!!this.internalError,i={"signature-pad-container":!0,readonly:this.readonly,disabled:this.disabled};return a(n,{key:"aff1350eca630e59476dadec14c89809040d0d63",class:{"udp-input":!0,"udp-input--error":t,"udp-input--disabled":this.disabled,"udp-input--required":this.required,"udp-input--readonly":this.readonly,[`udp-input--size-${this.size}`]:!0,[`udp-input--margin-${this.margin}`]:!0}},a("div",{key:"e713a4c37dd5a9f45366b8cf07ea3d530e0b7b50",class:"bx--form-item"},this.label&&a("unity-typography",{key:"a2ffc9d2169334874ae82969c6b3c24582f45587",variant:"caption-text"},a("label",{key:"b7fd938f5b2ac2ccf18eb98c7556eca9e767cbad",htmlFor:this.id,class:"bx--label"},this.label,this.required&&"*")),a("div",{key:"f895f5b8e62883e9c5fa3e583ba83925223d4da9",class:i},a("canvas",{key:"5c586ae127f2b05f36ffe42efb558690f6ccf7bb",ref:t=>this.canvasEl=t,class:{"signature-canvas":!0,readonly:this.readonly||this.disabled},id:this.id}),!this.readonly&&!this.disabled&&a("button",{key:"1f258fe54e4f60a1baca2bc3f777ddcdb99dc6dd",type:"button",class:"clear-button",onClick:this.clearSignature,disabled:this.disabled},"Clear")),t&&a("div",{key:"75c443d5ab8c2d77382fb943a909ada0ef799221",class:"error-message"},a("unity-typography",{key:"2b33a1fa42e7556dd5be3ec1e3dc8c590f5943cc",variant:"caption-text",color:"error"},this.internalError))))}get el(){return this}static get watchers(){return{error:[{onErrorChange:0}],value:[{handleValueUpdate:0}],initialValue:[{handleInitialValueUpdate:0}],disabled:[{handleStateChange:0}],readonly:[{handleStateChange:0}]}}static get style(){return':host(.udp-input){display:block;box-sizing:border-box;position:relative}:host(.udp-input--full-width){width:100%}:host(.udp-input--error){--input-border-color:var(--input-underline-color-error)}:host(.udp-input--disabled){pointer-events:none;opacity:0.5;cursor:not-allowed}:host(.udp-input--required){position:relative}:host(.udp-input--readonly){--input-background:var(--gray-02)}:host(.udp-input--hidden){display:none}:host(.udp-input--checked){--input-accent-color:var(--primary-color)}:host(.udp-input--multi-select){--list-max-height:200px}:host(.udp-input) .bx--text-input:focus{outline:none;}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-05)}:host(.udp-input) .bx--label{display:block;margin-bottom:var(--spacing-03);color:var(--text-main);font-size:var(--caption-text-font-size);font-weight:var(--caption-text-font-weight);line-height:var(--caption-text-line-height)}@media (max-width: var(--breakpoint-xs-max)){:host(.udp-input){margin-bottom:var(--spacing-04)}:host(.udp-input) .bx--form-item{margin-bottom:var(--spacing-04)}}@media (min-width: var(--breakpoint-sm-min)){:host(.udp-input){min-height:2.5rem;}}:host(.udp-input--size-small) .bx--text-input,:host(.udp-input--size-small) textarea,:host(.udp-input--size-small) input[type="text"],:host(.udp-input--size-small) input[type="number"],:host(.udp-input--size-small) input[type="email"],:host(.udp-input--size-small) input[type="password"],:host(.udp-input--size-small) input[type="tel"],:host(.udp-input--size-small) input[type="url"],:host(.udp-input--size-small) input[type="search"]{padding:var(--spacing-02);padding-bottom:6px;font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--text-input,:host(.udp-input--size-normal) textarea,:host(.udp-input--size-normal) input[type="text"],:host(.udp-input--size-normal) input[type="number"],:host(.udp-input--size-normal) input[type="email"],:host(.udp-input--size-normal) input[type="password"],:host(.udp-input--size-normal) input[type="tel"],:host(.udp-input--size-normal) input[type="url"],:host(.udp-input--size-normal) input[type="search"]{padding:var(--spacing-03);padding-bottom:9px;font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--text-input,:host(.udp-input--size-large) textarea,:host(.udp-input--size-large) input[type="text"],:host(.udp-input--size-large) input[type="number"],:host(.udp-input--size-large) input[type="email"],:host(.udp-input--size-large) input[type="password"],:host(.udp-input--size-large) input[type="tel"],:host(.udp-input--size-large) input[type="url"],:host(.udp-input--size-large) input[type="search"]{padding:var(--spacing-04);padding-bottom:12px;font-size:var(--body-font-size)}:host(.udp-input--margin-none){margin:0}:host(.udp-input--margin-dense){margin:var(--spacing-02) 0}:host(.udp-input--margin-normal){margin:var(--spacing-03) 0}:host(.udp-input--margin-comfortable){margin:var(--spacing-04) 0}:host(.udp-input--size-small) .bx--label{margin-bottom:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--size-normal) .bx--label{margin-bottom:var(--spacing-03);font-size:var(--body-font-size)}:host(.udp-input--size-large) .bx--label{margin-bottom:var(--spacing-04);font-size:var(--body-font-size)}.bx--text-input,textarea,input[type="text"],input[type="number"],input[type="email"],input[type="password"],input[type="tel"],input[type="url"],input[type="search"]{display:inline-block;padding:var(--spacing-03);padding-bottom:9px;box-sizing:border-box;border:none;font-size:var(--body-font-size);background:var(--input-background);border-bottom:var(--underline-standard) solid var(--input-underline-color, var(--gray-08));width:100%;font-family:var(--font-family);transition:border-bottom-color 0.15s ease-in-out}.bx--text-input:focus,textarea:focus,input[type="text"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="password"]:focus,input[type="tel"]:focus,input[type="url"]:focus,input[type="search"]:focus{border-bottom-color:var(--input-underline-color-focus, var(--primary-color));border-bottom-width:2px}.bx--text-input--error,.bx--text-input:user-invalid,:host(.udp-input--error) .bx--text-input,:host(.udp-input--error) textarea,:host(.udp-input--error) input[type="text"],:host(.udp-input--error) input[type="number"],:host(.udp-input--error) input[type="email"],:host(.udp-input--error) input[type="password"],:host(.udp-input--error) input[type="tel"],:host(.udp-input--error) input[type="url"],:host(.udp-input--error) input[type="search"],input[type="text"]:user-invalid,input[type="number"]:user-invalid,input[type="email"]:user-invalid,input[type="password"]:user-invalid,input[type="tel"]:user-invalid,input[type="url"]:user-invalid,input[type="search"]:user-invalid{border-bottom-color:var(--input-underline-color-error, var(--error-color-main)) !important}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input[type="text"],:host(.udp-input--disabled) input[type="number"],:host(.udp-input--disabled) input[type="email"],:host(.udp-input--disabled) input[type="password"],:host(.udp-input--disabled) input[type="tel"],:host(.udp-input--disabled) input[type="url"],:host(.udp-input--disabled) input[type="search"]{border-bottom-color:var(--input-underline-color-disabled, var(--gray-08))}textarea.bx--text-input{resize:vertical;min-height:var(--spacing-08)}.bx--text-input::placeholder,textarea::placeholder,input[type="text"]::placeholder,input[type="number"]::placeholder,input[type="email"]::placeholder,input[type="password"]::placeholder,input[type="tel"]::placeholder,input[type="url"]::placeholder,input[type="search"]::placeholder{color:var(--placeholder-color, #999);opacity:1}:host(.udp-input),:host{display:block;width:100%;box-sizing:border-box}.bx--form-item{margin-bottom:var(--spacing-05)}.bx--label{display:block;margin-bottom:var(--spacing-03)}.error-message,.bx--form-requirement,:host(.udp-input--error) .error-message,:host(.udp-input--error) .bx--form-requirement{color:var(--error-color-main, #d32f2f) !important;margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem);--unity-typography-inherit-color:var(--error-color-main, #d32f2f)}.helper-text{color:var(--text-02, #525252);margin-top:var(--spacing-02);font-size:var(--caption-font-size, 0.875rem)}:host(.udp-input--disabled) .bx--text-input,:host(.udp-input--disabled) textarea,:host(.udp-input--disabled) input,:host(.udp-input--disabled){cursor:not-allowed;opacity:0.6}:host(.udp-input--readonly) .bx--text-input,:host(.udp-input--readonly) textarea,:host(.udp-input--readonly) input{background-color:var(--field-01, #f4f4f4);cursor:default}:host(.udp-input--size-small) .signature-canvas{height:150px}:host(.udp-input--size-normal) .signature-canvas{height:200px}:host(.udp-input--size-large) .signature-canvas{height:250px}:host(.udp-input--size-small) .clear-button{padding:var(--spacing-01) var(--spacing-02);font-size:var(--caption-font-size, 0.875rem);top:var(--spacing-02);right:var(--spacing-02)}:host(.udp-input--size-normal) .clear-button{padding:var(--spacing-02) var(--spacing-03);font-size:var(--body-font-size);top:var(--spacing-02);right:var(--spacing-02)}:host(.udp-input--size-large) .clear-button{padding:var(--spacing-03) var(--spacing-04);font-size:var(--body-font-size);top:var(--spacing-03);right:var(--spacing-03)}.signature-pad-container{position:relative;border:1px solid var(--udp-mid-gray-color);border-radius:4px;background-color:var(--udp-light-gray-color)}.signature-canvas{display:block;width:100%;height:200px;}.signature-pad-container.readonly{background-color:var(--udp-disabled-gray-color)}.signature-canvas.readonly{cursor:not-allowed}.clear-button{position:absolute;top:var(--spacing-02);right:var(--spacing-02);background-color:var(--udp-light-gray-color);border:1px solid var(--udp-mid-gray-color);color:var(--udp-primary-color);cursor:pointer;border-radius:4px;padding:var(--spacing-02) var(--spacing-03);}.clear-button:hover{background-color:var(--udp-mid-gray-color)}.clear-button:disabled{cursor:not-allowed;opacity:0.5}'}},[1,"signature-input",{label:[1],id:[1],required:[4],includeLocation:[4,"include-location"],disabled:[4],readonly:[4],error:[1],size:[1],margin:[1],value:[1040],initialValue:[1,"initial-value"],internalError:[32],signaturePad:[32],cachedLocation:[32]},void 0,{error:[{onErrorChange:0}],value:[{handleValueUpdate:0}],initialValue:[{handleInitialValueUpdate:0}],disabled:[{handleStateChange:0}],readonly:[{handleStateChange:0}]}]);function g(){"undefined"!=typeof customElements&&["signature-input","unity-typography"].forEach((t=>{switch(t){case"signature-input":customElements.get(s(t))||customElements.define(s(t),c);break;case"unity-typography":customElements.get(s(t))||h()}}))}export{c as S,g as d}

package/dist/components/signature-renderer.js

@@ -1,9 +1 @@
-import { S as SignatureRenderer$1, d as defineCustomElement$1 } from './signature-renderer2.js';
-
-const SignatureRenderer = SignatureRenderer$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SignatureRenderer, defineCustomElement };
-//# sourceMappingURL=signature-renderer.js.map
-
-//# sourceMappingURL=signature-renderer.js.map
+import{S as r,d as e}from"./signature-renderer2.js";const s=r,o=e;export{s as SignatureRenderer,o as defineCustomElement}