@xplortech/apollo-core 1.0.0-beta.8 → 2.4.2

package/dist/css/typography.stories.js

@@ -0,0 +1,144 @@
+export default {
+    title: 'Base Styles/Typography',
+    argTypes: {
+        headingOne: {
+            type: { name: 'string', required: false },
+        },
+        headingTwo: {
+            type: { name: 'string', required: false },
+        },
+        headingThree: {
+            type: { name: 'string', required: false },
+        },
+        headingFour: {
+            type: { name: 'string', required: false },
+        },
+        headingFive: {
+            type: { name: 'string', required: false },
+        },
+        textBody: {
+            type: { name: 'string', required: false },
+        },
+        textCalloutBold: {
+            type: { name: 'string', required: false },
+        },
+        textCallout: {
+            type: { name: 'string', required: false },
+        },
+        textCaption: {
+            type: { name: 'string', required: false },
+        },
+    },
+};
+export const Typography = ({ headingOne, headingTwo, headingThree, headingFour, headingFive, textBody, textCalloutBold, textCallout, textCaption, }) => `
+    <xpl-content-area>
+        <section class="typography">
+            <header>
+                <h1 class="xpl-text-title-1">Typography</h1>
+            </header>
+            <h1 class="xpl-text-title-1">${headingOne}</h1>
+            <h2 class="xpl-text-title-2">${headingTwo}</h2>
+            <h3 class="xpl-text-title-3">${headingThree}</h3>
+            <h4 class="xpl-text-title-4">${headingFour}</h4>
+            <h5 class="xpl-text-title-5">${headingFive}</h5>
+            <section>
+                <p class="xpl-text-body">Body</p>
+                <p class="xpl-text-body">${textBody}</p>
+            </section>
+            <section>
+                <p class="xpl-text-callout-bold">Callout Bold</p>
+                <p class="xpl-text-callout-bold">${textCalloutBold}</p>
+            </section>
+            <section>
+                <p class="xpl-text-callout">Callout</p>
+                <p class="xpl-text-callout">${textCallout}</p>
+            </section>
+            <section>
+                <p class="xpl-text-caption">Caption</p>
+                <p class="xpl-text-caption">${textCaption}</p>
+            </section>
+        </section>
+    </xpl-content-area>
+`;
+Typography.args = {
+    headingOne: 'Title 1',
+    headingTwo: 'Title 2',
+    headingThree: 'Title 3',
+    headingFour: 'Title 4',
+    headingFive: 'Title 5',
+    textBody: `Lorem ipsum dolor sit.
+        <a href="javascript:;">Body link</a>, amet consectetur
+        adipisicing elit. Ducimus quisquam officia tempore
+        dolores quae dolore doloremque soluta, eaque accusamus
+        magnam distinctio eius cupiditate dolorem qui corrupti
+        pariatur repudiandae perferendis? Voluptatibus amet
+        obcaecati numquam alias soluta beatae temporibus dicta
+        minus eos debitis neque eveniet, reiciendis culpa nobis
+        provident expedita deserunt adipisci.
+    `,
+    textCalloutBold: `
+        Lorem ipsum dolor sit amet.
+        <a href="javascript:;">Callout link</a>, consectetur
+        adipisicing elit. Odio quisquam vero id quaerat facere
+        consequuntur accusantium quia nemo laborum, quod
+        tenetur, esse eius veritatis molestiae eligendi fugiat
+        eaque. Accusamus expedita ipsam vero commodi, nesciunt
+        nemo exercitationem tempora dicta, placeat, vitae
+        deserunt recusandae. Non odit excepturi dolorum facilis
+        at aliquam nam!
+    `,
+    textCallout: `Lorem ipsum dolor sit amet.
+        <a href="javascript:;">Callout link</a>, consectetur
+        adipisicing elit. Odio quisquam vero id quaerat facere
+        consequuntur accusantium quia nemo laborum, quod
+        tenetur, esse eius veritatis molestiae eligendi fugiat
+        eaque. Accusamus expedita ipsam vero commodi, nesciunt
+        nemo exercitationem tempora dicta, placeat, vitae
+        deserunt recusandae. Non odit excepturi dolorum facilis
+        at aliquam nam!
+    `,
+    textCaption: `
+        Lorem ipsum dolor sit amet.
+        <a href="javascript:;">Caption link</a>, consectetur
+        adipisicing elit. Odio quisquam vero id quaerat facere
+        consequuntur accusantium quia nemo laborum, quod
+        tenetur, esse eius veritatis molestiae eligendi fugiat
+        eaque. Accusamus expedita ipsam vero commodi, nesciunt
+        nemo exercitationem tempora dicta, placeat, vitae
+        deserunt recusandae. Non odit excepturi dolorum facilis
+        at aliquam nam!
+    `,
+};
+Typography.parameters = {
+    layout: 'centered',
+    html: {
+        render: (({ headingOne, headingTwo, headingThree, headingFour, headingFive, textBody, textCalloutBold, textCallout, textCaption, }) => `
+            <section class="typography">
+                <header>
+                    <h1 class="xpl-text-title-1">Typography</h1>
+                </header>
+                <h1 class="xpl-text-title-1">${headingOne}</h1>
+                <h2 class="xpl-text-title-2">${headingTwo}</h2>
+                <h3 class="xpl-text-title-3">${headingThree}</h3>
+                <h4 class="xpl-text-title-4">${headingFour}</h4>
+                <h5 class="xpl-text-title-5">${headingFive}</h5>
+                <section>
+                    <p class="xpl-text-body">Body</p>
+                    <p class="xpl-text-body">${textBody}</p>
+                </section>
+                <section>
+                    <p class="xpl-text-callout-bold">Callout Bold</p>
+                    <p class="xpl-text-callout-bold">${textCalloutBold}</p>
+                </section>
+                <section>
+                    <p class="xpl-text-callout">Callout</p>
+                    <p class="xpl-text-callout">${textCallout}</p>
+                </section>
+                <section>
+                    <p class="xpl-text-caption">Caption</p>
+                    <p class="xpl-text-caption">${textCaption}</p>
+                </section>
+            </section>
+        `)(Typography.args),
+    },
+};

package/dist/esm/apollo-core.js

@@ -1,18 +1,21 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-392b5b96.js';
-export { s as setNonce } from './index-392b5b96.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-DhZas3eX.js';
+export { s as setNonce } from './index-DhZas3eX.js';
+import { g as globalScripts } from './app-globals-DQuL1Twl.js';
 
 /*
- Stencil Client Patch Browser v2.22.2 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.41.3 | MIT Licensed | https://stenciljs.com
  */
-const patchBrowser = () => {
-    const importMeta = import.meta.url;
-    const opts = {};
-    if (importMeta !== '') {
-        opts.resourcesUrl = new URL('.', importMeta).href;
-    }
-    return promiseResolve(opts);
+
+var patchBrowser = () => {
+  const importMeta = import.meta.url;
+  const opts = {};
+  if (importMeta !== "") {
+    opts.resourcesUrl = new URL(".", importMeta).href;
+  }
+  return promiseResolve(opts);
 };
 
-patchBrowser().then(options => {
-  return bootstrapLazy([["xpl-select",[[0,"xpl-select",{"choices":[16],"description":[1],"disabled":[4],"error":[1],"label":[1],"mode":[1],"placeholder":[1],"truncate":[4],"active":[32],"id":[32],"keepFocus":[32],"selected":[32],"value":[32],"displayValue":[32],"visibleChoices":[32]}]]],["xpl-application-shell",[[4,"xpl-application-shell",{"withSubnav":[4,"with-subnav"],"withUtility":[4,"with-utility"],"navWidth":[1,"nav-width"],"isNavOpenAtStartup":[4,"is-nav-open-at-startup"],"navOpen":[32]},[[0,"navOpen","navToggleHandler"],[0,"navWidth","navWithHandler"],[9,"resize","onWindowResize"]]]]],["xpl-avatar_12",[[4,"xpl-breadcrumb-item"],[4,"xpl-breadcrumbs"],[4,"xpl-content-area",{"size":[1]}],[4,"xpl-nav-item",{"navControl":[4,"nav-control"]}],[4,"xpl-secondary-nav"],[0,"xpl-table",{"columns":[16],"data":[16],"freeze":[4],"multiselect":[4],"striped":[4],"areAllSelected":[32],"rowData":[32],"hasScrolled":[32],"selected":[32]}],[4,"xpl-utility-bar",{"navControl":[4,"nav-control"],"isNavOpenAtStartup":[4,"is-nav-open-at-startup"],"open":[32]}],[4,"xpl-avatar",{"color":[1],"disabled":[4],"href":[1],"name":[1],"size":[1],"src":[1],"status":[1],"target":[1]}],[4,"xpl-badge",{"dot":[4],"variant":[1]}],[4,"xpl-button",{"disabled":[4],"link":[4],"iconOnly":[4,"icon-only"],"fullWidth":[4,"full-width"],"name":[1],"size":[1],"type":[1],"value":[1],"variant":[1],"state":[1]}],[4,"xpl-checkbox",{"checked":[4],"description":[1],"disabled":[4],"indeterminate":[4],"name":[1],"required":[4],"styled":[4],"value":[1],"id":[32]}],[4,"xpl-radio",{"checked":[4],"description":[1],"disabled":[4],"name":[1],"required":[4],"styled":[4],"value":[1],"id":[32]}]]],["xpl-choicelist",[[0,"xpl-choicelist",{"choices":[16],"description":[1],"heading":[1],"multi":[4],"name":[1],"styled":[4],"selected":[32]}]]],["xpl-list",[[0,"xpl-list",{"items":[16]}]]],["xpl-button-row",[[0,"xpl-button-row",{"primary":[1],"secondary":[1],"tertiary":[1]}]]],["xpl-divider",[[4,"xpl-divider",{"tier":[2]}]]],["xpl-grid",[[0,"xpl-grid"]]],["xpl-grid-item",[[4,"xpl-grid-item",{"xs":[2],"sm":[2],"md":[2],"lg":[2]}]]],["xpl-input",[[0,"xpl-input",{"_id":[1],"autocomplete":[1],"dateFormat":[1,"date-format"],"description":[1],"disabled":[4],"error":[1],"label":[1],"max":[8],"maxCharacterCount":[2,"max-character-count"],"min":[8],"mode":[1],"multiline":[4],"name":[1],"placeholder":[1],"post":[1],"pre":[1],"readonly":[4],"required":[4],"step":[2],"type":[1],"value":[1],"characterCount":[32],"passwordVisible":[32]}]]],["xpl-main-nav",[[4,"xpl-main-nav",{"width":[1]}]]],["xpl-pagination",[[0,"xpl-pagination",{"total":[2],"perPage":[2,"per-page"],"waitForCallback":[4,"wait-for-callback"],"current":[32],"goto":[64]}]]],["xpl-toggle",[[0,"xpl-toggle",{"checked":[4],"description":[1],"disabled":[4],"heading":[1],"label":[1],"name":[1],"variant":[1],"id":[32]}]]],["xpl-backdrop",[[0,"xpl-backdrop",{"relative":[4]}]]],["xpl-dropdown-group_3",[[4,"xpl-dropdown-group",{"groupName":[1,"label"],"options":[16]}],[4,"xpl-dropdown-heading",{"label":[1]}],[4,"xpl-dropdown-option",{"isDisabled":[516,"disabled"],"label":[1],"isSelected":[1540,"selected"]}]]],["xpl-dropdown_2",[[4,"xpl-dropdown",{"isOpen":[1540,"open"],"closeOnSelect":[4,"close-on-select"],"mode":[1],"options":[16],"selectOnFocus":[4,"select-on-focus"],"triggerId":[1,"trigger-id"],"update":[16],"handleSelect":[64]}],[4,"xpl-tag"]]]], options);
+patchBrowser().then(async (options) => {
+  await globalScripts();
+  return bootstrapLazy([["xpl-list",[[0,"xpl-list",{"items":[16]}]]],["xpl-table-header-cell",[[0,"xpl-table-header-cell",{"icon":[1],"sortable":[4],"label":[1],"type":[1],"width":[2],"sortDirection":[32]}]]],["xpl-accordion",[[260,"xpl-accordion",{"contentId":[1,"content-id"],"header":[1],"description":[1],"initialExpanded":[4,"initial-expanded"],"size":[1],"borderType":[1,"border-type"],"expanded":[32],"parentCheckboxChange":[64]},[[0,"checkboxChange","listenToChangeEvent"]],{"initialExpanded":[{"watchInitialExpanded":0}]}]]],["xpl-application-shell",[[260,"xpl-application-shell",{"withSubnav":[4,"with-subnav"],"withUtility":[4,"with-utility"],"navWidth":[1,"nav-width"],"isNavOpenAtStartup":[4,"is-nav-open-at-startup"],"navOpen":[32]},[[0,"navOpen","navToggleHandler"],[0,"navWidth","navWithHandler"],[9,"resize","onWindowResize"]]]]],["xpl-button-row",[[0,"xpl-button-row",{"primary":[1],"secondary":[1],"tertiary":[1]}]]],["xpl-large-card",[[260,"xpl-large-card",{"link":[4],"name":[1],"description":[1]}]]],["xpl-calendar",[[0,"xpl-calendar",{"inputId":[1,"input-id"],"dateFormat":[1,"date-format"],"max":[8],"min":[8],"mode":[1],"defaultDate":[1,"default-date"],"setDate":[64]}]]],["xpl-dynamic-table",[[260,"xpl-dynamic-table",{"selectedItemCount":[32],"colCount":[32]},[[8,"deselectAll","listenToDeselectEvent"],[8,"checkboxChange","listenToChangeEvent"]]]]],["xpl-dynamic-table-cell",[[260,"xpl-dynamic-table-cell",{"disabled":[4]}]]],["xpl-dynamic-table-row",[[260,"xpl-dynamic-table-row",{"disabled":[4],"selected":[4],"isDisabled":[32]}]]],["xpl-grid",[[0,"xpl-grid"]]],["xpl-grid-item",[[260,"xpl-grid-item",{"xs":[2],"sm":[2],"md":[2],"lg":[2]}]]],["xpl-main-nav",[[260,"xpl-main-nav",{"width":[1]}]]],["xpl-table-header",[[260,"xpl-table-header"]]],["xpl-toggle",[[0,"xpl-toggle",{"checked":[4],"description":[1],"disabled":[4],"heading":[1],"label":[1],"name":[1],"variant":[1],"id":[32]}]]],["xpl-toolbar",[[260,"xpl-toolbar",{"selectedItemCount":[2,"selected-item-count"]},[[8,"selectedItemCountChange","listenToSelectedItemCountChange"]]]]],["xpl-avatar_41",[[0,"xpl-pagination",{"totalPages":[2,"total-pages"],"withPageControl":[4,"with-page-control"],"currentPage":[1026,"current-page"],"rowsPerPageOptions":[1,"rows-per-page-options"],"selectedRowsPerPage":[1026,"selected-rows-per-page"]},null,{"currentPage":[{"onPageUpdate":0}],"selectedRowsPerPage":[{"onRowsPerPageUpdate":0}]}],[260,"xpl-tabs",{"value":[1],"fullWidth":[4,"full-width"],"selectedValue":[32],"activeBarPosition":[32],"isMobileSelectChange":[32]},[[9,"resize","onWindowResize"]],{"value":[{"updateTabsSelectedState":0}]}],[260,"xpl-slideout",{"isOpen":[1540,"is-open"],"backdrop":[4],"variant":[1],"showFooter":[4,"show-footer"]},[[9,"scroll","handleScroll"]],{"isOpen":[{"watchPropHandler":0}]}],[260,"xpl-modal",{"isOpen":[1540,"is-open"],"size":[1],"variant":[1]},null,{"isOpen":[{"updateModalState":0}]}],[0,"xpl-choicelist",{"choices":[16],"description":[1],"heading":[1],"multi":[4],"name":[1],"styled":[4],"selected":[32]},null,{"choices":[{"onChoicesPropChange":0}],"selected":[{"onSelectedChange":0}]}],[260,"xpl-data-card",{"link":[4],"name":[1],"stat":[1],"shortStat":[1,"short-stat"],"variant":[1],"leadingIcon":[4,"leading-icon"],"icon":[1],"smallStat":[1,"small-stat"],"smallStatIcon":[1,"small-stat-icon"],"detail":[1],"smallStatVariant":[1,"small-stat-variant"],"tooltipTextSmallStat":[1,"tooltip-text-small-stat"],"tooltipTextStat":[1,"tooltip-text-stat"]},null,{"stat":[{"watchStat":0}],"shortStat":[{"watchShortStat":0}]}],[260,"xpl-header-accordion",{"contentId":[1,"content-id"],"initialExpanded":[4,"initial-expanded"],"disabled":[4],"selectedCount":[2,"selected-count"],"hasCheckbox":[4,"has-checkbox"],"expanded":[32],"parentChecked":[32],"parentIndeterminate":[32]},[[0,"checkboxChange","handleChildCheckboxChange"]],{"selectedCount":[{"watchSelectedCount":0}]}],[0,"xpl-table",{"columns":[16],"data":[16],"footer":[16],"freeze":[4],"multiselect":[4],"striped":[4],"selectedValues":[16],"isSortable":[4,"is-sortable"],"sortableColumns":[16],"areAllSelected":[32],"rowData":[32],"rowFooterData":[32],"hasScrolled":[32],"selected":[32],"sortTypeArray":[32]},null,{"data":[{"watchData":0}],"footer":[{"watchFooterData":0}],"columns":[{"watchColumns":0}]}],[260,"xpl-toast",{"variant":[1],"showIcon":[4,"show-icon"],"caption":[1],"dismissable":[4],"timeout":[2]}],[260,"xpl-utility-bar",{"navControl":[4,"nav-control"],"isNavOpenAtStartup":[4,"is-nav-open-at-startup"],"open":[32]}],[260,"xpl-breadcrumb-item"],[260,"xpl-breadcrumbs"],[260,"xpl-content-area",{"size":[1]}],[260,"xpl-dashboard"],[260,"xpl-nav-item",{"navControl":[4,"nav-control"]}],[0,"xpl-progress",{"steps":[1040],"currentStep":[1026,"current-step"]}],[260,"xpl-secondary-nav"],[0,"xpl-skeleton",{"classNames":[1,"class-names"],"fullWidth":[4,"full-width"],"height":[1],"width":[1],"margin":[1],"shape":[1],"size":[1]}],[260,"xpl-tab",{"target":[1],"selected":[4]}],[260,"xpl-tab-panel",{"target":[1],"selected":[4]}],[260,"xpl-avatar",{"color":[1],"disabled":[4],"href":[1],"name":[1],"size":[1],"src":[1],"status":[1],"target":[1]}],[260,"xpl-badge",{"dot":[4],"variant":[1]}],[260,"xpl-divider",{"tier":[2]}],[260,"xpl-radio",{"checked":[4],"description":[1],"disabled":[4],"name":[1],"value":[1],"required":[4],"styled":[4],"id":[32]}],[260,"xpl-tooltip",{"text":[1],"position":[1],"hideArrow":[4,"hide-arrow"]}],[260,"xpl-select",{"choices":[16],"selectIcon":[1,"select-icon"],"description":[1],"disabled":[4],"error":[1],"label":[1],"mode":[1],"name":[1],"placeholder":[1],"truncate":[4],"customDisplayValue":[4,"custom-display-value"],"selectedValues":[1,"selected-values"],"classNames":[1,"class-names"],"active":[32],"id":[32],"keepFocus":[32],"visibleChoices":[32],"choicesState":[32],"value":[32],"dropdownOpenState":[32],"reset":[64]},[[8,"click","handleClickEvent"],[8,"keydown","handleKeyDown"],[9,"resize","handleResize"]],{"choices":[{"onChoicesPropChanged":0}],"selectedValues":[{"onSelectedValuesPropChanged":0}],"choicesState":[{"onChoicesStateChanged":0}],"value":[{"handleValueStateChange":0}],"dropdownOpenState":[{"onDropdownOpenStateChanged":0}]}],[260,"xpl-input",{"_id":[1],"description":[1],"disabled":[4],"error":[1],"label":[1],"name":[1],"required":[4],"readonly":[4],"value":[1],"autocomplete":[1],"placeholder":[1],"post":[1],"pre":[1],"max":[8],"min":[8],"step":[2],"multiline":[4],"maxCharacterCount":[2,"max-character-count"],"dateFormat":[1,"date-format"],"timeFormat":[1,"time-format"],"allowCustomOption":[4,"allow-custom-option"],"mode":[1],"accept":[1],"multiple":[4],"hideTriggerOnSelect":[4,"hide-trigger-on-select"],"hideFileNames":[4,"hide-file-names"],"hideAcceptText":[4,"hide-accept-text"],"hideEyeDropper":[4,"hide-eye-dropper"],"type":[1],"characterCount":[32],"passwordVisible":[32]}],[0,"xpl-input-color",{"value":[1],"placeholder":[1],"disabled":[4],"required":[4],"hideEyeDropper":[4,"hide-eye-dropper"],"hasErrorState":[32],"colorValues":[32],"eyeDropperSupported":[32],"hue":[32]},null,{"colorValues":[{"valueChanged":0}],"hasErrorState":[{"onHasErrorStateChanged":0}],"value":[{"onValuePropChange":0}]}],[260,"xpl-popover",{"isOpen":[4,"is-open"],"disabled":[4],"position":[1],"display":[1],"isOpenState":[32],"actualPosition":[32],"updateListener":[32]},null,{"isOpen":[{"onIsOpenPropChange":0}],"isOpenState":[{"onIsOpenStateChange":0}]}],[0,"xpl-input-time",{"inputId":[1,"input-id"],"disabled":[4],"name":[1],"required":[4],"readonly":[4],"value":[1537],"placeholder":[1],"max":[8],"min":[8],"step":[2],"mode":[1],"timeFormat":[1,"time-format"],"allowCustomOption":[4,"allow-custom-option"],"formattedValue":[32],"hasErrorState":[32],"showOptions":[32],"options":[32],"amPm":[32]},null,{"value":[{"onValueChange":0}],"hasErrorState":[{"onHasErrorStateChanged":0}]}],[0,"xpl-input-date",{"inputId":[1,"input-id"],"disabled":[4],"name":[1],"required":[4],"readonly":[4],"value":[1],"placeholder":[1],"post":[1],"pre":[1],"max":[8],"min":[8],"dateFormat":[1,"date-format"],"mode":[1],"hasErrorState":[32]},null,{"hasErrorState":[{"onHasErrorStateChanged":0}],"value":[{"onValueChanged":0}]}],[260,"xpl-input-file",{"disabled":[4],"name":[1],"_id":[1],"accept":[1],"multiple":[4],"hideTriggerOnSelect":[4,"hide-trigger-on-select"],"hideFileNames":[4,"hide-file-names"],"hideAcceptText":[4,"hide-accept-text"],"files":[32],"removeFileByIndex":[64]},null,{"files":[{"onFilesChange":0}]}],[0,"xpl-backdrop",{"relative":[4]}],[260,"xpl-button",{"disabled":[4],"link":[4],"iconOnly":[4,"icon-only"],"fullWidth":[4,"full-width"],"name":[1],"size":[1],"type":[1],"value":[1],"variant":[1],"state":[1],"form":[1]}],[260,"xpl-checkbox",{"checked":[4],"description":[1],"disabled":[4],"indeterminate":[4],"name":[1],"value":[1],"required":[4],"styled":[4],"dataId":[1,"data-id"],"id":[32]}],[260,"xpl-tag"],[260,"xpl-dropdown",{"isOpen":[1540,"open"],"closeOnSelect":[4,"close-on-select"],"mode":[1],"options":[1040],"anchorToTrigger":[4,"anchor-to-trigger"],"selectedValues":[1,"selected-values"],"selectOnFocus":[4,"select-on-focus"],"triggerId":[1,"trigger-id"],"update":[16],"handleSelect":[64]},[[11,"scroll","onWindowScroll"],[7,"scroll","onWindowScroll"],[9,"resize","onWindowScroll"]],{"selectedValues":[{"onSelectedValuesChanged":0}],"isOpen":[{"onIsOpenStateChange":0}]}],[260,"xpl-dropdown-group",{"groupName":[1,"label"],"options":[16]}],[260,"xpl-dropdown-heading",{"label":[1]}],[260,"xpl-dropdown-option",{"isDisabled":[516,"disabled"],"label":[1],"value":[1],"subtitle":[1],"isSelected":[4,"selected"]}],[0,"xpl-icon",{"icon":[1],"size":[2],"backgroundColor":[1,"background-color"]}]]]], options);
 });

package/dist/esm/app-globals-DQuL1Twl.js

@@ -0,0 +1,3 @@
+const globalScripts = () => {};
+
+export { globalScripts as g };

package/dist/{cjs/xpl-input.cjs.entry.js → esm/index-CH4yJ6Qx.js}

@@ -1,11 +1,3 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-2ab4832e.js');
-require('./regular-872f5226.js');
-const v4 = require('./v4-14140ff3.js');
-
 var HOOKS = [
     "onChange",
     "onClose",
@@ -2555,94 +2547,4 @@ if (typeof window !== "undefined") {
     window.flatpickr = flatpickr;
 }
 
-const arrowSvg = (rotate = false) => `<svg width="8" height="12" viewBox="0 0 8 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="${rotate
-  ? 'M0.557948 5.6813L6.06209 0.132167C6.23831 -0.0440556 6.52327 -0.0440556 6.69949 0.132167L7.44187 0.874551C7.61809 1.05077 7.61809 1.33573 7.44187 1.51195L2.99882 6L7.44187 10.488C7.61809 10.6643 7.61809 10.9492 7.44187 11.1254L6.69949 11.8678C6.52327 12.0441 6.23831 12.0441 6.06209 11.8678L0.557948 6.3187C0.381726 6.14248 0.381726 5.85752 0.557948 5.6813Z'
-  : 'M7.44187 6.3187L1.93773 11.8678C1.76151 12.0441 1.47655 12.0441 1.30033 11.8678L0.557948 11.1254C0.381726 10.9492 0.381726 10.6643 0.557948 10.488L5.001 6L0.557948 1.51195C0.381726 1.33573 0.381726 1.05077 0.557948 0.874551L1.30033 0.132167C1.47655 -0.0440556 1.76151 -0.0440556 1.93773 0.132167L7.44187 5.6813C7.6181 5.85752 7.6181 6.14248 7.44187 6.3187Z'}" /></svg>`;
-const XplInput = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this._id = undefined;
-    this.autocomplete = undefined;
-    this.dateFormat = 'Y-m-d';
-    this.description = undefined;
-    this.disabled = undefined;
-    this.error = undefined;
-    this.label = undefined;
-    this.max = undefined;
-    this.maxCharacterCount = undefined;
-    this.min = undefined;
-    this.mode = 'single';
-    this.multiline = false;
-    this.name = undefined;
-    this.placeholder = undefined;
-    this.post = undefined;
-    this.pre = undefined;
-    this.readonly = undefined;
-    this.required = undefined;
-    this.step = undefined;
-    this.type = 'text';
-    this.value = undefined;
-    this.characterCount = 0;
-    this.passwordVisible = false;
-  }
-  updateCharacterCount() {
-    this.characterCount = this.input.value.length;
-  }
-  componentWillLoad() {
-    if (this._id === undefined || this._id === null || this._id === '')
-      this._id = v4.v4();
-    if (this.multiline && this.maxCharacterCount !== undefined) {
-      this.characterCount =
-        this.value !== undefined ? this.value.length : 0;
-    }
-  }
-  componentDidLoad() {
-    if (this.type === 'date') {
-      flatpickr(this.input, {
-        allowInput: true,
-        dateFormat: this.dateFormat,
-        defaultDate: this.value,
-        maxDate: this.max,
-        minDate: this.min,
-        mode: this.mode,
-        nextArrow: arrowSvg(),
-        prevArrow: arrowSvg(true),
-      });
-    }
-  }
-  render() {
-    let className = 'xpl-input';
-    if (this.disabled)
-      className += ' xpl-input--disabled';
-    let hasError = false;
-    if (this.error !== undefined)
-      hasError = true;
-    if (this.multiline &&
-      this.maxCharacterCount !== undefined &&
-      this.characterCount > this.maxCharacterCount)
-      hasError = true;
-    if (hasError)
-      className += ' xpl-input--error';
-    let type = this.type;
-    if (type === 'password' && this.passwordVisible) {
-      type = 'text';
-    }
-    return (index.h(index.Host, { class: className }, index.h("label", { class: "xpl-input-label", htmlFor: this._id }, this.label, this.description && index.h("small", null, this.description)), index.h("div", { class: "xpl-input-wrapper" }, this.pre && !this.multiline && (index.h("label", { class: "xpl-input-pre", htmlFor: this._id }, this.pre)), !this.multiline ? (index.h("input", { autocomplete: this.type === 'date' ? 'off' : this.autocomplete, disabled: this.disabled, id: this._id, max: this.max, min: this.min, name: this.name, placeholder: this.placeholder, readonly: this.readonly, ref: (el) => {
-        this.input = el;
-      }, required: this.required, step: this.step, type: type, value: this.value })) : (index.h("textarea", { disabled: this.disabled, id: this._id, name: this.name, onInput: () => this.updateCharacterCount(), placeholder: this.placeholder, readonly: this.readonly, ref: (el) => {
-        this.input = el;
-      }, required: this.required }, this.value)), this.type === 'date' && (index.h("span", { class: "xpl-input-calendar" }, index.h("i", { class: "far fa-calendar-alt" }))), this.type === 'password' && (index.h("button", { class: "xpl-input-password", onClick: () => {
-        this.passwordVisible = !this.passwordVisible;
-      }, role: "presentation" }, index.h("span", { class: "sr-only" }, "Toggle password visibility"), index.h("i", { class: "far fa-eye", style: {
-        display: this.passwordVisible
-          ? 'none'
-          : 'block',
-      } }), index.h("i", { class: "far fa-eye-slash", style: {
-        display: this.passwordVisible
-          ? 'block'
-          : 'none',
-      } }))), this.post && !this.multiline && (index.h("label", { class: "xpl-input-post", htmlFor: this._id }, this.post)), this.multiline && this.maxCharacterCount !== undefined && (index.h("span", { class: "xpl-input-characters" }, this.characterCount, "/", this.maxCharacterCount))), this.error !== undefined && this.error.length > 0 && (index.h("label", { class: "xpl-input-error", htmlFor: this._id }, index.h("svg", { width: "10", height: "11", viewBox: "0 0 10 11", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { d: "M9.84375 5.25C9.84375 2.59375 7.65625 0.40625 5 0.40625C2.32422 0.40625 0.15625 2.59375 0.15625 5.25C0.15625 7.92578 2.32422 10.0938 5 10.0938C7.65625 10.0938 9.84375 7.92578 9.84375 5.25ZM5 6.22656C5.48828 6.22656 5.89844 6.63672 5.89844 7.125C5.89844 7.63281 5.48828 8.02344 5 8.02344C4.49219 8.02344 4.10156 7.63281 4.10156 7.125C4.10156 6.63672 4.49219 6.22656 5 6.22656ZM4.14062 3.00391C4.12109 2.86719 4.23828 2.75 4.375 2.75H5.60547C5.74219 2.75 5.85938 2.86719 5.83984 3.00391L5.70312 5.66016C5.68359 5.79688 5.58594 5.875 5.46875 5.875H4.51172C4.39453 5.875 4.29688 5.79688 4.27734 5.66016L4.14062 3.00391Z" })), this.error))));
-  }
-};
-
-exports.xpl_input = XplInput;
+export { flatpickr as f };