legalesign-document-viewer 0.0.7

package/dist/types/types/Icon.d.ts

@@ -0,0 +1,355 @@
+declare enum IconEnum {
+    MailIcon = "mail",
+    BellIcon = "bell",
+    HomeIcon = "home",
+    BriefcaseIcon = "briefcase",
+    ShieldCheckIcon = "shield-check",
+    ShieldExclamationIcon = "shield-exclamation",
+    CogIcon = "cog",
+    CheckIcon = "check",
+    TranslateIcon = "translate",
+    CashIcon = "cash",
+    LocationMarkerIcon = "location-marker",
+    UserIcon = "user",
+    UsersIcon = "users",
+    UserGroupIcon = "user-group",
+    OfficeBuildingIcon = "office-building",
+    ScaleIcon = "scale",
+    PencilAltIcon = "pencil-alt",
+    PencilIcon = "pencil",
+    EyeIcon = "eye",
+    BookmarkIcon = "bookmark",
+    ColorSwatchIcon = "color-swatch",
+    InboxIcon = "inbox",
+    InboxInIcon = "inbox-in",
+    ArchiveIcon = "archive",
+    ClockIcon = "clock",
+    PhotographIcon = "photograph",
+    TagIcon = "tag",
+    PhoneIcon = "phone",
+    PhoneIncomingIcon = "phone-incoming",
+    PhoneOutgoingIcon = "phone-outgoing",
+    MenuIcon = "menu",
+    MenuAlt1Icon = "menu-alt-1",
+    MenuAlt2Icon = "menu-alt-2",
+    MenuAlt3Icon = "menu-alt-3",
+    MenuAlt4Icon = "menu-alt-4",
+    SwitchVerticalIcon = "switch-vertical",
+    SwitchHorizontalIcon = "switch-horizontal",
+    XIcon = "x",
+    PlusIcon = "plus",
+    RefreshIcon = "refresh",
+    QuestionMarkCircleIcon = "question-mark-circle",
+    ExclamationIcon = "exclamation",
+    CloudUploadIcon = "cloud-upload",
+    CloudDownloadIcon = "cloud-download",
+    ChartPieIcon = "chart-pie",
+    DocumentIcon = "document",
+    DocumentDownloadIcon = "document-download",
+    DocumentAddIcon = "document-add",
+    DocumentRemoveIcon = "document-remove",
+    CalenderIcon = "calender",
+    CameraIcon = "camera",
+    GlobeAltIcon = "globe-alt",
+    DuplicateIcon = "duplicate",
+    ShareIcon = "share",
+    HeartIcon = "heart",
+    GlobeIcon = "globe",
+    VolumeUpIcon = "volume-up",
+    VolumeOffIcon = "volume-off",
+    AdjustmentsIcon = "adjustments",
+    LinkIcon = "link",
+    MailOpenIcon = "mail-open",
+    DocumentDuplicateIcon = "document-duplicate",
+    CreditCardIcon = "credit-card",
+    LockClosedIcon = "lock-closed",
+    TrendingUpIcon = "trending-up",
+    TrendingDownIcon = "trending-down",
+    FilterIcon = "filter",
+    AtSymbolIcon = "at-symbol",
+    TrashIcon = "trash",
+    InformationCircleIcon = "information-circle",
+    ArrowUpIcon = "arrow-up",
+    ArrowRightIcon = "arrow-right",
+    ArrowDownIcon = "arrow-down",
+    ArrowLeftIcon = "arrow-left",
+    ArrowCircleRightIcon = "arrow-circle-right",
+    ArrowCircleDownIcon = "arrow-circle-down",
+    ArrowCircleLeftIcon = "arrow-circle-left",
+    ArrowCircleUpIcon = "arrow-circle-up",
+    SortAscendingIcon = "sort-ascending",
+    SortDescendingIcon = "sort-descending",
+    XCircleIcon = "x-circle",
+    CheckCircleIcon = "check-circle",
+    ExclamationCircleIcon = "exclamation-circle",
+    PlusCircleIcon = "plus-circle",
+    MinusCircleIcon = "minus-circle",
+    UserCircleIcon = "user-circle",
+    ZoomInIcon = "zoom-in",
+    ZoomOutIcon = "zoom-out",
+    SearchIcon = "search",
+    UserAddIcon = "user-add",
+    DotsHorizontalIcon = "dots-horizontal",
+    DotsVerticalIcon = "dots-vertical",
+    UploadIcon = "upload",
+    DownloadIcon = "download",
+    ViewListIcon = "view-list",
+    ViewBoardsIcon = "view-boards",
+    PaperClipIcon = "paper-clip",
+    EmojiHappyIcon = "emoji-happy",
+    EmojiSadIcon = "emoji-sad",
+    PrinterIcon = "printer",
+    CurrencyDollarIcon = "currency-dollar",
+    CurrencyYenIcon = "currency-yen",
+    CurrencyEuroIcon = "currency-euro",
+    CurrencyPoundIcon = "currency-pound",
+    CurrencyRupeeIcon = "currency-rupee",
+    ChevronDownIcon = "chevron-down",
+    ChevronRightIcon = "chevron-right",
+    ChevronUpIcon = "chevron-up",
+    ChevronLeftIcon = "chevron-left",
+    SelectorIcon = "selector",
+    ChatIcon = "chat",
+    ReceiptRefundIcon = "receipt-refund",
+    TicketIcon = "ticket",
+    LockOpenIcon = "lock-open",
+    DotsCircleHorizontalIcon = "dots-circle-horizontal",
+    HashtagIcon = "hashtag",
+    QRCodeIcon = "qrcode",
+    ClipboardCheckIcon = "clipboard-check",
+    ClipboardListIcon = "clipboard-list",
+    ClipboardIcon = "clipboard",
+    ExternalLinkIcon = "external-link",
+    SunIcon = "sun",
+    MoonIcon = "moon",
+    ClipboardCopyIcon = "clipboard-copy",
+    AnnotationIcon = "annotation",
+    FlagIcon = "flag",
+    CollectionIcon = "collection",
+    BookOpenIcon = "book-open",
+    CodeIcon = "code",
+    LightningBoltIcon = "lightning-bolt",
+    FolderIcon = "folder",
+    SparklesIcon = "sparkles",
+    UserRemoveIcon = "user-remove",
+    ArrowNarrowUpIcon = "arrow-narrow-up",
+    ArrowNarrowRightIcon = "arrow-narrow-right",
+    ArrowNarrowDownIcon = "arrow-narrow-down",
+    ArrowNarrowLeftIcon = "arrow-narrow-left",
+    TemplateIcon = "template",
+    ReplyIcon = "reply",
+    LightBulbIcon = "light-bulb",
+    ChatAltIcon = "chat-alt",
+    DocumentReportIcon = "document-report",
+    LogOutIcon = "logout",
+    KeyIcon = "key",
+    BanIcon = "ban",
+    ShoppingCartIcon = "shopping-cart",
+    CursorClickIcon = "cursor-click",
+    MicrophoneIcon = "microphone",
+    SpeakerphoneIcon = "speakerphone",
+    BadgeCheckIcon = "badge-check",
+    DesktopComputerIcon = "desktop-computer",
+    ChatAlt2Icon = "chat-alt-2",
+    SupportIcon = "support",
+    NewspaperIcon = "newspaper",
+    BookmarkAltIcon = "bookmark-alt",
+    ViewGridAddIcon = "view-grid-add",
+    LibraryIcon = "library",
+    PlayIcon = "play",
+    PauseIcon = "pause",
+    StopIcon = "stop",
+    StarIcon = "star",
+    TerminalIcon = "terminal",
+    ChartSquareBarIcon = "chart-square-bar",
+    EyeOffIcon = "eye-off",
+    ChartBarIcon = "chart-bar",
+    FireIcon = "fire",
+    ShoppingBagIcon = "shopping-bag",
+    ThumbUpIcon = "thumb-up",
+    ThumbDownIcon = "thumb-down",
+    HandIcon = "hand",
+    ArrowsExpandIcon = "arrows-expand",
+    ViewGridIcon = "view-grid",
+    PuzzleIcon = "puzzle",
+    FolderDownloadIcon = "folder-download",
+    FolderAddIcon = "folder-add",
+    FolderRemoveIcon = "folder-remove",
+    MapIcon = "map",
+    IdentificationIcon = "identification",
+    RSSIcon = "rss",
+    ScissorsIcon = "scissors",
+    MusicNoteIcon = "music-note",
+    FilmIcon = "film",
+    DatabaseIcon = "database",
+    ServerIcon = "server",
+    LogInIcon = "login",
+    WiFiIcon = "wifi",
+    BackspaceIcon = "backspace",
+    PaperAirplaneIcon = "paper-airplane",
+    DeviceMobileIcon = "device-mobile",
+    DeviceTabletIcon = "device-tablet",
+    ChevronDoubleRightIcon = "chevron-double-right",
+    ChevronDoubleDownIcon = "chevron-double-down",
+    ChevronDoubleLeftIcon = "chevron-double-left",
+    ChevronDoubleUpIcon = "chevron-double-up",
+    FingerPrintIcon = "finger-print",
+    CubeIcon = "cube",
+    FolderOpenIcon = "folder-open",
+    SaveIcon = "save",
+    SaveAsIcon = "save-as",
+    DocumentTextIcon = "document-text",
+    TableIcon = "table",
+    CalculatorIcon = "calculator",
+    BeakerIcon = "beaker",
+    GiftIcon = "gift",
+    TruckIcon = "truck",
+    CurrencyBangladeshiIcon = "currency-bangladeshi",
+    VideoCameraIcon = "video-camera",
+    CloudIcon = "cloud",
+    CubeTransparentIcon = "cube-transparent",
+    CakeIcon = "cake",
+    PhoneMissedCallIcon = "phone-missed-call",
+    PlusSmIcon = "plus-sm",
+    MinusSmIcon = "minus-sm",
+    ReceiptTaxIcon = "receipt-tax",
+    StatusOnlineIcon = "status-online",
+    StatusOfflineIcon = "status-offline",
+    PresentationChartLineIcon = "presentation-chart-line",
+    PresentationChartBarIcon = "presentation-chart-bar",
+    FastForwardIcon = "fast-forward",
+    RewindIcon = "rewind",
+    ChipIcon = "chip",
+    AcademicCapIcon = "academic-cap",
+    VariableIcon = "variable",
+    DocumentSearchIcon = "document-search",
+    SearchCircleIcon = "search-circle",
+    MinusIcon = "minus",
+    ArrowSmUpIcon = "arrow-sm-up",
+    ArrowSmRightIcon = "arrow-sm-right",
+    ArrowSmDownIcon = "arrow-sm-down",
+    ArrowSmLeftIcon = "arrow-sm-left",
+    BaseCircleIcon = "base-circle",
+    DragVerticalIcon = "drag-vertical",
+    InitialsIcon = "initials",
+    TextIcon = "text",
+    MenuAlt5Icon = "menu-alt-5",
+    TextSizeIcon = "text-size",
+    PinIcon = "pin",
+    KeyboardIcon = "keyboard",
+    MoveVerticalIcon = "move-vertical",
+    MoveHorizontalIcon = "move-horizontal",
+    RotateLeftIcon = "rotate-left",
+    RotateRightIcon = "rotate-right",
+    UndoIcon = "undo",
+    RedoIcon = "redo",
+    DragHorizontalIcon = "drag-horizontal",
+    SidePanelCloseLeftIcon = "side-panel-close-left",
+    SidePanelCloseRightIcon = "side-panel-close-right",
+    SidePanelOpenLeftIcon = "side-panel-open-left",
+    SidePanelOpenRightIcon = "side-panel-open-right",
+    ContactsIcon = "contacts",
+    ArrowUpLinkOutIcon = "arrow-up-link-out",
+    DeviceLockIcon = "device-lock",
+    AutoDateIcon = "auto-date",
+    RevertIcon = "revert",
+    GuidesIcon = "guides",
+    BulkSendIcon = "bulk-send",
+    FieldAlignmentLeftIcon = "field-alignment-left",
+    FieldAlignmentCentreIcon = "field-alignment-centre",
+    FieldAlignmentRightIcon = "field-alignment-right",
+    AccessibilityIcon = "accessibility",
+    ArrowsMinimiseIcon = "arrows-minimise",
+    DocumentInfoIcon = "document-info",
+    DocumentImportFieldsIcon = "document-import-fields",
+    DocumentMergeAlt2Icon = "document-merge-alt2",
+    DocumentCombineIcon = "document-combine",
+    FieldAlignmentTopIcon = "field-alignment-top",
+    FieldAlignmentMiddleIcon = "field-alignment-middle",
+    FieldAlignmentBottomIcon = "field-alignment-bottom",
+    BoxEmptyIcon = "box-empty",
+    BoxTickedIcon = "box-ticked",
+    BoxCrossedIcon = "box-crossed",
+    SortAlphabeticallyAZIcon = "sort-alphabetically-a-z",
+    SortAlphabeticallyZAIcon = "sort-alphabetically-z-a",
+    LinkedDocumentIcon = "linked-document",
+    DocumentReplaceIcon = "document-replace",
+    FieldScaleIcon = "field-scale",
+    FieldMatchWidthIcon = "field-match-width",
+    FieldMatchHeightIcon = "field-match-height",
+    RecipientLinkIcon = "recipient-link",
+    RecipientLinkBrokenIcon = "recipient-link-broken",
+    WitnessArrowIcon = "witness-arrow",
+    BranchIcon = "branch",
+    VariantIcon = "variant",
+    RecipientDetailsCardIcon = "recipient-details-card",
+    RecipientDetailsIcon = "recipient-details",
+    FieldDistributeVerticallyIcon = "field-distribute-vertically",
+    FieldDistributeHorizontallyIcon = "field-distribute-horizontally",
+    FieldDuplicateIcon = "field-duplicate",
+    PreFilledContentIcon = "pre-filled-content",
+    TypingInputIcon = "typing-input",
+    TableSplitIcon = "table-split",
+    AddColumnLeftIcon = "add-column-left",
+    AddColumnRightIcon = "add-column-right",
+    RecipientLinksIcon = "recipient-links",
+    ListOrderIcon = "list-order",
+    FieldScalingOffIcon = "field-scaling-off",
+    FitWidthIcon = "fit-width",
+    FitHeightIcon = "fit-height",
+    TableQuickEditIcon = "table-quick-edit",
+    TableColumnsIcon = "table-columns",
+    TableRowsIcon = "table-rows",
+    ApplyAllRowsIcon = "apply-all-rows",
+    PagescrollPreviewIcon = "pagescroll-preview",
+    PageInsertVerticalIcon = "page-insert-vertical",
+    PageInsertHorizontalIcon = "page-insert-horizontal",
+    SignatureIcon = "signature",
+    CircleQuarterIcon = "circle-quarter",
+    CircleHalfIcon = "circle-half",
+    CircleThreeQuarterIcon = "circle-three-quarter",
+    TimeSortAscendingIcon = "time-sort-ascending",
+    TimeSortDescendingIcon = "time-sort-descending",
+    DateSortAscendingIcon = "date-sort-ascending",
+    DateSortDescendingIcon = "date-sort-descending",
+    SidePanelClosedIcon = "side-panel-closed",
+    SidePanelOpenIcon = "side-panel-open",
+    DateSentSortAscendingIcon = "date-sent-sort-ascending",
+    DateSentSortDescendingIcon = "date-sent-sort-descending",
+    SortAlphabeticallyAZAltIcon = "sort-alphabetically-a-z-alt",
+    SortAlphabeticallyZAAltIcon = "sort-alphabetically-z-a-alt",
+    TemplateSentIcon = "template-sent",
+    TemplateNotSentIcon = "template-not-sent",
+    GridIcon = "grid",
+    LinkedIcon = "linked",
+    LinkBrokenIcon = "link-broken",
+    UserAssignIcon = "user-assign",
+    XLetterIcon = "x-letter",
+    YIcon = "y",
+    FieldSelectedIcon = "field-selected",
+    DesignationIcon = "designation",
+    TextAlignmentIcon = "text-alignment",
+    FieldPlacementIcon = "field-placement",
+    RequiredIcon = "required",
+    TypefaceIcon = "typeface",
+    PageLayoutIcon = "page-layout",
+    FieldSpecialIcon = "field-special",
+    LinkValueIcon = "link-value",
+    TargetIcon = "target",
+    FieldOrderIcon = "field-order",
+    DropdownIcon = "dropdown",
+    SendArrowIcon = "send-arrow",
+    SentProgressIcon = "sent-progress",
+    CircleFilledQuarterIcon = "circle-filled-quarter",
+    CircleFilledHalfIcon = "circle-filled-half",
+    CircleFilledThreeQuarterIcon = "circle-filled-three-quarter",
+    DocumentViewedIcon = "document-viewed",
+    CollapseIcon = "collapse",
+    ExpandIcon = "expand",
+    LogoIcon = "logo"
+}
+declare const iconNames: string[];
+type Icon = `${IconEnum}`;
+declare const outlineIcons: string[];
+declare const solidIcons: string[];
+export { Icon, iconNames, IconEnum, outlineIcons, solidIcons };

package/dist/types/types/LSApiElement.d.ts

@@ -0,0 +1,42 @@
+import { LSApiRole } from './LSApiRole';
+export type LSApiElement = {
+    id: string;
+    align: string;
+    ax?: number;
+    ay?: number;
+    bx?: number;
+    by?: number;
+    left?: number;
+    top?: number;
+    height?: number;
+    width?: number;
+    elementType: string;
+    fieldOrder?: number;
+    fontName: string;
+    fontSize: number;
+    hideBorder?: boolean;
+    label?: string;
+    labelExtra?: string;
+    helpText?: string;
+    optional?: boolean;
+    options?: string;
+    page?: number;
+    role?: LSApiRole;
+    substantive?: boolean;
+    validation?: number;
+    value?: string;
+    logicGroup?: string;
+    logicAction?: number;
+    mapTo?: string;
+    signer: number;
+    link?: string;
+    formElementType?: 'text' | 'signature' | 'date' | 'regex' | 'file' | 'number' | 'autodate';
+    roleObject?: LSApiRole;
+    cstyle?: any;
+    divStyle?: any;
+    objectHeight?: string;
+    pageDimensions?: {
+        height: number;
+        width: number;
+    };
+};

package/dist/types/types/LSApiElementType.d.ts

@@ -0,0 +1,14 @@
+export declare enum LSApiElementType {
+    Signature = "signature",
+    Initials = "initials",
+    SigningDate = "signing date",
+    Date = "date",
+    Email = "email",
+    Text = "text",
+    Number = "number",
+    Checkbox = "checkbox",
+    Dropdown = "dropdown",
+    File = "file",
+    RegularExpression = "regular expression",
+    Draw = "draw"
+}

package/dist/types/types/LSApiRole.d.ts

@@ -0,0 +1,11 @@
+export type LSApiRoleType = 'SIGNER' | 'APPROVER' | 'WITNESS' | 'SENDER';
+export type LSApiRole = {
+    children?: LSApiRole[];
+    id: string;
+    name: string;
+    roleType: LSApiRoleType;
+    signerIndex: number;
+    ordinal: number;
+    signerParent?: string;
+    experience: string;
+};

package/dist/types/types/LSApiTemplate.d.ts

@@ -0,0 +1,29 @@
+import { LSApiElement } from "./LSApiElement";
+import { LSApiRole } from "./LSApiRole";
+export type LSApiTemplate = {
+    id: string;
+    title: string;
+    pageCount: number;
+    fileName: string;
+    link: string;
+    autoArchive: boolean;
+    valid: boolean;
+    locked: boolean;
+    tags: string[];
+    groupId: string;
+    roles: LSApiRole[];
+    canOpenSign: boolean;
+    directLinks: [];
+    elementConnection: {
+        templateElements: LSApiElement[];
+        totalCount: number;
+    };
+    elements: LSApiElement[];
+    createdBy: string;
+    created: Date;
+    modified: Date;
+    lastSent: Date;
+    pageDimensionArray: [number, number][];
+    pageDimensions: string;
+    fixSignatureScale?: boolean;
+};

package/dist/types/types/LSMutateEvent.d.ts

@@ -0,0 +1,7 @@
+import { LSApiElement } from './LSApiElement';
+import { LSApiRole } from './LSApiRole';
+export type LSMutateEvent = {
+    action: 'update' | 'create' | 'delete' | 'swap';
+    data: (LSApiElement | LSApiRole);
+    data2?: (LSApiElement | LSApiRole);
+};

package/dist/types/types/RoleColor.d.ts

@@ -0,0 +1,4 @@
+type RoleColor = {
+    primary: string;
+    faded: string;
+};

package/dist/types/types/ValidationType.d.ts

@@ -0,0 +1,9 @@
+export type ValidationType = {
+    id: number;
+    description: string;
+    fieldType: string;
+    defaultHeight?: number;
+    defaultWidth: number;
+    typeDefault: boolean;
+    inputType: string;
+};

package/dist/types/utils/utils.d.ts

@@ -0,0 +1 @@
+export declare function format(first?: string, middle?: string, last?: string): string;

package/loader/cdn.js

@@ -0,0 +1 @@
+module.exports = require('../dist/cjs/loader.cjs.js');

package/loader/index.cjs.js

@@ -0,0 +1 @@
+module.exports = require('../dist/cjs/loader.cjs.js');

package/loader/index.d.ts

@@ -0,0 +1,24 @@
+export * from '../dist/types/components';
+export interface CustomElementsDefineOptions {
+  exclude?: string[];
+  resourcesUrl?: string;
+  syncQueue?: boolean;
+  jmp?: (c: Function) => any;
+  raf?: (c: FrameRequestCallback) => number;
+  ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+  rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+}
+export declare function defineCustomElements(win?: Window, opts?: CustomElementsDefineOptions): void;
+/**
+ * @deprecated
+ */
+export declare function applyPolyfills(): Promise<void>;
+
+/**
+ * Used to specify a nonce value that corresponds with an application's CSP.
+ * When set, the nonce will be added to all dynamically created script and style tags at runtime.
+ * Alternatively, the nonce value can be set on a meta tag in the DOM head
+ * (<meta name="csp-nonce" content="{ nonce value here }" />) which
+ * will result in the same behavior.
+ */
+export declare function setNonce(nonce: string): void;

package/loader/index.es2017.js

@@ -0,0 +1 @@
+export * from '../dist/esm/loader.js';

package/loader/index.js

@@ -0,0 +1,2 @@
+(function(){if("undefined"!==typeof window&&void 0!==window.Reflect&&void 0!==window.customElements){var a=HTMLElement;window.HTMLElement=function(){return Reflect.construct(a,[],this.constructor)};HTMLElement.prototype=a.prototype;HTMLElement.prototype.constructor=HTMLElement;Object.setPrototypeOf(HTMLElement,a)}})();
+export * from '../dist/esm/loader.js';

package/package.json

@@ -0,0 +1,59 @@
+{
+  "name": "legalesign-document-viewer",
+  "version": "0.0.7",
+  "description": "Legalesign Document Editor/Viewer",
+  "main": "dist/index.cjs.js",
+  "module": "dist/index.js",
+  "types": "dist/types/index.d.ts",
+  "collection": "dist/collection/collection-manifest.json",
+  "collection:main": "dist/collection/index.js",
+  "unpkg": "dist/ls-document-viewer/ls-document-viewer.esm.js",
+  "exports": {
+    ".": {
+      "import": "./dist/ls-document-viewer/ls-document-viewer.esm.js",
+      "require": "./dist/ls-document-viewer/ls-document-viewer.cjs.js"
+    },
+    "./ls-document-viewer": {
+      "import": "./dist/components/ls-document-viewer.js",
+      "types": "./dist/components/ls-document-viewer.d.ts"
+    },
+    "./loader": {
+      "import": "./loader/index.js",
+      "require": "./loader/index.cjs",
+      "types": "./loader/index.d.ts"
+    }
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/stenciljs/component-starter.git"
+  },
+  "files": [
+    "dist/",
+    "loader/"
+  ],
+  "scripts": {
+    "build": "stencil build",
+    "start": "stencil build --dev --watch --serve",
+    "test": "stencil test --spec --e2e",
+    "test.watch": "stencil test --spec --e2e --watchAll",
+    "generate": "stencil generate",
+    "publish": "npm publish --scope=public"
+  },
+  "devDependencies": {
+    "@stencil/core": "^4.27.1",
+    "@stencil/react-output-target": "^1.2.0",
+    "@types/jest": "^29.5.14",
+    "@types/node": "^22.13.5",
+    "jest": "^29.7.0",
+    "jest-cli": "^29.7.0",
+    "puppeteer": "^24.3.0",
+    "rollup-plugin-node-polyfills": "^0.2.1"
+  },
+  "license": "MIT",
+  "dependencies": {
+    "@jest/transform": "^30.0.5",
+    "clsx": "^2.1.1",
+    "pdf-lib": "^1.17.1",
+    "pdfjs-dist": "2.5.207"
+  }
+}

package/readme.md

@@ -0,0 +1,79 @@
+# ls-document-viewer
+This component allows you to edit, preview or customize a Legalesign template in order to
+send a document for signing. It is purely HTML and javascript and platform agnostic.
+
+## Linking the Viewer to Data 
+In order to use it you'll need to provide three functions:
+
+load(): this gets the template information from your backend or a call to the Legalesign GraphQL API 
+(see the recommended data below).
+
+mutate(): you'll need to provide a function that saves alterations to the template or fields. Again
+this can be calls to the GraphQL API on your platform.
+
+## Add Custom Panels
+
+TODO
+
+## Recommended data
+
+Here is the data that should be passed into your component.
+
+```graphql
+query GetTemplate {
+          template(id: "${id}") {
+            id
+            title
+            fileName
+            pageDimensions
+            pageCount
+            modified
+            link
+            valid
+            locked
+            autoArchive
+            archived
+            tags
+            created
+            createdBy
+            lastSent
+            fixSignatureScale
+            roles{
+              id
+              signerIndex
+            }
+            elementConnection {
+              templateElements {
+                align
+                ax
+                ay
+                bx
+                by
+                elementType
+                formElementType
+                fieldOrder
+                fontName
+                fontSize
+                helpText
+                hideBorder
+                id
+                label
+                labelExtra
+                logicAction
+                logicGroup
+                mapTo
+                options
+                optional
+                page
+                role
+                signer
+                substantive
+                validation
+                value
+              }
+              totalCount
+            }
+          }
+        }
+ ```
+