@verdocs/web-sdk 2.3.88 → 4.0.5

package/dist/collection/components/controls/verdocs-button/verdocs-button.stories.js

@@ -1,58 +0,0 @@
-import { html } from 'lit-html';
-// Circle with three dots in it
-const CircleIcon = `
-  <svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px" viewBox="0 0 24 24" width="24px" fill="#ffffff">
-    <g>
-      <rect fill="none" height="24" width="24"/>
-    </g>
-    <g>
-      <g>
-        <path d="M12,2C6.48,2,2,6.48,2,12c0,5.52,4.48,10,10,10s10-4.48,10-10C22,6.48,17.52,2,12,2z M12,20c-4.42,0-8-3.58-8-8 c0-4.42,3.58-8,8-8s8,3.58,8,8C20,16.42,16.42,20,12,20z"/>
-        <circle cx="7" cy="12" r="1.5"/>
-        <circle cx="12" cy="12" r="1.5"/>
-        <circle cx="17" cy="12" r="1.5"/>
-      </g>
-    </g>
-  </svg>
-`;
-const ArrowIcon = `
-<svg width="10" height="26" viewBox="0 0 10 26" fill="#ffffff" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_31568_3647)">
-<path d="M9.64682 13.431L2.10645 20.9466C1.86503 21.1853 1.47466 21.1853 1.23324 20.9466L0.216218 19.9411C-0.0251976 19.7025 -0.0251976 19.3165 0.216218 19.0778L6.30296 12.9993L0.216218 6.9208C-0.0251976 6.68213 -0.0251976 6.29619 0.216218 6.05752L1.23324 5.05205C1.47466 4.81338 1.86503 4.81338 2.10645 5.05205L9.64682 12.5677C9.88824 12.8064 9.88824 13.1923 9.64682 13.431Z"/>
-</g>
-<defs>
-<clipPath id="clip0_31568_3647">
-<rect width="9.86207" height="26"/>
-</clipPath>
-</defs>
-</svg>
-`;
-export default {
-  title: 'Controls/Button',
-  component: 'verdocs-button',
-  args: {
-    label: 'Click Me',
-    type: 'button',
-    size: 'normal',
-    variant: 'standard',
-    disabled: false,
-  },
-  argTypes: {
-    startIcon: { defaultValue: false, control: { type: 'boolean' } },
-    endIcon: { defaultValue: false, control: { type: 'boolean' } },
-    click: {
-      action: 'click',
-      description: 'Fired when the user clicks the button.',
-      // table: {disable: true},
-    },
-  },
-};
-export const Button = ({ label, size, variant, disabled, startIcon, endIcon, click }) => html `<verdocs-button
-    .label=${label}
-    .size=${size}
-    .variant=${variant}
-    .disabled=${disabled}
-    .startIcon=${startIcon ? CircleIcon : null}
-    .endIcon=${endIcon ? ArrowIcon : null}
-    @click=${click}
-  />`;

package/dist/collection/components/controls/verdocs-button-panel/verdocs-button-panel.stories.js

@@ -1,23 +0,0 @@
-import { html } from 'lit-html';
-export default {
-  title: 'Controls/Button Panel',
-  component: 'verdocs-button-panel',
-  args: {
-    icon: '<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24" fill="#000000"><path d="M7.6 13.925q-.55 0-.925-.375t-.375-.925q0-.55.375-.937.375-.388.925-.388t.925.388q.375.387.375.937t-.375.925q-.375.375-.925.375Zm4.4 0q-.55 0-.925-.375t-.375-.925q0-.55.375-.937.375-.388.925-.388t.925.388q.375.387.375.937t-.375.925q-.375.375-.925.375Zm4.4 0q-.55 0-.925-.375t-.375-.925q0-.55.375-.937.375-.388.925-.388t.925.388q.375.387.375.937t-.375.925q-.375.375-.925.375ZM5.3 22.85q-1.325 0-2.238-.912-.912-.913-.912-2.238V6.3q0-1.325.912-2.238.913-.912 2.238-.912H6v-2h2.575v2h6.85v-2H18v2h.7q1.325 0 2.238.912.912.913.912 2.238v13.4q0 1.325-.912 2.238-.913.912-2.238.912Zm0-3.15h13.4V10H5.3v9.7ZM5.3 8h13.4V6.3H5.3Zm0 0V6.3 8Z"/></svg>',
-  },
-  argTypes: {},
-  parameters: {
-    layout: 'fullscreen',
-  },
-};
-export const ButtonPanel = ({ icon }) => html `
-  <verdocs-button-panel .icon=${icon}>
-    <h6>Field Settings</h6>
-    <form>
-      <label>Field 1</label>
-      <input type="text" placeholder="Field 1..." />
-      <label>Field 2</label>
-      <input type="text" placeholder="Field 2..." />
-    </form>
-  </verdocs-button-panel>
-`;

package/dist/collection/components/controls/verdocs-checkbox/verdocs-checkbox.stories.js

@@ -1,20 +0,0 @@
-import { html } from 'lit-html';
-export default {
-  title: 'Controls/Checkbox',
-  component: 'verdocs-checkbox',
-  args: {
-    label: 'Sample checkbox',
-    name: 'test',
-    theme: 'light',
-    checked: false,
-    disabled: false,
-    value: '1',
-  },
-  argTypes: {
-    input: {
-      action: 'input',
-      description: 'Fired when the checkbox is clicked. e.target.checked will indicate the current status (true if checked).',
-    },
-  },
-};
-export const Checkbox = ({ checked, label, name, value, disabled, theme, input }) => html ` <verdocs-checkbox .checked=${checked} .label=${label} .name=${name} .value=${value} .disabled=${disabled} .theme=${theme} @input=${input} /> `;

package/dist/collection/components/controls/verdocs-dropdown/verdocs-dropdown.stories.js

@@ -1,30 +0,0 @@
-import { html } from 'lit-html';
-// This component is heavily commented so it can be used as a reference for developing other components. Please use the comments here
-// as a guide / resource, but do not copy them to new components (so we don't create a maintenance hassle). If you copy this component
-// as a template, clean up all the comments in the copy, so this remains the "main reference".
-// We are using a custom doc generator specifically for Web Components. We use "inline docs" to get documentation out of code
-// comments rather than having to use separate README files. See https://www.npmjs.com/package/@pxtrn/storybook-addon-docs-stencil
-// for more information.
-export default {
-  // Where in Storybook this control will be listed
-  title: 'Controls/Dropdown',
-  // Hint to help the docs addon find the component
-  component: 'verdocs-dropdown',
-  // We can apply default args only shown in Storybook as follows
-  args: {
-    options: [{ label: 'Option 1' }, { label: 'Disabled Option', disabled: true }, { label: '' }, { label: 'Option 2' }],
-  },
-  // Here we can apply overrides to component property documentation. Note that we don't need to (and shouldn't) specify every field
-  // here. Only those that need special attention.
-  argTypes: {
-    optionSelected: {
-      action: 'optionSelected',
-      // Prevents a duplicate event entry from appearing in the properties table
-      table: {
-        disable: true,
-      },
-    },
-  },
-};
-// See https://lit-html.polymer-project.org/guide/template-reference "Binding Types" for an explanation of '.' vs '@'
-export const Dropdown = ({ options, optionSelected }) => html `<verdocs-dropdown .options=${options} @optionSelected=${optionSelected} />`;

package/dist/collection/components/controls/verdocs-file-chooser/verdocs-file-chooser.stories.js

@@ -1,10 +0,0 @@
-import { html } from 'lit-html';
-export default {
-  title: 'Controls/File Chooser',
-  component: 'verdocs-file-chooser',
-  args: {},
-  argTypes: {
-    onFileSelected: { action: 'fileSelected' },
-  },
-};
-export const FileChooser = ({ onFileSelected }) => html `<verdocs-file-chooser @fileSelected=${onFileSelected} />`;

package/dist/collection/components/controls/verdocs-floating-menu/verdocs-floating-menu.stories.js

@@ -1,49 +0,0 @@
-import { html } from 'lit-html';
-// This component is heavily commented so it can be used as a reference for developing other components. Please use the comments here
-// as a guide / resource, but do not copy them to new components (so we don't create a maintenance hassle). If you copy this component
-// as a template, clean up all the comments in the copy, so this remains the "main reference".
-// We are using a custom doc generator specifically for Web Components. We use "inline docs" to get documentation out of code
-// comments rather than having to use separate README files. See https://www.npmjs.com/package/@pxtrn/storybook-addon-docs-stencil
-// for more information.
-export default {
-  // Where in Storybook this control will be listed
-  title: 'Controls/Floating Menu',
-  // Hint to help the docs addon find the component
-  component: 'verdocs-floating-menu',
-  // We can apply default args only shown in Storybook as follows
-  args: {
-    options: [
-      { id: 'attachment', tooltip: 'Attachment', icon: 'A' },
-      { id: 'checkbox', tooltip: 'Check Box', icon: 'C' },
-      { id: 'date', tooltip: 'Date', icon: 'D' },
-      { id: 'dropdown', tooltip: 'Dropdown', icon: 'O' },
-      { id: 'initial', tooltip: 'Initials', icon: 'I' },
-      { id: 'payment', tooltip: 'Payment', icon: 'P' },
-      { id: 'radio', tooltip: 'Radio Button', icon: 'R' },
-      { id: 'signature', tooltip: 'Signature', icon: 'S' },
-      { id: 'textarea', tooltip: 'Text Area', icon: 'M' },
-      { id: 'textbox', tooltip: 'Text Box', icon: 'T' },
-      { id: 'timestamp', tooltip: 'Timestamp', icon: 'X' },
-    ],
-  },
-  // Here we can apply overrides to component property documentation. Note that we don't need to (and shouldn't) specify every field
-  // here. Only those that need special attention.
-  argTypes: {
-    optionSelected: {
-      action: 'optionSelected',
-      // Prevents a duplicate event entry from appearing in the properties table
-      table: {
-        disable: true,
-      },
-    },
-  },
-  layout: 'fullscreen',
-};
-export const FloatingMenu = ({ options, optionSelected }) => html `
-  <div style="width: 400px; height: 600px; overflow-y: scroll; background: white;">
-    <div style="margin:10px; height: 400px; box-sizing: border-box; border:1px solid #ef99a1;">&nbsp;</div>
-    <div style="margin:10px; height: 400px; box-sizing: border-box; border:1px solid #ef99a1;">&nbsp;</div>
-    <div style="margin:10px; height: 400px; box-sizing: border-box; border:1px solid #ef99a1;">&nbsp;</div>
-    <verdocs-floating-menu .options=${options} @optionSelected=${optionSelected} />
-  </div>
-`;

package/dist/collection/components/controls/verdocs-help-icon/verdocs-help-icon.stories.js

@@ -1,13 +0,0 @@
-import { html } from 'lit-html';
-export default {
-  title: 'Controls/Help Icon',
-  component: 'verdocs-help-icon',
-  args: {
-    text: 'Sample help text',
-  },
-  argTypes: {},
-  parameters: {
-  // layout: 'fullscreen',
-  },
-};
-export const HelpIcon = ({ text }) => html `<verdocs-help-icon .text=${text} /> `;

package/dist/collection/components/controls/verdocs-loader/verdocs-loader.stories.js

@@ -1,8 +0,0 @@
-import { html } from 'lit-html';
-export default {
-  title: 'Controls/Loader',
-  component: 'verdocs-loader',
-  args: {},
-  argTypes: {},
-};
-export const Loader = ({}) => html `<verdocs-loader />`;

package/dist/collection/components/controls/verdocs-organization-card/verdocs-organization-card.stories.js

@@ -1,24 +0,0 @@
-import { html } from 'lit-html';
-const MockOrganization = {
-  id: '21643fd6-4097-47c0-9780-62dc0c01ddce',
-  name: 'Verdocs, LLC',
-  url: 'https://verdocs.com/',
-  address: null,
-  phone: null,
-  business_name: null,
-  is_business: true,
-  address2: null,
-  contact_email: null,
-  timezone: null,
-  envelope_responsible: false,
-  created_at: '2022-12-21 20:16:50.262113+00',
-};
-export default {
-  title: 'Controls/Organization Card',
-  component: 'verdocs-organization-card',
-  args: {
-    organization: MockOrganization,
-  },
-  argTypes: {},
-};
-export const OrganizationCard = ({ organization }) => html `<verdocs-organization-card .organization=${organization} />`;

package/dist/collection/components/controls/verdocs-pagination/verdocs-pagination.stories.js

@@ -1,19 +0,0 @@
-import { html } from 'lit-html';
-export default {
-  title: 'Controls/Pagination',
-  component: 'verdocs-pagination',
-  args: {
-    selectedPage: 0,
-    itemCount: 67,
-    perPage: 10,
-    argTypes: {
-      onSelectPage: { action: 'selectPage' },
-    },
-  },
-};
-export const Pagination = ({ selectedPage, itemCount, perPage, onSelectPage }) => html `<verdocs-pagination
-  .selectedPage=${selectedPage}
-  .itemCount=${itemCount}
-  .perPage=${perPage}
-  @selectPage=${onSelectPage}
-/>`;

package/dist/collection/components/controls/verdocs-portal/verdocs-portal.stories.js

@@ -1,20 +0,0 @@
-import { html } from 'lit-html';
-export default {
-  title: 'Controls/Portal',
-  component: 'verdocs-portal',
-  args: {
-    align: 'left',
-    voffset: 0,
-  },
-  argTypes: {},
-};
-export const Portal = ({ align, voffset }) => html `
-  <div style="padding: 40px">
-    <div id="sample-tooltip" style="border: 1px solid green; padding: 3px 10px;">
-      Tooltip Anchor
-      <verdocs-portal anchor="sample-tooltip" .align=${align} .voffset=${voffset}>
-        <div style="border: 1px solid red; padding: 3px 10px;">Tooltip</div>
-      </verdocs-portal>
-    </div>
-  </div>
-`;

package/dist/collection/components/controls/verdocs-progress-bar/verdocs-progress-bar.stories.js

@@ -1,12 +0,0 @@
-import { html } from 'lit-html';
-export default {
-  title: 'Controls/Progress Bar',
-  component: 'verdocs-progress-bar',
-  args: {
-    label: 'Uploading...',
-    showPercent: true,
-    percent: 54,
-  },
-  argTypes: {},
-};
-export const ProgressBar = ({ label, showPercent, percent }) => html `<verdocs-progress-bar .label=${label} .showPercent=${showPercent} .percent=${percent} />`;

package/dist/collection/components/controls/verdocs-quick-filter/verdocs-quick-filter.stories.js

@@ -1,16 +0,0 @@
-import { html } from 'lit-html';
-export default {
-  title: 'Controls/Quick Filter',
-  component: 'verdocs-quick-filter',
-  args: {
-    options: [
-      { label: 'All', value: 'all' },
-      { label: 'Completed', value: 'completed' },
-      { label: 'Inbox', value: 'inbox' },
-    ],
-    value: 'all',
-    label: 'Filter',
-    placeholder: 'Select...',
-  },
-};
-export const QuickFilter = ({ options, value, label, placeholder }) => html `<verdocs-quick-filter .options=${options} .value=${value} .label=${label} .placeholder=${placeholder} />`;

package/dist/collection/components/controls/verdocs-radio-button/verdocs-radio-button.stories.js

@@ -1,18 +0,0 @@
-import { html } from 'lit-html';
-export default {
-  title: 'Controls/Radio Button',
-  component: 'verdocs-radio-button',
-  args: {
-    checked: false,
-    name: 'test',
-    value: '1',
-    disabled: false,
-  },
-  argTypes: {
-    input: {
-      action: 'input',
-      description: 'Fired when the radio button is clicked. e.target.checked will always be true, because radio button onChange events are fired only when the radio button is clicked to select it.',
-    },
-  },
-};
-export const RadioButton = ({ checked, name, value, disabled, input }) => html ` <verdocs-radio-button .checked=${checked} .name=${name} .value=${value} .disabled="${disabled}" @input=${input} /> `;

package/dist/collection/components/controls/verdocs-select-input/verdocs-select-input.stories.js

@@ -1,21 +0,0 @@
-import { html } from 'lit-html';
-export default {
-  title: 'Controls/Select Input',
-  component: 'verdocs-select-input',
-  args: {
-    label: 'Name',
-    value: '',
-    options: [
-      { label: 'Option 1', value: '1' },
-      { label: 'Option 2', value: '2' },
-      { label: 'Option 3', value: '3' },
-    ],
-  },
-  argTypes: {
-    input: {
-      action: 'input',
-      description: 'Fired when a new value is selected. e.target.value will contain the selected value.',
-    },
-  },
-};
-export const SelectInput = ({ type, label, value, placeholder, options, disabled, input }) => html `<verdocs-select-input .type=${type} .label=${label} .placeholder=${placeholder} .value=${value} .options=${options} .disabled=${disabled} @input=${input} />`;

package/dist/collection/components/controls/verdocs-spinner/verdocs-spinner.stories.js

@@ -1,10 +0,0 @@
-import { html } from 'lit-html';
-export default {
-  title: 'Controls/Spinner',
-  component: 'verdocs-spinner',
-  args: {
-    size: 32,
-    mode: 'light',
-  },
-};
-export const Spinner = ({ size, mode }) => html `<verdocs-spinner .size=${size} .mode=${mode} />`;

package/dist/collection/components/controls/verdocs-table/verdocs-table.stories.js

@@ -1,25 +0,0 @@
-import { html } from 'lit-html';
-export default {
-  title: 'Controls/Table',
-  component: 'verdocs-table',
-  args: {
-    columns: [
-      { id: 'id', header: 'ID' },
-      { id: 'name', header: 'Name' },
-      {
-        id: 'date',
-        header: 'Date',
-        renderHeader: () => 'Past Due Since',
-        renderCell: (_, row) => `<span style="color: red">${new Date(row.date).toLocaleDateString()}</a>`,
-      },
-    ],
-    data: [
-      { id: '123', name: 'Test 1', date: new Date() },
-      { id: '456', name: 'Test 2', date: new Date() },
-    ],
-  },
-  parameters: {
-    layout: 'fullscreen',
-  },
-};
-export const Table = ({ columns, data }) => html `<verdocs-table .columns=${columns} .data=${data} />`;

package/dist/collection/components/controls/verdocs-tabs/verdocs-tabs.stories.js

@@ -1,16 +0,0 @@
-import { html } from 'lit-html';
-export default {
-  title: 'Controls/Tabs',
-  component: 'verdocs-tabs',
-  args: {
-    tabs: [
-      { id: 'tab1', label: 'Tab 1' },
-      { id: 'tab2', label: 'Tab 2', disabled: true },
-      { id: 'tab3', label: 'Tab 3' },
-    ],
-  },
-  parameters: {
-    layout: 'fullscreen',
-  },
-};
-export const Tabs = ({ tabs }) => html `<verdocs-tabs .tabs=${tabs} />`;

package/dist/collection/components/controls/verdocs-text-input/verdocs-text-input.stories.js

@@ -1,17 +0,0 @@
-import { html } from 'lit-html';
-export default {
-  title: 'Controls/Text Input',
-  component: 'verdocs-text-input',
-  args: {
-    label: 'Name',
-    value: '',
-    placeholder: 'Enter your name...',
-  },
-  argTypes: {
-    input: {
-      action: 'input',
-      description: 'Fired for each character entered in the field. e.target.value will contain the current text value.',
-    },
-  },
-};
-export const TextInput = ({ type, label, value, placeholder, disabled, input }) => html `<verdocs-text-input .type=${type} .label=${label} .placeholder=${placeholder} .value=${value} .disabled=${disabled} @input=${input} />`;

package/dist/collection/components/controls/verdocs-toast/verdocs-toast.stories.js

@@ -1,24 +0,0 @@
-import { html } from 'lit-html';
-import { VerdocsToast } from '../../../utils/Toast';
-// This is a story-only control with no published component. Verdocs Toast is a simple function call that works
-// directly against the raw DOM to eliminate the need for external dependencies and stylesheets.
-export default {
-  title: 'Controls/Toast',
-  component: 'verdocs-toast',
-  args: {
-    text: 'Test message',
-    duration: 3000,
-    style: 'error',
-  },
-  argTypes: {
-    style: {
-      options: ['error', 'info', 'success', 'default'],
-      control: { type: 'radio' },
-    },
-  },
-};
-export const Toast = ({ text, duration, style }) => html `
-  <div>
-    <button @click="${() => VerdocsToast(text, { duration, style })}">Show Toast</button>
-  </div>
-`;

package/dist/collection/components/controls/verdocs-toggle/verdocs-toggle.stories.js

@@ -1,27 +0,0 @@
-import { html } from 'lit-html';
-const dummyOptions = {
-  label: 'View as',
-  defaultSelection: 1,
-  buttons: [
-    {
-      id: 'list-view',
-      icon: '<svg xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><rect fill="none" height="24" width="24"/><path d="M3,5v14h18V5H3z M7,7v2H5V7H7z M5,13v-2h2v2H5z M5,15h2v2H5V15z M19,17H9v-2h10V17z M19,13H9v-2h10V13z M19,9H9V7h10V9z"/></svg>',
-    },
-    {
-      id: 'grid-view',
-      icon: '<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M3 5v14h19V5H3zm17 4h-2.25V7H20v2zM9.25 11h2.25v2H9.25v-2zm-2 2H5v-2h2.25v2zm4.25-4H9.25V7h2.25v2zm2-2h2.25v2H13.5V7zm-2 8v2H9.25v-2h2.25zm2 0h2.25v2H13.5v-2zm0-2v-2h2.25v2H13.5zm4.25-2H20v2h-2.25v-2zM7.25 7v2H5V7h2.25zM5 15h2.25v2H5v-2zm12.75 2v-2H20v2h-2.25z"/></svg>',
-    },
-  ],
-};
-export default {
-  title: 'Controls/Toggle',
-  component: 'verdocs-toggle',
-  args: {
-    options: dummyOptions,
-  },
-  // argTypes: {
-  //   options: {type: 'object', control: 'object'},
-  //   theme: {type: 'string', control: 'radio', options:['light', 'dark'], defaultValue: 'light'}
-  // },
-};
-export const Toggle = ({ options, theme }) => html `<verdocs-toggle .options=${options} .theme=${theme}></verdocs-toggle>`;

package/dist/collection/components/controls/verdocs-toggle-button/verdocs-toggle-button.stories.js

@@ -1,16 +0,0 @@
-import { html } from 'lit-html';
-export default {
-  title: 'Controls/Toggle Button',
-  component: 'verdocs-toggle-button',
-  args: {
-    icon: '<svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiBox-root css-1om0hkc" focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-2 12H6v-2h12v2zm0-3H6V9h12v2zm0-3H6V6h12v2z"></path></svg>',
-    label: 'Use',
-    size: 'normal',
-    active: false,
-  },
-  // argTypes: {
-  //   options: {type: 'object', control: 'object'},
-  //   theme: {type: 'string', control: 'radio', options:['light', 'dark'], defaultValue: 'light'}
-  // },
-};
-export const ToggleButton = ({ icon, label, size, active }) => html `<verdocs-toggle-button .icon=${icon} .label=${label} .size=${size} .active=${active} />`;

package/dist/collection/components/controls/verdocs-toolbar-icon/verdocs-toolbar-icon.stories.js

@@ -1,14 +0,0 @@
-import { html } from 'lit-html';
-export default {
-  title: 'Controls/Toolbar Icon',
-  component: 'verdocs-toolbar-icon',
-  args: {
-    text: 'Sample tooltip text',
-    icon: '<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24"><path d="M7.6 13.925q-.55 0-.925-.375t-.375-.925q0-.55.375-.937.375-.388.925-.388t.925.388q.375.387.375.937t-.375.925q-.375.375-.925.375Zm4.4 0q-.55 0-.925-.375t-.375-.925q0-.55.375-.937.375-.388.925-.388t.925.388q.375.387.375.937t-.375.925q-.375.375-.925.375Zm4.4 0q-.55 0-.925-.375t-.375-.925q0-.55.375-.937.375-.388.925-.388t.925.388q.375.387.375.937t-.375.925q-.375.375-.925.375ZM5.3 22.85q-1.325 0-2.238-.912-.912-.913-.912-2.238V6.3q0-1.325.912-2.238.913-.912 2.238-.912H6v-2h2.575v2h6.85v-2H18v2h.7q1.325 0 2.238.912.912.913.912 2.238v13.4q0 1.325-.912 2.238-.913.912-2.238.912Zm0-3.15h13.4V10H5.3v9.7ZM5.3 8h13.4V6.3H5.3Zm0 0V6.3 8Z"/></svg>',
-  },
-  argTypes: {},
-  parameters: {
-  // layout: 'fullscreen',
-  },
-};
-export const ToolbarIcon = ({ text, icon }) => html `<verdocs-toolbar-icon .text=${text} .icon=${icon} /> `;

package/dist/collection/components/dialogs/verdocs-dialog/verdocs-dialog.stories.js

@@ -1,17 +0,0 @@
-import { html } from 'lit-html';
-export default {
-  title: 'Dialogs/Default',
-  component: 'verdocs-dialog',
-  args: {},
-  argTypes: {
-    onExit: { action: 'exit', table: { disable: true } },
-    onNext: { action: 'next', table: { disable: true } },
-  },
-};
-export const Default = ({ onExit, onNext }) => html `<verdocs-dialog @exit=${onExit}>
-    <h1 slot="heading">Test Dialog</h1>
-    <p>Test dialog box.</p>
-    <div class="buttons">
-      <verdocs-button label="OK" size="small" onClick=${onNext} />
-    </div>
-  </verdocs-dialog>`;

package/dist/collection/components/dialogs/verdocs-initial-dialog/verdocs-initial-dialog.stories.js

@@ -1,19 +0,0 @@
-import { html } from 'lit-html';
-export default {
-  title: 'Dialogs/Initial Dialog',
-  component: 'verdocs-initial-dialog',
-  args: {
-    initials: 'PT',
-  },
-  argTypes: {
-    onNext: {
-      action: 'next',
-      description: 'Fired when the user completes the dialog and clicks Adopt. The event detail will contain a base64-encoded string representation of the initials adopted.',
-    },
-    onExit: {
-      action: 'exit',
-      description: 'Fired if the user cancels the dialog.',
-    },
-  },
-};
-export const InitialDialog = ({ initials, onNext, onExit }) => html `<verdocs-initial-dialog .initials=${initials} @exit=${onExit} @next=${onNext} />`;

package/dist/collection/components/dialogs/verdocs-kba-dialog/verdocs-kba-dialog.stories.js

@@ -1,37 +0,0 @@
-import { html } from 'lit-html';
-export default {
-  title: 'Dialogs/KBA Dialog',
-  component: 'verdocs-kba-dialog',
-  args: {
-    mode: 'choice',
-    helptitle: 'One Time Code',
-    helptext: 'Please check your text messages for a security code, and enter the code below.',
-    label: 'PIN',
-    placeholder: 'Enter your PIN...',
-    step: 1,
-    steps: 3,
-    choices: ['553 Arbor Dr', '18 Lacey Ln', '23A Ball Ct', '2375 Cavallo Blvd', '23-1 RR-7', '151 Boulder Rd'],
-  },
-  argTypes: {
-    onNext: {
-      action: 'next',
-      table: { disable: true },
-    },
-    onExit: {
-      action: 'exit',
-      table: { disable: true },
-    },
-  },
-};
-export const KBADialog = ({ helptitle, helptext, label, placeholder, mode, step, steps, choices, onNext, onExit }) => html `<verdocs-kba-dialog
-    .mode=${mode}
-    .helptitle=${helptitle}
-    .helptext=${helptext}
-    .label=${label}
-    .placeholder=${placeholder}
-    .step=${step}
-    .steps=${steps}
-    .choices=${choices}
-    @next=${onNext}
-    @exit=${onExit}
-  />`;

package/dist/collection/components/dialogs/verdocs-ok-dialog/verdocs-ok-dialog.stories.js

@@ -1,21 +0,0 @@
-import { html } from 'lit-html';
-export default {
-  title: 'Dialogs/Ok Dialog',
-  component: 'verdocs-ok-dialog',
-  args: {
-    showCancel: true,
-    heading: 'Login Error',
-    message: 'Login failed. Please check your username and password and try again.',
-  },
-  argTypes: {
-    onNext: {
-      action: 'next',
-      table: { disable: true },
-    },
-    onExit: {
-      action: 'exit',
-      table: { disable: true },
-    },
-  },
-};
-export const OkDialog = ({ heading, message, showCancel, onNext, onExit }) => html `<verdocs-ok-dialog .heading=${heading} .message=${message} .showCancel=${showCancel} @exit=${onExit} @next=${onNext} />`;

package/dist/collection/components/dialogs/verdocs-signature-dialog/verdocs-signature-dialog.stories.js

@@ -1,19 +0,0 @@
-import { html } from 'lit-html';
-export default {
-  title: 'Dialogs/Signature Dialog',
-  component: 'verdocs-signature-dialog',
-  args: {
-    name: 'Paige Turner',
-  },
-  argTypes: {
-    onNext: {
-      action: 'next',
-      table: { disable: true },
-    },
-    onExit: {
-      action: 'exit',
-      table: { disable: true },
-    },
-  },
-};
-export const SignatureDialog = ({ name, onCancel, onExit }) => html `<verdocs-signature-dialog .name=${name} @cancel=${onCancel} @exit=${onExit} />`;