@combine-labs/combine-polaris/esnext/index.js

import { any, bool, func, object } from 'prop-types';
import { Children, Component, Fragment, PureComponent, createContext, createElement, createRef, forwardRef, isValidElement } from 'react';
import { classNames, elementChildren, isElementOfType, variationName, wrapWithComponent } from '@shopify/react-utilities';
import { classNames as classNames$1, variationName as variationName$1 } from '@shopify/react-utilities/styles';
import { __decorate, __rest } from 'tslib';
import { autobind, debounce, memoize } from '@shopify/javascript-utilities/decorators';
import { Rect, getRectForNode } from '@shopify/javascript-utilities/geometry';
import throttle from 'lodash-decorators/throttle';
import { addEventListener, removeEventListener } from '@shopify/javascript-utilities/events';
import { createUniqueIDFactory, noop } from '@shopify/javascript-utilities/other';
import get from 'lodash/get';
import merge from 'lodash/merge';
import replace from 'lodash/replace';
import hoistStatics from 'hoist-non-react-statics';
import compose from '@shopify/react-compose';
import { read, write } from '@shopify/javascript-utilities/fastdom';
import { clamp } from '@shopify/javascript-utilities/math';
import isEqual from 'lodash/isEqual';
import { Months, Weekdays, abbreviationForWeekday, dateIsInRange, dateIsSelected, getNewRange, getNextDisplayMonth, getNextDisplayYear, getPreviousDisplayMonth, getPreviousDisplayYear, getWeeksForMonth, isDateAfter, isDateBefore, isSameDay } from '@shopify/javascript-utilities/dates';
import capitalize from 'lodash/capitalize';
import 'core-js/fn/array/some';
import 'core-js/fn/string/ends-with';
import { CSSTransition, Transition, TransitionGroup } from 'react-transition-group';
import { createPortal, findDOMNode } from 'react-dom';
import { findFirstFocusableNode, focusFirstFocusableNode, focusLastFocusableNode } from '@shopify/javascript-utilities/focus';
import { isServer } from '@shopify/react-utilities/target';
import { closest, nodeContainsDescendant } from '@shopify/javascript-utilities/dom';
import memoize$1 from 'lodash/memoize';
import pick from 'lodash/pick';

if (typeof window !== 'undefined') {
    window.Polaris = window.Polaris || {};
    window.Polaris.VERSION = '0.1.6';
}

/* eslint-disable shopify/typescript/prefer-pascal-case-enums */
// eslint-disable-next-line shopify/typescript/prefer-singular-enums
var Keys;
(function (Keys) {
    Keys[Keys["BACKSPACE"] = 8] = "BACKSPACE";
    Keys[Keys["TAB"] = 9] = "TAB";
    Keys[Keys["ENTER"] = 13] = "ENTER";
    Keys[Keys["SHIFT"] = 16] = "SHIFT";
    Keys[Keys["CTRL"] = 17] = "CTRL";
    Keys[Keys["ALT"] = 18] = "ALT";
    Keys[Keys["PAUSE"] = 19] = "PAUSE";
    Keys[Keys["CAPS_LOCK"] = 20] = "CAPS_LOCK";
    Keys[Keys["ESCAPE"] = 27] = "ESCAPE";
    Keys[Keys["SPACE"] = 32] = "SPACE";
    Keys[Keys["PAGE_UP"] = 33] = "PAGE_UP";
    Keys[Keys["PAGE_DOWN"] = 34] = "PAGE_DOWN";
    Keys[Keys["END"] = 35] = "END";
    Keys[Keys["HOME"] = 36] = "HOME";
    Keys[Keys["LEFT_ARROW"] = 37] = "LEFT_ARROW";
    Keys[Keys["UP_ARROW"] = 38] = "UP_ARROW";
    Keys[Keys["RIGHT_ARROW"] = 39] = "RIGHT_ARROW";
    Keys[Keys["DOWN_ARROW"] = 40] = "DOWN_ARROW";
    Keys[Keys["INSERT"] = 45] = "INSERT";
    Keys[Keys["DELETE"] = 46] = "DELETE";
    Keys[Keys["KEY_0"] = 48] = "KEY_0";
    Keys[Keys["KEY_1"] = 49] = "KEY_1";
    Keys[Keys["KEY_2"] = 50] = "KEY_2";
    Keys[Keys["KEY_3"] = 51] = "KEY_3";
    Keys[Keys["KEY_4"] = 52] = "KEY_4";
    Keys[Keys["KEY_5"] = 53] = "KEY_5";
    Keys[Keys["KEY_6"] = 54] = "KEY_6";
    Keys[Keys["KEY_7"] = 55] = "KEY_7";
    Keys[Keys["KEY_8"] = 56] = "KEY_8";
    Keys[Keys["KEY_9"] = 57] = "KEY_9";
    Keys[Keys["KEY_A"] = 65] = "KEY_A";
    Keys[Keys["KEY_B"] = 66] = "KEY_B";
    Keys[Keys["KEY_C"] = 67] = "KEY_C";
    Keys[Keys["KEY_D"] = 68] = "KEY_D";
    Keys[Keys["KEY_E"] = 69] = "KEY_E";
    Keys[Keys["KEY_F"] = 70] = "KEY_F";
    Keys[Keys["KEY_G"] = 71] = "KEY_G";
    Keys[Keys["KEY_H"] = 72] = "KEY_H";
    Keys[Keys["KEY_I"] = 73] = "KEY_I";
    Keys[Keys["KEY_J"] = 74] = "KEY_J";
    Keys[Keys["KEY_K"] = 75] = "KEY_K";
    Keys[Keys["KEY_L"] = 76] = "KEY_L";
    Keys[Keys["KEY_M"] = 77] = "KEY_M";
    Keys[Keys["KEY_N"] = 78] = "KEY_N";
    Keys[Keys["KEY_O"] = 79] = "KEY_O";
    Keys[Keys["KEY_P"] = 80] = "KEY_P";
    Keys[Keys["KEY_Q"] = 81] = "KEY_Q";
    Keys[Keys["KEY_R"] = 82] = "KEY_R";
    Keys[Keys["KEY_S"] = 83] = "KEY_S";
    Keys[Keys["KEY_T"] = 84] = "KEY_T";
    Keys[Keys["KEY_U"] = 85] = "KEY_U";
    Keys[Keys["KEY_V"] = 86] = "KEY_V";
    Keys[Keys["KEY_W"] = 87] = "KEY_W";
    Keys[Keys["KEY_X"] = 88] = "KEY_X";
    Keys[Keys["KEY_Y"] = 89] = "KEY_Y";
    Keys[Keys["KEY_Z"] = 90] = "KEY_Z";
    Keys[Keys["LEFT_META"] = 91] = "LEFT_META";
    Keys[Keys["RIGHT_META"] = 92] = "RIGHT_META";
    Keys[Keys["SELECT"] = 93] = "SELECT";
    Keys[Keys["NUMPAD_0"] = 96] = "NUMPAD_0";
    Keys[Keys["NUMPAD_1"] = 97] = "NUMPAD_1";
    Keys[Keys["NUMPAD_2"] = 98] = "NUMPAD_2";
    Keys[Keys["NUMPAD_3"] = 99] = "NUMPAD_3";
    Keys[Keys["NUMPAD_4"] = 100] = "NUMPAD_4";
    Keys[Keys["NUMPAD_5"] = 101] = "NUMPAD_5";
    Keys[Keys["NUMPAD_6"] = 102] = "NUMPAD_6";
    Keys[Keys["NUMPAD_7"] = 103] = "NUMPAD_7";
    Keys[Keys["NUMPAD_8"] = 104] = "NUMPAD_8";
    Keys[Keys["NUMPAD_9"] = 105] = "NUMPAD_9";
    Keys[Keys["MULTIPLY"] = 106] = "MULTIPLY";
    Keys[Keys["ADD"] = 107] = "ADD";
    Keys[Keys["SUBTRACT"] = 109] = "SUBTRACT";
    Keys[Keys["DECIMAL"] = 110] = "DECIMAL";
    Keys[Keys["DIVIDE"] = 111] = "DIVIDE";
    Keys[Keys["F1"] = 112] = "F1";
    Keys[Keys["F2"] = 113] = "F2";
    Keys[Keys["F3"] = 114] = "F3";
    Keys[Keys["F4"] = 115] = "F4";
    Keys[Keys["F5"] = 116] = "F5";
    Keys[Keys["F6"] = 117] = "F6";
    Keys[Keys["F7"] = 118] = "F7";
    Keys[Keys["F8"] = 119] = "F8";
    Keys[Keys["F9"] = 120] = "F9";
    Keys[Keys["F10"] = 121] = "F10";
    Keys[Keys["F11"] = 122] = "F11";
    Keys[Keys["F12"] = 123] = "F12";
    Keys[Keys["NUM_LOCK"] = 144] = "NUM_LOCK";
    Keys[Keys["SCROLL_LOCK"] = 145] = "SCROLL_LOCK";
    Keys[Keys["SEMICOLON"] = 186] = "SEMICOLON";
    Keys[Keys["EQUALS"] = 187] = "EQUALS";
    Keys[Keys["COMMA"] = 188] = "COMMA";
    Keys[Keys["DASH"] = 189] = "DASH";
    Keys[Keys["PERIOD"] = 190] = "PERIOD";
    Keys[Keys["FORWARD_SLASH"] = 191] = "FORWARD_SLASH";
    Keys[Keys["GRAVE_ACCENT"] = 192] = "GRAVE_ACCENT";
    Keys[Keys["OPEN_BRACKET"] = 219] = "OPEN_BRACKET";
    Keys[Keys["BACK_SLASH"] = 220] = "BACK_SLASH";
    Keys[Keys["CLOSE_BRACKET"] = 221] = "CLOSE_BRACKET";
    Keys[Keys["SINGLE_QUOTE"] = 222] = "SINGLE_QUOTE";
})(Keys || (Keys = {}));
/* eslint-enable shopify/typescript/prefer-pascal-case-enums */
const contentContextTypes = {
    withinContentContainer: bool
};

var styles$1 = {
  "SettingAction": "p_bu",
  "Setting": "p_u4",
  "Action": "p_i6",
};

function SettingAction$1({ action, children }) {
  return createElement(
    'div',
    { className: styles$1.SettingAction },
    createElement(
      'div',
      { className: styles$1.Setting },
      children
    ),
    createElement(
      'div',
      { className: styles$1.Action },
      action
    )
  );
}

var styles$2 = {
  "TermsOfService": "p_xv",
  "Content": "p_gt",
};

// eslint-disable-next-line shopify/strict-component-boundaries
function AccountConnection$1({ connected = false, action, avatarUrl, accountName = '', title, details, termsOfService }) {
    const initials = accountName ? accountName.split(/\s+/).map(name => name[0]).join('') : undefined;
    const avatarMarkup = connected ? createElement(Avatar$2, { accessibilityLabel: '', name: accountName, initials: initials, source: avatarUrl }) : null;
    let titleMarkup = null;
    if (title) {
        titleMarkup = createElement(
            'div',
            null,
            title
        );
    } else if (accountName) {
        titleMarkup = createElement(
            'div',
            null,
            accountName
        );
    }
    const detailsMarkup = details ? createElement(
        'div',
        null,
        createElement(
            TextStyle$1,
            { variation: 'subdued' },
            details
        )
    ) : null;
    const termsOfServiceMarkup = termsOfService ? createElement(
        'div',
        { className: styles$2.TermsOfService },
        termsOfService
    ) : null;
    const actionElement = action ? buttonFrom(action, { primary: !connected }) : null;
    return createElement(
        Card$1,
        { sectioned: true },
        createElement(
            SettingAction$1,
            { action: actionElement },
            createElement(
                Stack$1,
                null,
                avatarMarkup,
                createElement(
                    Stack$1.Item,
                    { fill: true },
                    createElement(
                        'div',
                        { className: styles$2.Content },
                        titleMarkup,
                        detailsMarkup
                    )
                )
            )
        ),
        termsOfServiceMarkup
    );
}

var index_common = {
  colorPurpleLighter: 'rgb(246, 240, 253)',
  colorPurpleLight: 'rgb(227, 208, 255)',
  colorPurpleBase: 'rgb(156, 106, 222)',
  colorPurpleDark: 'rgb(80, 36, 143)',
  colorPurpleDarker: 'rgb(35, 0, 81)',
  colorPurpleText: 'rgb(80, 73, 90)',
  colorIndigoLighter: 'rgb(244, 245, 250)',
  colorIndigoLight: 'rgb(179, 188, 245)',
  colorIndigoBase: 'rgb(92, 106, 196)',
  colorIndigoDark: 'rgb(32, 46, 120)',
  colorIndigoDarker: 'rgb(0, 6, 57)',
  colorIndigoText: 'rgb(62, 65, 85)',
  colorBlueLighter: 'rgb(235, 245, 250)',
  colorBlueLight: 'rgb(180, 225, 250)',
  colorBlueBase: 'rgb(0, 122, 206)',
  colorBlueDark: 'rgb(8, 78, 138)',
  colorBlueDarker: 'rgb(0, 20, 41)',
  colorBlueText: 'rgb(62, 78, 87)',
  colorTealLighter: 'rgb(224, 245, 245)',
  colorTealLight: 'rgb(183, 236, 236)',
  colorTealBase: 'rgb(71, 193, 191)',
  colorTealDark: 'rgb(0, 132, 142)',
  colorTealDarker: 'rgb(0, 49, 53)',
  colorTealText: 'rgb(64, 83, 82)',
  colorGreenLighter: 'rgb(227, 241, 223)',
  colorGreenLight: 'rgb(187, 229, 179)',
  colorGreenBase: 'rgb(80, 184, 60)',
  colorGreenDark: 'rgb(16, 128, 67)',
  colorGreenDarker: 'rgb(23, 54, 48)',
  colorGreenText: 'rgb(65, 79, 62)',
  colorYellowLighter: 'rgb(252, 241, 205)',
  colorYellowLight: 'rgb(255, 234, 138)',
  colorYellowBase: 'rgb(238, 194, 0)',
  colorYellowDark: 'rgb(156, 111, 25)',
  colorYellowDarker: 'rgb(87, 59, 0)',
  colorYellowText: 'rgb(89, 81, 48)',
  colorOrangeLighter: 'rgb(252, 235, 219)',
  colorOrangeLight: 'rgb(255, 197, 139)',
  colorOrangeBase: 'rgb(244, 147, 66)',
  colorOrangeDark: 'rgb(192, 87, 23)',
  colorOrangeDarker: 'rgb(74, 21, 4)',
  colorOrangeText: 'rgb(89, 68, 48)',
  colorRedLighter: 'rgb(251, 234, 229)',
  colorRedLight: 'rgb(254, 173, 154)',
  colorRedBase: 'rgb(222, 54, 24)',
  colorRedDark: 'rgb(191, 7, 17)',
  colorRedDarker: 'rgb(51, 1, 1)',
  colorRedText: 'rgb(88, 60, 53)',
  colorWhiteBase: 'rgb(255, 255, 255)',
  colorSkyLighter: 'rgb(249, 250, 251)',
  colorSkyLight: 'rgb(244, 246, 248)',
  colorSkyBase: 'rgb(223, 227, 232)',
  colorSkyDark: 'rgb(196, 205, 213)',
  colorInkLightest: 'rgb(145, 158, 171)',
  colorInkLighter: 'rgb(99, 115, 129)',
  colorInkLight: 'rgb(69, 79, 91)',
  colorInkBase: 'rgb(33, 43, 54)',
  colorBlackBase: 'rgb(0, 0, 0)',
  spacingNone: 0,
  spacingExtraTight: '4px',
  spacingTight: '8px',
  spacingBase: '16px',
  spacingLoose: '20px',
  spacingExtraLoose: '32px',
  fontStackBase:
    "-apple-system, 'BlinkMacSystemFont', 'San Francisco', 'Roboto', 'Segoe UI', 'Helvetica Neue', sans-serif",
  fontStackMonospace: "Monaco, Consolas, 'Lucida Console', monospace",
};

var polarisTokens = index_common;

const Breakpoints = {
    navBarCollapsed: '769px',
    stackedContent: '1043px'
};
const noWindowMatches = {
    media: '',
    addListener: noop,
    removeListener: noop,
    matches: false
};

function stackedContent() {
    return typeof window === 'undefined' ? noWindowMatches : window.matchMedia(`(max-width: ${Breakpoints.stackedContent})`);
}

class StickyManager {
    constructor(container) {
        this.stickyItems = [];
        this.stuckItems = [];
        if (container) {
            this.setContainer(container);
        }
    }
    registerStickyItem(stickyItem) {
        this.stickyItems.push(stickyItem);
    }
    unregisterStickyItem(nodeToRemove) {
        const nodeIndex = this.stickyItems.findIndex(({ stickyNode }) => nodeToRemove === stickyNode);
        this.stickyItems.splice(nodeIndex, 1);
    }
    setContainer(el) {
        this.container = el;
        addEventListener(this.container, 'scroll', this.handleScroll);
        addEventListener(window, 'resize', this.handleResize);
        this.manageStickyItems();
    }
    removeScrollListener() {
        if (this.container) {
            removeEventListener(this.container, 'scroll', this.handleScroll);
            removeEventListener(window, 'resize', this.handleResize);
        }
    }
    handleResize() {
        this.manageStickyItems();
    }
    handleScroll() {
        this.manageStickyItems();
    }
    manageStickyItems() {
        if (this.stickyItems.length <= 0) {
            return;
        }
        const scrollTop = scrollTopFor(this.container);
        const containerTop = getRectForNode(this.container).top;
        this.stickyItems.forEach(stickyItem => {
            const { handlePositioning } = stickyItem;
            const { sticky, top, left, width } = this.evaluateStickyItem(stickyItem, scrollTop, containerTop);
            this.updateStuckItems(stickyItem, sticky);
            handlePositioning(sticky, top, left, width);
        });
    }
    evaluateStickyItem(stickyItem, scrollTop, containerTop) {
        const { stickyNode, placeHolderNode, boundingElement, offset, disableWhenStacked } = stickyItem;
        if (disableWhenStacked && stackedContent().matches) {
            return {
                sticky: false,
                top: 0,
                left: 0,
                width: 'auto'
            };
        }
        const stickyOffset = offset ? this.getOffset(stickyNode) + parseInt(polarisTokens.spacingLoose, 10) : this.getOffset(stickyNode);
        const scrollPosition = scrollTop + stickyOffset;
        const placeHolderNodeCurrentTop = placeHolderNode.getBoundingClientRect().top - containerTop + scrollTop;
        const top = containerTop + stickyOffset;
        const width = placeHolderNode.getBoundingClientRect().width;
        const left = placeHolderNode.getBoundingClientRect().left;
        let sticky;
        if (boundingElement == null) {
            sticky = scrollPosition >= placeHolderNodeCurrentTop;
        } else {
            const stickyItemHeight = stickyNode.getBoundingClientRect().height;
            const stickyItemBottomPosition = boundingElement.getBoundingClientRect().bottom - stickyItemHeight + scrollTop - containerTop;
            sticky = scrollPosition >= placeHolderNodeCurrentTop && scrollPosition < stickyItemBottomPosition;
        }
        return {
            sticky,
            top,
            left,
            width
        };
    }
    updateStuckItems(item, sticky) {
        const { stickyNode } = item;
        if (sticky && !this.isNodeStuck(stickyNode)) {
            this.addStuckItem(item);
        } else if (!sticky && this.isNodeStuck(stickyNode)) {
            this.removeStuckItem(item);
        }
    }
    addStuckItem(stickyItem) {
        this.stuckItems.push(stickyItem);
    }
    removeStuckItem(stickyItem) {
        const { stickyNode: nodeToRemove } = stickyItem;
        const nodeIndex = this.stuckItems.findIndex(({ stickyNode }) => nodeToRemove === stickyNode);
        this.stuckItems.splice(nodeIndex, 1);
    }
    getOffset(node) {
        if (this.stuckItems.length === 0) {
            return 0;
        }
        let offset = 0;
        let count = 0;
        const stuckNodesLength = this.stuckItems.length;
        const nodeRect = getRectForNode(node);
        while (count < stuckNodesLength) {
            const stuckNode = this.stuckItems[count].stickyNode;
            if (stuckNode !== node) {
                const stuckNodeRect = getRectForNode(stuckNode);
                if (!horizontallyOverlaps(nodeRect, stuckNodeRect)) {
                    offset += getRectForNode(stuckNode).height;
                }
            } else {
                break;
            }
            count++;
        }
        return offset;
    }
    isNodeStuck(node) {
        const nodeFound = this.stuckItems.findIndex(({ stickyNode }) => node === stickyNode);
        return nodeFound >= 0;
    }
}
__decorate([throttle(50), autobind], StickyManager.prototype, "handleResize", null);
__decorate([throttle(50), autobind], StickyManager.prototype, "handleScroll", null);
function isDocument(node) {
    return node === document;
}
function scrollTopFor(container) {
    return isDocument(container) ? document.body.scrollTop || document.documentElement.scrollTop : container.scrollTop;
}
function horizontallyOverlaps(rect1, rect2) {
    const rect1Left = rect1.left;
    const rect1Right = rect1.left + rect1.width;
    const rect2Left = rect2.left;
    const rect2Right = rect2.left + rect2.width;
    return rect2Right < rect1Left || rect1Right < rect2Left;
}

const polarisAppProviderContextTypes = {
    polaris: any,
    easdk: any
};

var Polaris = {"Avatar":{"label":"Avatar","labelWithInitials":"Avatar with initials {initials}"},"Badge":{"PROGRESS_LABELS":{"incomplete":"Incomplete","partiallyComplete":"Partially complete","complete":"Complete"},"STATUS_LABELS":{"info":"Info","success":"Success","warning":"Warning","attention":"Attention","new":"New"}},"Button":{"spinnerAccessibilityLabel":"Loading"},"Common":{"checkbox":"checkbox","undo":"Undo"},"DataTable":{"sortAccessibilityLabel":"sort {direction} by","navAccessibilityLabel":"Scroll table {direction} one column","totalsRowHeading":"Totals"},"DatePicker":{"previousMonth":"Show previous month, {previousMonthName} {showPreviousYear}","nextMonth":"Show next month, {nextMonth} {nextYear}","today":"Today "},"DropZone":{"overlayTextFile":"Drop file to upload","overlayTextImage":"Drop image to upload","errorOverlayTextFile":"File type is not valid","errorOverlayTextImage":"Image type is not valid","FileUpload":{"actionTitleFile":"Add file","actionTitleImage":"Add image","actionHintFile":"or drop files to upload","actionHintImage":"or drop images to upload"}},"EmptySearchResult":{"altText":"Empty search results"},"Icon":{"backdropWarning":"The {color} icon doesn’t accept backdrops. The icon colors that have backdrops are: {colorsWithBackDrops}"},"Modal":{"iFrameTitle":"body markup","modalWarning":"These required properties are missing from Modal: {missingProps}","actionWarning":"Modals inside of an embedded app will ignore: {actionWarnings}"},"Pagination":{"previous":"Previous","next":"Next","pagination":"Pagination"},"ProgressBar":{"negativeWarningMessage":"Values passed to the progress prop shouldn’t be negative. Resetting {progress} to 0.","exceedWarningMessage":"Values passed to the progress prop shouldn’t exceed 100. Setting {progress} to 100."},"ResourceList":{"sortingLabel":"Sort by","defaultItemSingular":"item","defaultItemPlural":"items","showing":"Showing {itemsCount} {resource}","selected":"{selectedItemsCount} selected","allItemsSelected":"All {itemsLength}+ {resourceNamePlural} in your store are selected.","selectAllItems":"Select all {itemsLength}+ {resourceNamePlural} in your store","emptySearchResultTitle":"No {resourceNamePlural} found","emptySearchResultDescription":"Try changing the filters or search term","selectButtonText":"Select","a11yCheckboxDeselectAllSingle":"Deselect {resourceNameSingular}","a11yCheckboxSelectAllSingle":"Select {resourceNameSingular}","a11yCheckboxDeselectAllMultiple":"Deselect all {itemsLength} {resourceNamePlural}","a11yCheckboxSelectAllMultiple":"Select all {itemsLength} {resourceNamePlural}","ariaLiveSingular":"{itemsLength} item","ariaLivePlural":"{itemsLength} items","Item":{"selectItem":"Select: {accessibilityLabel}","deselectItem":"Deselect: {accessibilityLabel}","actionsDropdown":"Actions dropdown"},"BulkActions":{"actionsActivatorLabel":"Actions","moreActionsActivatorLabel":"More actions","warningMessage":"To provide a better user experience. There should only be a maximum of {maxPromotedActions} promoted actions."},"FilterCreator":{"filterButtonLabel":"Filter","selectFilterKeyPlaceholder":"Select a filter…","addFilterButtonLabel":"Add filter","showAllWhere":"Show all {resourceNamePlural} where:"},"FilterControl":{"textFieldLabel":"Search {resourceNamePlural}"},"FilterValueSelector":{"selectFilterValuePlaceholder":"Select a filter…"},"DateSelector":{"dateFilterLabel":"Select a value","dateValueLabel":"Date","dateValueError":"Match YYYY-MM-DD format","dateValuePlaceholder":"YYYY-MM-DD","SelectOptions":{"PastWeek":"in the last week","PastMonth":"in the last month","PastQuarter":"in the last 3 months","PastYear":"in the last year","ComingWeek":"next week","ComingMonth":"next month","ComingQuarter":"in the next 3 months","ComingYear":"in the next year","OnOrBefore":"on or before","OnOrAfter":"on or after"},"FilterLabelForValue":{"past_week":"in the last week","past_month":"in the last month","past_quarter":"in the last 3 months","past_year":"in the last year","coming_week":"next week","coming_month":"next month","coming_quarter":"in the next 3 months","coming_year":"in the next year","on_or_before":"before {date}","on_or_after":"after {date}"}}},"Spinner":{"warningMessage":"The color {color} is not meant to be used on {size} spinners. The colors available on large spinners are: {colors}"},"Tag":{"ariaLabel":"Remove {children}"}};
var en = {
	Polaris: Polaris
};

class Intl {
    constructor(translation) {
        this.translation = translation;
        this.setTranslation(translation);
    }
    setTranslation(translation) {
        const i18n = Array.isArray(translation) ? merge({}, ...translation) : translation;
        this.translation = i18n ? merge({}, en, i18n) : en;
    }
    translate(id, replacements) {
        return translate(id, this.translation, replacements);
    }
    translationKeyExists(path) {
        return Boolean(get(this.translation, path));
    }
}
__decorate([autobind], Intl.prototype, "translate", null);

class Link {
    constructor(linkComponent) {
        this.linkComponent = linkComponent;
    }
    setLinkComponent(link) {
        this.linkComponent = link;
    }
    getLinkComponent() {
        return this.linkComponent;
    }
}

function transformBreadcrumb(breadcrumb, shopOrigin) {
    if (breadcrumb.content == null) {
        throw new Error(`No content provided for breadcrumb (${JSON.stringify(breadcrumb)})`);
    }
    let target$$1;
    if (breadcrumb.target) {
        target$$1 = breadcrumb.target;
    } else if (breadcrumb.url) {
        target$$1 = getTargetFromURL(breadcrumb.url, shopOrigin);
    } else {
        target$$1 = undefined;
    }
    return {
        label: breadcrumb.content,
        href: breadcrumb.url,
        target: target$$1,
        message: target$$1 === 'app' ? generateCallback(breadcrumb.url) : breadcrumb.onAction
    };
}
function transformAction(shopOrigin) {
    return action => {
        let style;
        if (action.disabled) {
            style = 'disabled';
        } else if (action.destructive) {
            style = 'danger';
        }
        let target$$1;
        if (action.target) {
            target$$1 = action.target;
        } else if (action.url) {
            target$$1 = action.external ? 'new' : getTargetFromURL(action.url, shopOrigin);
        } else {
            target$$1 = undefined;
        }
        return {
            label: action.content,
            href: action.url,
            target: target$$1,
            message: target$$1 === 'app' ? generateCallback(action.url) : action.onAction,
            style
        };
    };
}
function transformActionGroup(shopOrigin) {
    return actionGroup => {
        return {
            type: 'dropdown',
            label: actionGroup.title,
            links: actionGroup.actions.map(transformAction(shopOrigin))
        };
    };
}
// see https://en.wikipedia.org/wiki/Uniform_Resource_Identifier#Generic_syntax for more info on the URI scheme
function getTargetFromURL(url, shopOrigin) {
    if (isRootRelative(url) || isOriginHost(url, shopOrigin)) {
        return 'shopify';
    } else if (isSameHost(url) || isFragment(url) || isRelative(url) || isSchemeRelative(url)) {
        return 'app';
    } else {
        return 'new';
    }
}
function isRootRelative(url) {
    return url.charAt(0) === '/' && url.charAt(1) !== '/';
}
function isOriginHost(url, shopOrigin) {
    return shopOrigin && url.indexOf(shopOrigin) !== -1;
}
function isSameHost(url) {
    const hostIndex = url.indexOf(window.location.hostname);
    const firstDotIndex = url.indexOf('.');
    return hostIndex >= 0 && hostIndex < firstDotIndex;
}
function isFragment(url) {
    return url.charAt(0) === '#';
}
function isRelative(url) {
    return url.charAt(0) !== '/' && url.toLowerCase().indexOf('http') !== 0;
}
function isSchemeRelative(url) {
    return url.indexOf('//') === 0;
}
function generateCallback(url) {
    if (url == null) {
        return;
    }
    return () => {
        window.location.assign(url);
    };
}
function transformPagination(pagination) {
    if (pagination == null) {
        return undefined;
    }
    const { hasNext, hasPrevious, nextURL, previousURL, onNext, onPrevious } = pagination;
    const finalPagination = {};
    if (hasNext) {
        if (onNext) {
            finalPagination.next = { message: onNext };
        } else if (nextURL) {
            finalPagination.next = { href: nextURL };
        }
    }
    if (hasPrevious) {
        if (onPrevious) {
            finalPagination.previous = { message: onPrevious };
        } else if (previousURL) {
            finalPagination.previous = { href: previousURL };
        }
    }
    return finalPagination;
}

class Bar {
    constructor(messenger) {
        this.messenger = messenger;
    }
    update(config) {
        const { title, icon, breadcrumbs, secondaryActions, actionGroups, primaryAction, pagination } = config;
        this.messenger.send('Shopify.API.Bar.initialize', {
            buttons: {
                primary: primaryAction ? transformAction(this.messenger.targetOrigin)(primaryAction) : undefined,
                secondary: [...(secondaryActions || []).map(transformAction(this.messenger.targetOrigin)), ...(actionGroups || []).map(transformActionGroup(this.messenger.targetOrigin))]
            },
            title,
            icon,
            breadcrumb: getLastLevelBreadcrumb(breadcrumbs, this.messenger.targetOrigin),
            pagination: transformPagination(pagination)
        });
        if (actionGroups) {
            document.addEventListener('click', this.closeDropdown);
        } else {
            document.removeEventListener('click', this.closeDropdown);
        }
    }
    closeDropdown() {
        this.messenger.send('Shopify.API.Bar.closeDropdown');
    }
}
__decorate([autobind], Bar.prototype, "closeDropdown", null);
function getLastLevelBreadcrumb(breadcrumbs, shopOrigin) {
    return breadcrumbs && breadcrumbs.length > 0 ? transformBreadcrumb(breadcrumbs[breadcrumbs.length - 1], shopOrigin) : undefined;
}

class Modal {
    constructor(messenger) {
        this.messenger = messenger;
    }
    open(config) {
        const { title, primaryAction, secondaryActions, src, width, height, onClose } = config;
        if (onClose != null) {
            this.storeCloseCallback(onClose);
        }
        this.messenger.send('Shopify.API.Modal.open', {
            src,
            title,
            width,
            height,
            buttons: {
                primary: primaryAction ? transformAction(this.messenger.targetOrigin)(primaryAction) : undefined,
                secondary: secondaryActions ? secondaryActions.map(transformAction(this.messenger.targetOrigin)) : undefined
            }
        });
    }
    alert(config) {
        const { children, title, destructive, confirmContent, cancelContent, onClose, onConfirm } = config;
        this.storeCloseCallback(result => {
            if (result) {
                if (onConfirm) {
                    onConfirm();
                }
            } else if (onClose) {
                onClose();
            }
        });
        if (onClose && cancelContent) {
            this.messenger.send('Shopify.API.Modal.confirm', {
                message: {
                    title,
                    message: children,
                    okButton: confirmContent,
                    cancelButton: cancelContent,
                    style: destructive ? 'danger' : undefined
                }
            });
        } else {
            this.messenger.send('Shopify.API.Modal.alert', {
                message: {
                    title,
                    message: children,
                    okButton: confirmContent,
                    style: destructive ? 'danger' : undefined
                }
            });
        }
    }
    close(result, data) {
        if (this.closeCallback == null) {
            return;
        }
        this.messenger.send('Shopify.API.Modal.close', {
            result,
            data
        });
    }
    storeCloseCallback(callback) {
        this.closeCallback = callback;
    }
    callCloseCallback(result, data) {
        const { closeCallback } = this;
        if (typeof closeCallback === 'function') {
            delete this.closeCallback;
            closeCallback(result, data);
        }
    }
}

class ResourcePicker {
    constructor(messenger, modal) {
        this.messenger = messenger;
        this.modal = modal;
    }
    close() {
        this.modal.close();
    }
    open({ title, products, collections, allowMultiple = false, showHidden = true, onCancel, onSelection }) {
        this.modal.storeCloseCallback((success, data) => {
            if (!success) {
                if (onCancel != null) {
                    onCancel();
                }
                return;
            }
            if (onSelection == null) {
                return;
            }
            onSelection(data);
        });
        const resources = [];
        if (products) {
            resources.push('products');
        }
        if (collections) {
            resources.push('collections');
        }
        if (collections) {
            this.messenger.send('Shopify.API.Modal.collectionPicker', {
                title,
                selectMultiple: allowMultiple,
                // eslint-disable-next-line camelcase
                show_hidden: showHidden,
                // eslint-disable-next-line camelcase
                selectable_resources: resources
            });
        } else {
            this.messenger.send('Shopify.API.Modal.productPicker', {
                title,
                selectMultiple: allowMultiple,
                // eslint-disable-next-line camelcase
                show_hidden: showHidden,
                // eslint-disable-next-line camelcase
                selectable_resources: resources
            });
        }
    }
}

// eslint-disable-next-line typescript/no-var-requires
const CoreWeakMap = require('core-js/library/es6/weak-map');
class Messenger {
    constructor(target$$1, handlers, options) {
        this.target = target$$1;
        this.handlers = handlers;
        this.targetOrigin = '*';
        this.queue = [];
        this.callbacks = {};
        this.callbacksToID = new CoreWeakMap();
        this.callbackIndex = 0;
        if (typeof window === 'undefined') {
            return;
        }
        this.name = options.name;
        this.targetOrigin = options.targetOrigin;
        this.debug = options.debug || false;
        if (!this.targetOrigin.match(/^http(s)?:\/\//)) {
            this.warn('warning: targetOrigin should include the protocol');
        }
        window.addEventListener('message', this.handleMessage.bind(this), false);
    }
    setTarget(target$$1) {
        this.target = target$$1;
        this.tryToDequeue();
    }
    send(message, data) {
        const normalizedPayload = this.normalizePayload(data);
        const newMessage = {
            message,
            data: normalizedPayload
        };
        const messageString = JSON.stringify(newMessage);
        if (this.target != null) {
            this.log(`Posting message: ${messageString} to ${this.targetOrigin} }`);
            this.target.postMessage(messageString, this.targetOrigin);
        } else {
            this.log(`Queueing message: ${messageString}`);
            this.queue.push(newMessage);
        }
        return normalizedPayload;
    }
    tryToDequeue() {
        const { queue, target: target$$1 } = this;
        if (target$$1 == null || queue.length === 0) {
            return;
        }
        this.queue.forEach(message => {
            target$$1.postMessage(message, '*');
        });
        this.queue.length = 0;
    }
    log(message) {
        if (!this.debug) {
            return;
        }
        // eslint-disable-next-line no-console
        console.log(`[${this.name} Messenger]: ${message}`);
    }
    warn(message) {
        if (!this.debug) {
            return;
        }
        // eslint-disable-next-line no-console
        console.warn(`[${this.name} Messenger]: ${message}`);
    }
    storeCallback(callback) {
        // Optimization, so we don’t store a new callback ID for callbacks
        // we have sent before
        if (this.callbacksToID.has(callback)) {
            return this.callbacksToID.get(callback);
        }
        const id = `EASDKCallback${this.callbackIndex++}`;
        this.callbacks[id] = callback;
        this.callbacksToID.set(callback, id);
        return id;
    }
    normalizePayload(payload) {
        if (payload == null) {
            return payload;
        }
        if (typeof payload === 'function') {
            return this.storeCallback(payload);
        } else if (payload instanceof Array) {
            return payload.map(newPayload => {
                return this.normalizePayload(newPayload);
            });
        } else if (typeof payload === 'object') {
            return Object.keys(payload).reduce((newPayload, key) => {
                newPayload[key] = this.normalizePayload(payload[key]);
                return newPayload;
            }, {});
        } else {
            return payload;
        }
    }
    handleMessage(event) {
        if (!this.isFromTargetOrigin(event)) {
            this.log(`client received ${event.data} from unknown origin ${event.origin}. Expected ${this.targetOrigin}`);
            return;
        }
        this.log(`Received message: ${event.data} from ${event.origin}`);
        let receivedMessage;
        try {
            receivedMessage = JSON.parse(event.data);
        } catch (error) {
            // eslint-disable-next-line no-console
            console.error(`Received received invalid JSON and cannot process the message. ${error} : ${event.data} : ${JSON.stringify(event.data)}`);
            return;
        }
        if (receivedMessage.message === Messenger.Messages.SET_WINDOW_LOCATION) {
            this.windowLocation = receivedMessage.data;
        } else {
            this.invokeCallback(receivedMessage);
            this.invokeHandler(receivedMessage);
        }
    }
    isFromTargetOrigin({ origin }) {
        return origin != null && origin === this.targetOrigin;
    }
    invokeCallback(receivedMessage) {
        const callback = this.callbacks[receivedMessage.message];
        if (typeof callback === 'function') {
            // eslint-disable-next-line callback-return
            callback();
        }
    }
    invokeHandler(receivedMessage) {
        const handler = this.handlers[receivedMessage.message];
        if (typeof handler === 'function') {
            handler(receivedMessage.data);
        }
    }
    set windowLocation(location) {
        window.location = location;
    }
}
Messenger.Messages = Object.freeze({
    SET_WINDOW_LOCATION: 'Shopify.API.setWindowLocation'
});

class EASDK {
    constructor({ apiKey, shopOrigin, debug, forceRedirect }, metadata) {
        checkFrameRedirect(apiKey, shopOrigin, forceRedirect);
        this.messenger = new Messenger(window.parent, {
            'Shopify.API.initialize': data => {
                if (data && data.User && data.User.current) {
                    this.currentUser = data.User.current;
                }
            },
            'Shopify.API.Modal.close': ({ result, data }) => {
                this.Modal.callCloseCallback(result, data);
            }
        }, {
            name: 'iframe',
            targetOrigin: shopOrigin,
            debug
        });
        this.Bar = new Bar(this.messenger);
        this.Modal = new Modal(this.messenger);
        this.ResourcePicker = new ResourcePicker(this.messenger, this.Modal);
        this.messenger.send('Shopify.API.initialize', {
            apiKey,
            shopOrigin,
            metadata,
            debug,
            forceRedirect
        });
    }
    startLoading() {
        this.messenger.send('Shopify.API.Bar.loading.on');
    }
    stopLoading() {
        this.messenger.send('Shopify.API.Bar.loading.off');
    }
    showFlashNotice(message, options = {}) {
        const { error = false } = options;
        const type = error ? 'Shopify.API.flash.error' : 'Shopify.API.flash.notice';
        this.messenger.send(type, { message });
    }
    pushState(location) {
        this.messenger.send('Shopify.API.pushState', { location });
    }
    redirect(location) {
        this.messenger.send('Shopify.API.redirect', { location });
    }
}
__decorate([autobind], EASDK.prototype, "startLoading", null);
__decorate([autobind], EASDK.prototype, "stopLoading", null);
__decorate([autobind], EASDK.prototype, "showFlashNotice", null);
__decorate([autobind], EASDK.prototype, "pushState", null);
__decorate([autobind], EASDK.prototype, "redirect", null);
function checkFrameRedirect(apiKey, shopOrigin = 'https://myshopify.com', forceRedirect) {
    if (window !== window.parent) {
        return;
    }
    let redirectUrl = `${shopOrigin}/admin/apps/`;
    if (apiKey) {
        redirectUrl = `${redirectUrl}${apiKey}${window.location.pathname}${window.location.search}`;
    }
    if (forceRedirect) {
        window.location.assign(redirectUrl);
    } else {
        // eslint-disable-next-line no-console
        console.warn(`Embedded app was not loaded in an iframe and redirecting is disabled. Set forceRedirect to true and this page will redirect to: ${redirectUrl}`);
    }
}

var name = "@combine-labs/combine-polaris";
var description = "Combine Lab's product component library. Forked from Shopify's Polaris.";
var version = "0.1.6";
var license = "MIT";
var author = "Steve Kaschinske <steve.kaschinske@gmail.com>";
var homepage = "https://github.com/Combine-Labs/combine-polaris";
var repository = "https://github.com/Combine-Labs/combine-polaris";
var publishConfig = {"access":"public"};
var keywords = ["combine labs","react","components","component library"];
var main = "index.js";
var module$1 = "index.es.js";
var types = "types/index.d.ts";
var scripts = {"lint":"npm-run-all lint:js lint:css","lint:css":"stylelint './**/*.scss' --max-warnings 0","lint:js":"eslint './**/*.{js,jsx,ts,tsx}' --max-warnings 0 --format codeframe","format":"npm-run-all format:js format:css format:prettier","format:css":"yarn run lint:css --fix","format:js":"yarn run lint:js --fix","format:prettier":"prettier '**/*.{json,md,yml}' --write","ts":"tsc --noEmit","test":"jest --config ./config/jest/config.json","test:coverage":"yarn test --coverage --no-cache","test:ci":"yarn test --runInBand --coverage","test:watch":"yarn test --watch","check":"npm-run-all lint ts test","check:ci":"npm-run-all lint ts test:ci","clean":"rimraf build build-esnext esnext styles types docs 'build-intermediate' 'index.*' 'embedded.js' './src/styles/polaris-tokens' './tophat/.cache' './tophat/assets' 'styles.{css,scss}'","optimize":"node ./scripts/optimize.js","prebuild":"npm-run-all clean optimize copy-polaris-tokens","build":"babel-node ./scripts/build.js","build-shrink-ray":"yarn run copy-polaris-tokens && node ./scripts/build-shrink-ray.js","copy-polaris-tokens":"rimraf ./src/styles/polaris-tokens && shx cp -r ./node_modules/@shopify/polaris-tokens/dist ./src/styles/polaris-tokens","dev":"yarn run copy-polaris-tokens && webpack-dev-server --config ./playground/webpack.config.js --content-base ./playground/ --hot --inline","tophat":"yarn run copy-polaris-tokens && node ./tophat/index.js --watch","test:percy":"node ./tophat/snapshots.js","test:a11y":"node ./scripts/pa11y.js","start":"node ./tophat/index.js","heroku-postbuild":"yarn run copy-polaris-tokens && webpack --config ./tophat/webpack.config.js --output-path ./tophat/assets"};
var stylelint = {"extends":["stylelint-config-shopify/prettier"],"rules":{"selector-class-pattern":"^[a-zA-Z][a-zA-Z0-9-]+$","selector-pseudo-class-no-unknown":[true,{"ignorePseudoClasses":["global"]}]}};
var devDependencies = {"@babel/generator":"^7.0.0-beta.51","@babel/parser":"^7.0.0-beta.51","@babel/standalone":"^7.0.0-beta.51","@percy/puppeteer":"^0.3.2","@shopify/js-uploader":"github:shopify/js-uploader","@shopify/polaris-tokens":"^1.2.0","@shopify/react-serialize":"^1.0.6","@types/enzyme":"^3.1.13","@types/jest":"^21.1.2","@types/lodash":"^4.14.108","@types/lodash-decorators":"^4.0.0","@types/node":"^8.10.17","@types/react-helmet":"^5.0.6","@types/react-hot-loader":"^3.0.6","@types/react-router-dom":"^4.2.7","archiver":"^2.1.0","awesome-typescript-loader":"^3.1.3","aws-sdk":"^2.58.0","babel":"^6.23.0","babel-cli":"^6.26.0","babel-core":"^6.26.3","babel-jest":"^21.2.0","babel-loader":"^7.1.2","babel-plugin-transform-jsx-html":"^1.0.0","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-plugin-transform-react-jsx":"^6.24.1","babel-polyfill":"^6.26.0","babel-preset-env":"^1.7.0","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","babel-preset-shopify":"^16.2.0","babel-preset-stage-0":"^6.24.1","babel-register":"^6.26.0","chalk":"^2.4.1","change-case":"^3.0.1","codecov":"^3.0.4","copyfiles":"^1.2.0","crypto":"^1.0.1","css-loader":"^0.28.3","cssnano":"^3.10.0","enzyme":"^3.6.0","enzyme-adapter-react-16":"^1.5.0","eslint":"^5.5.0","eslint-plugin-shopify":"^25.0.1","express":"^4.16.3","file-loader":"^1.1.11","fs-extra":"^4.0.2","generic-names":"^1.0.2","glob":"^7.1.2","gray-matter":"^4.0.1","identity-obj-proxy":"^3.0.0","image-webpack-loader":"^3.3.1","in-publish":"^2.0.0","isomorphic-fetch":"^2.2.1","jest":"^21.2.1","node-sass":"^4.5.3","npm-run-all":"^4.0.2","object-hash":"^1.3.0","pa11y":"^5.0.4","postcss":"^6.0.1","postcss-loader":"^2.0.5","postcss-modules-extract-imports":"^1.1.0","postcss-modules-local-by-default":"^1.2.0","postcss-modules-parser":"^1.1.1","postcss-modules-scope":"^1.1.0","postcss-modules-values":"^1.3.0","postcss-shopify":"^1.0.0","prettier":"^1.14.2","puppeteer":"^1.5.0","react":"^16.4.0","react-dom":"^16.4.0","react-helmet":"^5.2.0","react-router-dom":"^4.3.1","react-test-renderer":"^16.3.1","rimraf":"^2.6.1","rollup":"^0.50.0","rollup-plugin-babel":"^3.0.2","rollup-plugin-commonjs":"^8.0.2","rollup-plugin-json":"^2.1.1","rollup-plugin-node-resolve":"^3.0.0","rollup-pluginutils":"^2.0.1","sass-loader":"^7.0.3","sass-resources-loader":"^1.3.3","semver":"^5.4.1","shelljs":"^0.7.7","shx":"^0.2.2","style-loader":"^0.19.0","stylelint":"^9.5.0","stylelint-config-shopify":"^7.0.2","svgo":"^0.7.2","tslint":"^5.8.0","typescript":"^2.9.1","url-loader":"^1.0.1","webpack":"^3.7.1","webpack-bundle-analyzer":"^2.11.1","webpack-dev-server":"^2.9.3","yargs":"^12.0.1"};
var peerDependencies = {"react":"^16.3.1","react-dom":"^16.3.1"};
var files = ["esnext","styles","types","docs","index.js","index.es.js","styles.css","styles.scss","embedded.js","embedded.d.ts"];
var dependencies = {"@shopify/images":"^1.1.0","@shopify/javascript-utilities":"^2.2.0","@shopify/react-compose":"^0.1.6","@shopify/react-html":"^3.0.3","@shopify/react-utilities":"^2.0.3","@types/prop-types":"^15.5.2","@types/react":"16.4.1","@types/react-dom":"^16.0.6","@types/react-transition-group":"^2.0.7","babel-runtime":"^6.23.0","core-js":"^2.5.1","hoist-non-react-statics":"^2.5.0","lodash":"^4.17.4","lodash-decorators":"^4.3.5","prop-types":"^15.6.1","react-transition-group":"^2.3.0","tslib":"^1.8.0"};
var packageJSON = {
	name: name,
	description: description,
	version: version,
	license: license,
	author: author,
	homepage: homepage,
	repository: repository,
	publishConfig: publishConfig,
	keywords: keywords,
	main: main,
	module: module$1,
	types: types,
	scripts: scripts,
	stylelint: stylelint,
	devDependencies: devDependencies,
	peerDependencies: peerDependencies,
	files: files,
	dependencies: dependencies,
	"private": false,
	"jsnext:main": "index.es.js"
};

const METADATA = {
    interface: {
        name: packageJSON.name,
        version: packageJSON.version
    }
};
const REPLACE_REGEX = /{([^}]*)}/g;
function translate(id, translations, replacements) {
    const text = get(translations, id);
    if (!text) {
        return '';
    }
    if (replacements) {
        return replace(text, REPLACE_REGEX, match => {
            const replacement = match.substring(1, match.length - 1);
            if (!replacements.hasOwnProperty(replacement)) {
                throw new Error(`No replacement found for key '${replacement}'. The following replacements were passed: ${Object.keys(replacements).map(key => `'${key}'`).join(', ')}`);
            }
            return replacements[replacement];
        });
    }
    return text;
}
function withAppProvider() {
    return function addProvider(WrappedComponent) {
        // eslint-disable-next-line react/prefer-stateless-function
        class WithProvider extends Component {
            render() {
                const { polaris, easdk } = this.context;
                const polarisContext = Object.assign({}, polaris, { easdk });
                if (!polaris) {
                    throw new Error(`The <AppProvider> component is required as of v2.0 of Polaris React. See
            https://polaris.shopify.com/components/structure/app-provider for implementation
            instructions.`);
                }
                return createElement(WrappedComponent, Object.assign({}, this.props, { polaris: polarisContext }));
            }
        }
        WithProvider.contextTypes = WrappedComponent.contextTypes ? merge(WrappedComponent.contextTypes, polarisAppProviderContextTypes) : polarisAppProviderContextTypes;
        const FinalComponent = hoistStatics(WithProvider, WrappedComponent);
        return FinalComponent;
    };
}
function withSticky() {
    return function addStickyManager(WrappedComponent) {
        class WithStickyManager extends Component {
            constructor(props, context) {
                super(props);
                this.stickyManager = new StickyManager();
                const { polaris, easdk } = context;
                this.polarisContext = Object.assign({}, polaris, { stickyManager: this.stickyManager, easdk });
            }
            getChildContext() {
                const _a = this.polarisContext,
                      { easdk } = _a,
                      rest = __rest(_a, ["easdk"]);
                return {
                    polaris: rest,
                    easdk
                };
            }
            render() {
                return createElement(WrappedComponent, Object.assign({}, this.props, { polaris: this.polarisContext }));
            }
        }
        WithStickyManager.childContextTypes = polarisAppProviderContextTypes;
        WithStickyManager.contextTypes = WrappedComponent.contextTypes ? merge(WrappedComponent.contextTypes, polarisAppProviderContextTypes) : polarisAppProviderContextTypes;
        const FinalComponent = hoistStatics(WithStickyManager, WrappedComponent);
        return FinalComponent;
    };
}
function createPolarisContext({ i18n, linkComponent, apiKey, shopOrigin, forceRedirect, debug, stickyManager } = {}) {
    const intl = new Intl(i18n);
    const link = new Link(linkComponent);
    const easdk = apiKey && shopOrigin ? new EASDK({
        apiKey,
        shopOrigin,
        forceRedirect,
        debug
    }, METADATA) : undefined;
    return {
        polaris: {
            intl,
            link,
            stickyManager: stickyManager || new StickyManager()
        },
        easdk
    };
}

class AppProvider$1 extends Component {
    constructor(props) {
        super(props);
        this.stickyManager = new StickyManager();
        this.polarisContext = createPolarisContext(Object.assign({}, props, { stickyManager: this.stickyManager }));
    }
    componentDidMount() {
        if (document != null) {
            this.stickyManager.setContainer(document);
        }
    }
    // eslint-disable-next-line react/no-deprecated
    componentWillReceiveProps({ i18n, linkComponent, apiKey, shopOrigin, forceRedirect, debug }) {
        if (i18n !== this.props.i18n || linkComponent !== this.props.linkComponent || apiKey !== this.props.apiKey || shopOrigin !== this.props.shopOrigin || forceRedirect !== this.props.forceRedirect || debug !== this.props.debug) {
            const stickyManager = this.stickyManager;
            this.polarisContext = createPolarisContext({
                i18n,
                linkComponent,
                apiKey,
                shopOrigin,
                forceRedirect,
                debug,
                stickyManager
            });
        }
    }
    getChildContext() {
        return this.polarisContext;
    }
    render() {
        return Children.only(this.props.children);
    }
}
AppProvider$1.childContextTypes = polarisAppProviderContextTypes;

var add = {"viewBox":"0 0 20 20","body":"<path d=\"M17 9h-6V3a1 1 0 1 0-2 0v6H3a1 1 0 1 0 0 2h6v6a1 1 0 1 0 2 0v-6h6a1 1 0 1 0 0-2\"  fill-rule=\"evenodd\"/>"};

var alert = {"viewBox":"0 0 20 20","body":"<path d=\"M10 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16zm-1-8h2V6H9v4zm0 4h2v-2H9v2z\"  fill-rule=\"evenodd\"/>"};

var arrowDown = {"viewBox":"0 0 20 20","body":"<path d=\"M10.707 17.707l5-5a.999.999 0 1 0-1.414-1.414L11 14.586V3a1 1 0 1 0-2 0v11.586l-3.293-3.293a.999.999 0 1 0-1.414 1.414l5 5a.999.999 0 0 0 1.414 0\"  fill-rule=\"evenodd\"/>"};

var arrowLeft = {"viewBox":"0 0 20 20","body":"<path d=\"M17 9H5.414l3.293-3.293a.999.999 0 1 0-1.414-1.414l-5 5a.999.999 0 0 0 0 1.414l5 5a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414L5.414 11H17a1 1 0 1 0 0-2\"  fill-rule=\"evenodd\"/>"};

var arrowRight = {"viewBox":"0 0 20 20","body":"<path d=\"M17.707 9.293l-5-5a.999.999 0 1 0-1.414 1.414L14.586 9H3a1 1 0 1 0 0 2h11.586l-3.293 3.293a.999.999 0 1 0 1.414 1.414l5-5a.999.999 0 0 0 0-1.414\"  fill-rule=\"evenodd\"/>"};

var arrowUp = {"viewBox":"0 0 20 20","body":"<path d=\"M11 17V5.414l3.293 3.293a.999.999 0 1 0 1.414-1.414l-5-5a.999.999 0 0 0-1.414 0l-5 5a.997.997 0 0 0 0 1.414.999.999 0 0 0 1.414 0L9 5.414V17a1 1 0 1 0 2 0\"  fill-rule=\"evenodd\"/>"};

var arrowUpDown = {"viewBox":"0 0 20 20","body":"<path d=\"M13 8l-3-3-3 3h6zm-.1 4L10 14.9 7.1 12h5.8z\"  fill-rule=\"evenodd\"/>"};

var calendar = {"viewBox":"0 0 20 20","body":"<path d=\"M4 8h12V6H4v2zm9 4h2v-2h-2v2zm-4 0h2v-2H9v2zm0 4h2v-2H9v2zm-4-4h2v-2H5v2zm0 4h2v-2H5v2zM17 4h-2V3a1 1 0 1 0-2 0v1H7V3a1 1 0 1 0-2 0v1H3a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1z\"  fill-rule=\"evenodd\"/>"};

var cancel = {"viewBox":"0 0 20 20","body":"<path d=\"M11.414 10l6.293-6.293a.999.999 0 1 0-1.414-1.414L10 8.586 3.707 2.293a.999.999 0 1 0-1.414 1.414L8.586 10l-6.293 6.293a.999.999 0 1 0 1.414 1.414L10 11.414l6.293 6.293a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414L11.414 10z\"  fill-rule=\"evenodd\"/>"};

var cancelSmall = {"viewBox":"0 0 20 20","body":"<path d=\"M11.414 10l4.293-4.293a.999.999 0 1 0-1.414-1.414L10 8.586 5.707 4.293a.999.999 0 1 0-1.414 1.414L8.586 10l-4.293 4.293a.999.999 0 1 0 1.414 1.414L10 11.414l4.293 4.293a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414L11.414 10z\"  fill-rule=\"evenodd\"/>"};

var caretDown = {"viewBox":"0 0 20 20","body":"<path d=\"M5 8l5 5 5-5z\"  fill-rule=\"evenodd\"/>"};

var caretUp = {"viewBox":"0 0 20 20","body":"<path d=\"M15 12l-5-5-5 5z\" />"};

var checkmark = {"viewBox":"0 0 20 20","body":"<path d=\"M8.315 13.859l-3.182-3.417a.506.506 0 0 1 0-.684l.643-.683a.437.437 0 0 1 .642 0l2.22 2.393 4.942-5.327a.437.437 0 0 1 .643 0l.643.684a.504.504 0 0 1 0 .683l-5.91 6.35a.437.437 0 0 1-.642 0\"/>"};

var chevronDown = {"viewBox":"0 0 20 20","body":"<path d=\"M10 14a.997.997 0 0 1-.707-.293l-5-5a.999.999 0 1 1 1.414-1.414L10 11.586l4.293-4.293a.999.999 0 1 1 1.414 1.414l-5 5A.997.997 0 0 1 10 14\"  fill-rule=\"evenodd\"/>"};

var chevronLeft = {"viewBox":"0 0 20 20","body":"<path d=\"M12 16a.997.997 0 0 1-.707-.293l-5-5a.999.999 0 0 1 0-1.414l5-5a.999.999 0 1 1 1.414 1.414L8.414 10l4.293 4.293A.999.999 0 0 1 12 16\"  fill-rule=\"evenodd\"/>"};

var chevronRight = {"viewBox":"0 0 20 20","body":"<path d=\"M8 16a.999.999 0 0 1-.707-1.707L11.586 10 7.293 5.707a.999.999 0 1 1 1.414-1.414l5 5a.999.999 0 0 1 0 1.414l-5 5A.997.997 0 0 1 8 16\"  fill-rule=\"evenodd\"/>"};

var chevronUp = {"viewBox":"0 0 20 20","body":"<path d=\"M15 13a.997.997 0 0 1-.707-.293L10 8.414l-4.293 4.293a.999.999 0 1 1-1.414-1.414l5-5a.999.999 0 0 1 1.414 0l5 5A.999.999 0 0 1 15 13\"  fill-rule=\"evenodd\"/>"};

var circleCancel = {"viewBox":"0 0 20 20","body":"<path d=\"M14.242 12.829l-1.414 1.414L10 11.413l-2.828 2.83-1.414-1.414 2.828-2.83-2.828-2.827 1.414-1.414L10 8.586l2.828-2.828 1.414 1.414L11.414 10l2.828 2.829zM10 1.999A8 8 0 1 0 10 18a8 8 0 0 0 0-16z\"  fill-rule=\"evenodd\"/>"};

var circleChevronDown = {"viewBox":"0 0 20 20","body":"<path d=\"M10 13.414L5.293 8.707l1.414-1.414L10 10.586l3.293-3.293 1.414 1.414L10 13.414zM10 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16z\"  fill-rule=\"evenodd\"/>"};

var circleChevronLeft = {"viewBox":"0 0 20 20","body":"<path d=\"M11.293 5.293l1.414 1.414L9.414 10l3.293 3.293-1.414 1.414L6.586 10l4.707-4.707zM10 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16z\"  fill-rule=\"evenodd\"/>"};

var circleChevronRight = {"viewBox":"0 0 20 20","body":"<path d=\"M8.707 14.707l-1.414-1.414L10.586 10 7.293 6.707l1.414-1.414L13.414 10l-4.707 4.707zM10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16z\"  fill-rule=\"evenodd\"/>"};

var circleChevronUp = {"viewBox":"0 0 20 20","body":"<path d=\"M14.707 11.293l-1.414 1.414L10 9.414l-3.293 3.293-1.414-1.414L10 6.586l4.707 4.707zM18 10a8 8 0 1 0-16 0 8 8 0 0 0 16 0z\"  fill-rule=\"evenodd\"/>"};

var circleInformation = {"viewBox":"0 0 20 20","body":"<path d=\"M19 10c0 4.971-4.029 9-9 9s-9-4.029-9-9 4.029-9 9-9 9 4.029 9 9z\" fill=\"currentColor\"/><path d=\"M10 0C4.486 0 0 4.486 0 10s4.486 10 10 10 10-4.486 10-10S15.514 0 10 0zm0 18c-4.411 0-8-3.589-8-8s3.589-8 8-8 8 3.589 8 8-3.589 8-8 8zm1-5v-3a1 1 0 0 0-1-1H9a1 1 0 1 0 0 2v3a1 1 0 0 0 1 1h1a1 1 0 1 0 0-2zm-1-5.9a1.1 1.1 0 1 0 0-2.2 1.1 1.1 0 0 0 0 2.2z\" />"};

var circlePlus = {"viewBox":"0 0 20 20","body":"<path d=\"M15 11h-4v4H9v-4H5V9h4V5h2v4h4v2zm-5-9a8 8 0 1 0 0 16 8 8 0 0 0 0-16z\"  fill-rule=\"evenodd\"/>"};

var conversation = {"viewBox":"0 0 20 20","body":"<path d=\"M13 11h2V9h-2v2zm-4 0h2V9H9v2zm-4 0h2V9H5v2zm5-9c-4.411 0-8 3.589-8 8 0 1.504.425 2.908 1.15 4.111l-1.069 2.495a1 1 0 0 0 1.314 1.313l2.494-1.069A7.939 7.939 0 0 0 10 18c4.411 0 8-3.589 8-8s-3.589-8-8-8z\"  fill-rule=\"evenodd\"/>"};

var deleteIcon = {"viewBox":"0 0 20 20","body":"<path d=\"M16 6H4a1 1 0 1 0 0 2h1v9a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V8h1a1 1 0 1 0 0-2zM9 4a1 1 0 1 1 0-2h2a1 1 0 1 1 0 2H9zm2 12h2V8h-2v8zm-4 0h2V8H7v8z\"  fill-rule=\"evenodd\"/>"};

var disable = {"viewBox":"0 0 20 20","body":"<path d=\"M10 16a5.961 5.961 0 0 1-3.471-1.115l8.356-8.356A5.961 5.961 0 0 1 16 10c0 3.309-2.691 6-6 6m0-12c1.294 0 2.49.416 3.471 1.115l-8.356 8.356A5.961 5.961 0 0 1 4 10c0-3.309 2.691-6 6-6m0-2c-4.411 0-8 3.589-8 8s3.589 8 8 8 8-3.589 8-8-3.589-8-8-8\"  fill-rule=\"evenodd\"/>"};

var dispute = {"viewBox":"0 0 20 20","body":"<path d=\"M9 10h2V6H9v4zm0 4h2v-2H9v2zm-7-4c0 4.411 3.589 8 8 8a7.939 7.939 0 0 0 4.111-1.15l2.494 1.069a1 1 0 0 0 1.314-1.313l-1.069-2.495A7.939 7.939 0 0 0 18 10c0-4.411-3.589-8-8-8s-8 3.589-8 8z\"  fill-rule=\"evenodd\"/>"};

var duplicate = {"viewBox":"0 0 20 20","body":"<path d=\"M8 12h8V4H8v8zm4 4H4V8h2v5a1 1 0 0 0 1 1h5v2zm5-14H7a1 1 0 0 0-1 1v3H3a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1v-3h3a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1z\"  fill-rule=\"evenodd\"/>"};

var embed = {"viewBox":"0 0 20 20","body":"<path d=\"M17 13a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-3a1 1 0 1 1 2 0v2h12v-2a1 1 0 0 1 1-1zm0-11a1 1 0 0 1 1 1v3a1 1 0 1 1-2 0V4H4v2a1 1 0 1 1-2 0V3a1 1 0 0 1 1-1h14zm.555 7.168a1.001 1.001 0 0 1 0 1.664l-3 2a1 1 0 0 1-1.109-1.664L15.198 10l-1.752-1.168a1 1 0 1 1 1.109-1.664l3 2zM6.832 7.445a1 1 0 0 1-.277 1.387L4.803 10l1.752 1.168a1 1 0 1 1-1.11 1.664l-3-2a1.001 1.001 0 0 1 0-1.664l3-2a1 1 0 0 1 1.387.277zM9 14.001a1 1 0 0 1-.948-1.317l2-6a1 1 0 0 1 1.896.633l-2 6A.999.999 0 0 1 9 14z\"  fill-rule=\"evenodd\"/>"};

var exportIcon = {"viewBox":"0 0 20 20","body":"<path d=\"M13.707 6.707a.997.997 0 0 1-1.414 0L11 5.414V13a1 1 0 1 1-2 0V5.414L7.707 6.707a.999.999 0 1 1-1.414-1.414l3-3a.999.999 0 0 1 1.414 0l3 3a.999.999 0 0 1 0 1.414zM17 18H3a1 1 0 1 1 0-2h14a1 1 0 1 1 0 2z\"/>"};

var external = {"viewBox":"0 0 20 20","body":"<path d=\"M17 2a1 1 0 0 1 1 1v4a1 1 0 1 1-2 0V5.414l-7.293 7.293a.997.997 0 0 1-1.414 0 .999.999 0 0 1 0-1.414L14.586 4H13a1 1 0 1 1 0-2h4zm-4 9a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h5a1 1 0 1 1 0 2H4v8h8v-4a1 1 0 0 1 1-1z\"  fill-rule=\"evenodd\"/>"};

var help = {"viewBox":"0 0 20 20","body":"<circle cx=\"10\" cy=\"10\" r=\"9\" fill=\"currentColor\"/><path d=\"M10 0C4.486 0 0 4.486 0 10s4.486 10 10 10 10-4.486 10-10S15.514 0 10 0m0 18c-4.411 0-8-3.589-8-8s3.589-8 8-8 8 3.589 8 8-3.589 8-8 8m0-4a1 1 0 1 0 0 2 1 1 0 1 0 0-2m0-10C8.346 4 7 5.346 7 7a1 1 0 1 0 2 0 1.001 1.001 0 1 1 1.591.808C9.58 8.548 9 9.616 9 10.737V11a1 1 0 1 0 2 0v-.263c0-.653.484-1.105.773-1.317A3.013 3.013 0 0 0 13 7c0-1.654-1.346-3-3-3\" />"};

var horizontalDots = {"viewBox":"0 0 20 20","body":"<path d=\"M6 10a2 2 0 1 1-4.001-.001A2 2 0 0 1 6 10zm6 0a2 2 0 1 1-4.001-.001A2 2 0 0 1 12 10zm6 0a2 2 0 1 1-4.001-.001A2 2 0 0 1 18 10z\"  fill-rule=\"evenodd\"/>"};

var importIcon = {"viewBox":"0 0 20 20","body":"<path d=\"M9.293 13.707l-3-3a.999.999 0 1 1 1.414-1.414L9 10.586V3a1 1 0 1 1 2 0v7.586l1.293-1.293a.999.999 0 1 1 1.414 1.414l-3 3a.999.999 0 0 1-1.414 0zM17 16a1 1 0 1 1 0 2H3a1 1 0 1 1 0-2h14z\"/>"};

var menu = {"viewBox":"0 0 32 32","body":"<path d=\"M30.4 17.6H1.6a1.6 1.6 0 1 1 0-3.2h28.8a1.6 1.6 0 1 1 0 3.2zm0-11.2H1.6a1.6 1.6 0 1 1 0-3.2h28.8a1.6 1.6 0 1 1 0 3.2zm0 22.4H1.6a1.6 1.6 0 1 1 0-3.2h28.8a1.6 1.6 0 1 1 0 3.2z\"/>"};

var notes = {"viewBox":"0 0 20 20","body":"<path d=\"M6 11h8V9H6v2zm0 4h8v-2H6v2zm0-8h4V5H6v2zm9.707-1.707l-3-3A.996.996 0 0 0 12 2H5a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V6a.997.997 0 0 0-.293-.707z\"  fill-rule=\"evenodd\"/>"};

var notification = {"viewBox":"0 0 20 20","body":"<path d=\"M16 8c0-2.967-2.167-5.432-5-5.91V1a1 1 0 1 0-2 0v1.09C6.167 2.568 4 5.033 4 8c0 2.957 0 4.586-1.707 6.293A1 1 0 0 0 3 16h4.183A2.909 2.909 0 0 0 7 17c0 1.654 1.345 3 3 3s3-1.346 3-3c0-.353-.07-.687-.184-1H17a1 1 0 0 0 .707-1.707C16 12.586 16 10.957 16 8zM5.011 14C6 12.208 6 10.285 6 8c0-2.206 1.794-4 4-4s4 1.794 4 4c0 2.285 0 4.208.989 6H5.011zM11 17a1.001 1.001 0 0 1-2 0 1 1 0 0 1 2 0z\"/>"};

var print = {"viewBox":"0 0 20 20","body":"<path d=\"M14 11h2V9h-2v2zM7 7h6V4H7v3zm0 9h6v-2H7v2zm10-9h-2V3a1 1 0 0 0-1-1H6a1 1 0 0 0-1 1v4H3a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1h2v1a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-1h2a1 1 0 0 0 1-1V8a1 1 0 0 0-1-1z\"  fill-rule=\"evenodd\"/>"};

var subtract = {"viewBox":"0 0 20 20","body":"<path d=\"M15 9H5a1 1 0 1 0 0 2h10a1 1 0 1 0 0-2\"  fill-rule=\"evenodd\"/>"};

var refresh = {"viewBox":"0 0 20 20","body":"<path d=\"M17 11a1 1 0 0 1 1 1c0 1.654-1.346 3-3 3H5.414l1.293 1.293a.999.999 0 1 1-1.414 1.414l-3-3a.999.999 0 0 1 0-1.414l3-3a.999.999 0 1 1 1.414 1.414L5.414 13H15c.552 0 1-.449 1-1a1 1 0 0 1 1-1zM3 9a1 1 0 0 1-1-1c0-1.654 1.346-3 3-3h9.586l-1.293-1.293a.999.999 0 1 1 1.414-1.414l3 3a.999.999 0 0 1 0 1.414l-3 3a.997.997 0 0 1-1.414 0 .999.999 0 0 1 0-1.414L14.586 7H5c-.552 0-1 .449-1 1a1 1 0 0 1-1 1z\"  fill-rule=\"evenodd\"/>"};

var risk = {"viewBox":"0 0 20 20","body":"<path d=\"M9 12h2V8H9v4zm0 4h2v-2H9v2zm8.895.509l-7-14c-.339-.678-1.451-.678-1.79 0l-7 14A.999.999 0 0 0 3 17.956h14a1.001 1.001 0 0 0 .895-1.447z\"  fill-rule=\"evenodd\"/>"};

var save = {"viewBox":"0 0 20 20","body":"<path d=\"M17 4h-3a1 1 0 1 0 0 2h2v10H4V4h3.586L9 5.414v5.172L7.707 9.293a1 1 0 0 0-1.414 1.414l3 3a.996.996 0 0 0 1.414 0l3-3a1 1 0 0 0-1.414-1.414L11 10.586V5a.997.997 0 0 0-.293-.707l-2-2A.994.994 0 0 0 8 2H3a1 1 0 0 0-1 1v14a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1z\"/>"};

var search = {"viewBox":"0 0 20 20","body":"<path d=\"M8 12a4 4 0 1 1 0-8 4 4 0 0 1 0 8m9.707 4.293l-4.82-4.82A5.968 5.968 0 0 0 14 8 6 6 0 0 0 2 8a6 6 0 0 0 6 6 5.968 5.968 0 0 0 3.473-1.113l4.82 4.82a.997.997 0 0 0 1.414 0 .999.999 0 0 0 0-1.414\"  fill-rule=\"evenodd\"/>"};

var view = {"viewBox":"0 0 20 20","body":"<path d=\"M17.928 9.628C17.836 9.399 15.611 4 9.999 4S2.162 9.399 2.07 9.628a1.017 1.017 0 0 0 0 .744C2.162 10.601 4.387 16 9.999 16s7.837-5.399 7.929-5.628a1.017 1.017 0 0 0 0-.744zM9.999 14a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm0-6A2 2 0 1 0 10 12.001 2 2 0 0 0 10 8z\"/>"};

var edit = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjAgMjAiPjxkZWZzPjxwYXRoIGlkPSJhIiBkPSJNMTUgMTcuNTg2TDEzLjkxNCAxNi41bC43OTMtLjc5M2EuOTk5Ljk5OSAwIDEgMC0xLjQxNC0xLjQxNGwtLjc5My43OTNMMTEuNDE0IDE0IDE0IDExLjQxNCAxNy41ODYgMTUgMTUgMTcuNTg2ek0zLjQzNyAxNC44NTJsMS43MTEgMS43MTEtMi41NjcuODU2Ljg1Ni0yLjU2N3pNNC45MTQgNy41bC43OTMtLjc5M2EuOTk5Ljk5OSAwIDEgMC0xLjQxNC0xLjQxNGwtLjc5My43OTNMMi40MTQgNSA1IDIuNDE0IDguNTg2IDYgNiA4LjU4NiA0LjkxNCA3LjV6bTEyLjU1MS00Ljk2NWExLjgzIDEuODMgMCAwIDEgMCAyLjU4NkwxNyA1LjU4NiAxNC40MTQgM2wuNDY1LS40NjVhMS44MyAxLjgzIDAgMCAxIDIuNTg2IDB6TTQuNDE1IDEzTDEzIDQuNDE0IDE1LjU4NiA3IDcgMTUuNTg2IDQuNDE0IDEzem0xNS4yOTIgMS4yOTNMMTUuNDE0IDEwbDMuNDY1LTMuNDY1YTMuODMyIDMuODMyIDAgMCAwIDAtNS40MTQgMy44MzQgMy44MzQgMCAwIDAtNS40MTQgMEwxMCA0LjU4NiA1LjcwNy4yOTNhLjk5OS45OTkgMCAwIDAtMS40MTQgMGwtNCA0YS45OTkuOTk5IDAgMCAwIDAgMS40MTRMNC41ODYgMTBsLTIuMjkzIDIuMjkzYS45OTYuOTk2IDAgMCAwLS4yNC4zOTFsLTIgNmEuOTk4Ljk5OCAwIDAgMCAxLjI2MyAxLjI2NGw2LTJhLjk5Ni45OTYgMCAwIDAgLjM5MS0uMjRMMTAgMTUuNDEzbDQuMjkzIDQuMjkzYS45OTcuOTk3IDAgMCAwIDEuNDE0IDBsNC00YS45OTkuOTk5IDAgMCAwIDAtMS40MTR6Ii8+PC9kZWZzPjx1c2UgZmlsbD0iIzMxMzczRCIgeGxpbms6aHJlZj0iI2EiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPgo=';

var checkmarkLarge = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PHBhdGggZD0iTTE0Ljc5MyA1LjI5M2ExIDEgMCAwIDEgMS40MTQgMS40MTRsLTggOGExIDEgMCAwIDEtMS40MTQgMGwtMy0zYTEgMSAwIDAgMSAxLjQxNC0xLjQxNEw3LjUgMTIuNTg2bDcuMjkzLTcuMjkzeiIvPjwvc3ZnPgo=';

var clock = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PGcgZmlsbD0ibm9uZSI+PGNpcmNsZSBjeD0iMTAiIGN5PSIxMCIgcj0iOSIgZmlsbD0iI0ZGRiIvPjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik0xMCAwQzQuNDg2IDAgMCA0LjQ4NiAwIDEwczQuNDg2IDEwIDEwIDEwIDEwLTQuNDg2IDEwLTEwUzE1LjUxNCAwIDEwIDBtMCAxOGMtNC40MTEgMC04LTMuNTg5LTgtOHMzLjU4OS04IDgtOCA4IDMuNTg5IDggOC0zLjU4OSA4LTggOCIvPjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik0xMy43MDcgMTIuMjkzYTEgMSAwIDAgMS0xLjQxNCAxLjQxNEw5IDEwLjQxNFY1YTEgMSAwIDEgMSAyIDB2NC41ODZsMi43MDcgMi43MDd6Ii8+PC9nPjwvc3ZnPgo=';

var notificationCircle = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PGNpcmNsZSBjeD0iMTAiIGN5PSIxMCIgcj0iNSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+Cg==';

var activity = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PHBhdGggZmlsbD0iIzYzNzM4MSIgZD0iTTIuOTY3IDEwLjQwMmwtMS4zNDMgMi4wMTRhLjc1Ljc1IDAgMCAxLTEuMjQ4LS44MzJsMi0zYS43NS43NSAwIDAgMSAxLjI2Ny4wM2wyLjIgMy42NjcgMi40NTUtNi41NDRjLjI0NC0uNjUzIDEuMTY5LS42NDggMS40MDcuMDA3bDMuMjEgOC44MjYgMy4zNjQtMTEuNzc2Yy4yMDItLjcxIDEuMi0uNzMgMS40MzMtLjAzMWwyIDZhLjc1Ljc1IDAgMCAxLTEuNDI0LjQ3NGwtMS4yMzMtMy43LTMuMzM0IDExLjY2OWMtLjIuNy0xLjE3Ny43MzQtMS40MjYuMDVMOC45OSA4LjE2NWwtMi4yODcgNi4wOThhLjc1Ljc1IDAgMCAxLTEuMzQ1LjEyM2wtMi4zOS0zLjk4NHoiLz48L3N2Zz4K';

var location = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PHBhdGggZmlsbD0iIzYzNzM4MSIgZmlsbC1vcGFjaXR5PSIuMjUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlPSIjNjM3MzgxIiBzdHJva2Utd2lkdGg9IjEuNSIgZD0iTTIuNzUgOGMwIDMuMDggMS4yOCA1LjgxMSAzLjQ0IDguMTczIDEuMzM4IDEuNDYyIDIuNzI1IDIuNDk2IDMuNjg4IDMuMDQ1YS4yNDYuMjQ2IDAgMCAwIC4yNDctLjAwMWMuOTYtLjU0OCAyLjM0Ny0xLjU4MiAzLjY4NS0zLjA0NEMxNS45NyAxMy44MSAxNy4yNSAxMS4wOCAxNy4yNSA4YzAtMy45OTgtMy4yNTMtNy4yNS03LjI1LTcuMjVTMi43NSA0LjAwMiAyLjc1IDh6bTQgMEEzLjI1MyAzLjI1MyAwIDAgMSAxMCA0Ljc1IDMuMjUzIDMuMjUzIDAgMCAxIDEzLjI1IDggMy4yNTMgMy4yNTMgMCAwIDEgMTAgMTEuMjUgMy4yNTMgMy4yNTMgMCAwIDEgNi43NSA4eiIvPjwvc3ZnPgo=';

var misc = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiM2MzczODEiIHN0cm9rZS13aWR0aD0iMS41Ij48cmVjdCB3aWR0aD0iNy41IiBoZWlnaHQ9IjcuNSIgeD0iLjc1IiB5PSIuNzUiIGZpbGw9IiNGRkYiIHJ4PSIyIi8+PHJlY3Qgd2lkdGg9IjcuNSIgaGVpZ2h0PSI3LjUiIHg9Ii43NSIgeT0iMTEuNzUiIGZpbGw9IiM2MzczODEiIGZpbGwtb3BhY2l0eT0iLjI1IiByeD0iMiIvPjxyZWN0IHdpZHRoPSI3LjUiIGhlaWdodD0iNy41IiB4PSIxMS43NSIgeT0iMTEuNzUiIGZpbGw9IiNGRkYiIHJ4PSIyIi8+PHBhdGggc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBkPSJNMTUuNSA4VjFNMTIgNC41aDciLz48L2c+PC9zdmc+Cg==';

var person = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjRkZGIiBkPSJNMTAgMTNjLTQgMC03IDMtNyAzbDEgM2gxMmwxLTNzLTMtMy03LTMiLz48ZyBzdHJva2U9IiM2MzczODEiIHN0cm9rZS13aWR0aD0iMS41Ij48cGF0aCBmaWxsPSIjNjM3MzgxIiBmaWxsLW9wYWNpdHk9Ii4yNSIgZD0iTTEwIDEyLjc1Yy0xLjc2NyAwLTMuNDc0LjU1NS01LjA1OCAxLjQ5Mi0uOTc4LjU3Ny0xLjcyMSAxLjE4MS0yLjExOCAxLjU4MWEuMjUuMjUgMCAwIDAtLjA2MS4yNTZsMSAzQS4yNS4yNSAwIDAgMCA0IDE5LjI1aDEyYS4yNDkuMjQ5IDAgMCAwIC4yMzctLjE3MWwxLTNhLjI0OS4yNDkgMCAwIDAtLjA2LS4yNTZjLS40MS0uNDEtMS4xNDEtMS4wMDQtMi4xMTktMS41ODEtMS41ODQtLjkzNy0zLjI5MS0xLjQ5Mi01LjA1OC0xLjQ5MnoiLz48cGF0aCBmaWxsPSIjRkZGIiBkPSJNMTQuMjUgNUE0LjI1NiA0LjI1NiAwIDAgMCAxMCAuNzUgNC4yNTYgNC4yNTYgMCAwIDAgNS43NSA1IDQuMjU2IDQuMjU2IDAgMCAwIDEwIDkuMjUgNC4yNTYgNC4yNTYgMCAwIDAgMTQuMjUgNXoiLz48L2c+PC9nPjwvc3ZnPgo=';

var tag = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjRkZGIiBkPSJNNCA3bC0zIDMgOSA5IDMtM3oiLz48cGF0aCBmaWxsPSIjRkZGIiBzdHJva2U9IiM2MzczODEiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJNMTkgLjc1aC05YS4yNTIuMjUyIDAgMCAwLS4xNzYuMDczbC05IDlhLjI0OS4yNDkgMCAwIDAgMCAuMzU0bDkgOWEuMjQ3LjI0NyAwIDAgMCAuMzUzIDBsOS4wMDEtOS4wMDJBLjI0Ny4yNDcgMCAwIDAgMTkuMjUgMTBWMUEuMjUuMjUgMCAwIDAgMTkgLjc1eiIvPjxwYXRoIGZpbGw9IiM2MzczODEiIGZpbGwtb3BhY2l0eT0iLjI1IiBkPSJNNCA3bDkgOS0zIDMtOS05eiIvPjxwYXRoIGZpbGw9IiM2MzczODEiIGQ9Ik0xNSA2LjVhMS41IDEuNSAwIDEgMC0uMDAxLTMuMDAxQTEuNSAxLjUgMCAwIDAgMTUgNi41Ii8+PHBhdGggc3Ryb2tlPSIjNjM3MzgxIiBzdHJva2Utd2lkdGg9IjEuNSIgZD0iTTQgN2w5IDkiLz48L2c+PC9zdmc+Cg==';

var warning = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMjAgMjAiPjxkZWZzPjxwYXRoIGlkPSJhIiBkPSJNMTAgMEM0LjQ4NiAwIDAgNC40ODYgMCAxMHM0LjQ4NiAxMCAxMCAxMCAxMC00LjQ4NiAxMC0xMFMxNS41MTQgMCAxMCAwbTAgMThjLTQuNDExIDAtOC0zLjU4OS04LThzMy41ODktOCA4LTggOCAzLjU4OSA4IDgtMy41ODkgOC04IDhtMC03YTEgMSAwIDAgMCAxLTFWNmExIDEgMCAxIDAtMiAwdjRhMSAxIDAgMCAwIDEgMW0wIDEuOWExLjEgMS4xIDAgMSAwIDAgMi4yIDEuMSAxLjEgMCAwIDAgMC0yLjIiLz48L2RlZnM+PHVzZSBmaWxsPSIjOUM2RjE5IiB4bGluazpocmVmPSIjYSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+Cg==';

var mail = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cmVjdCB3aWR0aD0iMTguNSIgaGVpZ2h0PSIxNC41IiB4PSIuNzUiIHk9IjIuNzUiIGZpbGw9IiM2MzczODEiIGZpbGwtb3BhY2l0eT0iLjI1IiBzdHJva2U9IiM2MzczODEiIHN0cm9rZS13aWR0aD0iMS41IiByeD0iMyIvPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0xIDVsOSA2IDktNi0xLTJIMnoiLz48cGF0aCBmaWxsPSIjNjM3MzgxIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0zIDMuNUExLjUgMS41IDAgMCAwIDEuNSA1djEwQTEuNSAxLjUgMCAwIDAgMyAxNi41aDE0YTEuNSAxLjUgMCAwIDAgMS41LTEuNVY1QTEuNSAxLjUgMCAwIDAgMTcgMy41SDN6TTMgMmgxNGEzIDMgMCAwIDEgMyAzdjEwYTMgMyAwIDAgMS0zIDNIM2EzIDMgMCAwIDEtMy0zVjVhMyAzIDAgMCAxIDMtM3oiLz48cGF0aCBmaWxsPSIjNjM3MzgxIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0xOC41ODQgNC4zNzZsLjgzMiAxLjI0OC03Ljg5IDUuMjZhMi43NSAyLjc1IDAgMCAxLTMuMDUxIDBMLjU4NCA1LjYyNGwuODMyLTEuMjQ4IDcuODkgNS4yNmMuNDIuMjguOTY4LjI4IDEuMzg3IDBsNy44OTEtNS4yNnoiLz48L2c+PC9zdmc+Cg==';

var phone = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjRkZGIiBkPSJNNSAwaDEwYTIgMiAwIDAgMSAyIDJ2MTZhMiAyIDAgMCAxLTIgMkg1YTIgMiAwIDAgMS0yLTJWMmEyIDIgMCAwIDEgMi0yeiIvPjxwYXRoIGZpbGw9IiM2MzczODEiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTUgMS41YS41LjUgMCAwIDAtLjUuNXYxNmEuNS41IDAgMCAwIC41LjVoMTBhLjUuNSAwIDAgMCAuNS0uNVYyYS41LjUgMCAwIDAtLjUtLjVINXpNNSAwaDEwYTIgMiAwIDAgMSAyIDJ2MTZhMiAyIDAgMCAxLTIgMkg1YTIgMiAwIDAgMS0yLTJWMmEyIDIgMCAwIDEgMi0yeiIvPjxyZWN0IHdpZHRoPSI4IiBoZWlnaHQ9IjMiIHg9IjYiIGZpbGw9IiM2MzczODEiIHJ4PSIxLjUiLz48cmVjdCB3aWR0aD0iOCIgaGVpZ2h0PSIxLjUiIHg9IjYiIHk9IjE1LjUiIGZpbGw9IiM2MzczODEiIHJ4PSIuNzUiLz48L2c+PC9zdmc+Cg==';

var attentionFilled = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PHBhdGggZmlsbD0iIzMxMzczRCIgZD0iTTguMDU4IDIuNjQ3QzguNDcyIDEuOTM0IDkuMjA4IDEuNSAxMCAxLjVjLjc5MyAwIDEuNTI4LjQzNCAxLjk0MiAxLjE0N2w2Ljc1NCAxMS44MTNjLjQwMy43MzIuNDA1IDEuNjMyLjAwNiAyLjM2NkEyLjIzMSAyLjIzMSAwIDAgMSAxNi43NSAxOEgzLjI0NGEyLjIyOCAyLjIyOCAwIDAgMS0xLjk0Ni0xLjE3NCAyLjQ4IDIuNDggMCAwIDEgLjAxMi0yLjM3NUw4LjA1OCAyLjY0N3pNOSAxMWgyVjdIOXY0em0wIDRoMnYtMkg5djJ6Ii8+PC9zdmc+Cg==';

var circleCheckmark = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PHBhdGggZmlsbD0iIzMxMzczRCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTAgMThhOCA4IDAgMSAxIDAtMTYgOCA4IDAgMCAxIDAgMTZ6bS0xLjY4NS00LjE0MWwtLjAwMS0uMDAxYS40MzcuNDM3IDAgMCAwIC42NDIgMGw1LjkxLTYuMzVhLjUwNC41MDQgMCAwIDAgMC0uNjgzbC0uNjQzLS42ODRhLjQzNy40MzcgMCAwIDAtLjY0MyAwbC00Ljk0MiA1LjMyNy0yLjIyLTIuMzkzYS40MzcuNDM3IDAgMCAwLS42NDIgMGwtLjY0My42ODNhLjUwNi41MDYgMCAwIDAgMCAuNjg0bDMuMTgyIDMuNDE3eiIvPjwvc3ZnPgo=';

var circleInformationFilled = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PHBhdGggZmlsbD0iIzMxMzczRCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTAgMThhOCA4IDAgMSAxIDAtMTYgOCA4IDAgMCAxIDAgMTZ6bTEtNXYtM2ExIDEgMCAwIDAtMS0xSDlhMSAxIDAgMSAwIDAgMnYzYTEgMSAwIDAgMCAxIDFoMWExIDEgMCAwIDAgMC0yem0tMS01LjlhMS4xIDEuMSAwIDEgMCAwLTIuMiAxLjEgMS4xIDAgMCAwIDAgMi4yeiIvPjwvc3ZnPgo=';

var property = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PGcgZmlsbD0iIzVFNjg4MCIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0zLjUgOXY5YS41LjUgMCAwIDAgLjUuNWgxMmEuNS41IDAgMCAwIC41LS41VjlIMTh2OWEyIDIgMCAwIDEtMiAySDRhMiAyIDAgMCAxLTItMlY5aDEuNXoiLz48cGF0aCBkPSJNOCAxMmg0YTIgMiAwIDAgMSAyIDJ2Nkg2di02YTIgMiAwIDAgMSAyLTJ6IiBvcGFjaXR5PSIuMjUiLz48cGF0aCBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik03LjUgMTguNWg1VjE0YS41LjUgMCAwIDAtLjUtLjVIOGEuNS41IDAgMCAwLS41LjV2NC41ek04IDEyaDRhMiAyIDAgMCAxIDIgMnY2SDZ2LTZhMiAyIDAgMCAxIDItMnoiLz48cGF0aCBzdHJva2U9IiM1RTY4ODAiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJNMTkuMjUgNC42OTRMMTcuMDU5Ljc1SDIuOTRMLjc1IDQuNjk0VjZhMy4yNSAzLjI1IDAgMCAwIDUuNjg4IDIuMTVMNyA3LjUxMmwuNTYyLjYzOEEzLjI0IDMuMjQgMCAwIDAgMTAgOS4yNWEzLjI0IDMuMjQgMCAwIDAgMi40MzgtMS4xTDEzIDcuNTEybC41NjIuNjM4QTMuMjUgMy4yNSAwIDAgMCAxOS4yNSA2VjQuNjk0eiIgb3BhY2l0eT0iLjI1Ii8+PHBhdGggZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMTYuNjE3IDEuNUgzLjM4M0wxLjUgNC44ODlWNmEyLjUgMi41IDAgMCAwIDQuMzc1IDEuNjUzTDcgNi4zOGwxLjEyNSAxLjI3NEEyLjQ5IDIuNDkgMCAwIDAgMTAgOC41YTIuNDkgMi40OSAwIDAgMCAxLjg3NS0uODQ3TDEzIDYuMzhsMS4xMjUgMS4yNzRBMi41IDIuNSAwIDAgMCAxOC41IDZWNC44ODlMMTYuNjE3IDEuNXpNMTMuNzUgOS4zMDdMMTMgOC42NDZsLS43NS42NjFBMy45ODEgMy45ODEgMCAwIDEgMTAgMTBjLS44MzUgMC0xLjYxLS4yNTYtMi4yNS0uNjkzTDcgOC42NDZsLS43NS42NjFBNCA0IDAgMCAxIDAgNlY0LjVMMi41IDBoMTVMMjAgNC41VjZhNCA0IDAgMCAxLTYuMjUgMy4zMDd6Ii8+PHBhdGggZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMTcuNzI5IDMuNWwtMS4xMTItMkgzLjM4M2wtMS4xMTIgMkgxNy43M3pNMS40MzkgNUgxLjV2LS4xMTFMMS40MzggNXpNMCA1di0uNUwyLjUgMGgxNUwyMCA0LjVWNUgweiIvPjwvZz48L3N2Zz4K';

var date = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0wIDdoMjB2MTFhMiAyIDAgMCAxLTIgMkgyYTIgMiAwIDAgMS0yLTJWN3oiLz48cGF0aCBmaWxsPSIjNUU2ODgwIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0yIDEuNWgxNmEyIDIgMCAwIDEgMiAydjVIMHYtNWEyIDIgMCAwIDEgMi0yeiIgb3BhY2l0eT0iLjI1Ii8+PHBhdGggZmlsbD0iIzVFNjg4MCIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMS41IDguNVYxOGEuNS41IDAgMCAwIC41LjVoMTZhLjUuNSAwIDAgMCAuNS0uNVY4LjVoLTE3ek0wIDdoMjB2MTFhMiAyIDAgMCAxLTIgMkgyYTIgMiAwIDAgMS0yLTJWN3oiLz48cGF0aCBmaWxsPSIjNUU2ODgwIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0xLjUgN2gxN1YzLjVBLjUuNSAwIDAgMCAxOCAzSDJhLjUuNSAwIDAgMC0uNS41Vjd6TTIgMS41aDE2YTIgMiAwIDAgMSAyIDJ2NUgwdi01YTIgMiAwIDAgMSAyLTJ6Ii8+PHBhdGggZmlsbD0iIzVFNjg4MCIgZD0iTTE1LjI1IDBhLjc1Ljc1IDAgMCAxIC43NS43NXYzYS43NS43NSAwIDEgMS0xLjUgMHYtM2EuNzUuNzUgMCAwIDEgLjc1LS43NXpNNC43NSAwYS43NS43NSAwIDAgMSAuNzUuNzV2M2EuNzUuNzUgMCAwIDEtMS41IDB2LTNBLjc1Ljc1IDAgMCAxIDQuNzUgMHoiLz48L2c+PC9zdmc+Cg==';

var dateStart = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0wIDYuNWgyMHYxMS40MjNDMjAgMTkuMDcgMTkuMTA1IDIwIDE4IDIwSDJjLTEuMTA1IDAtMi0uOTMtMi0yLjA3N1Y2LjV6Ii8+PHBhdGggZmlsbD0iIzVFNjg4MCIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMiAxLjVoMTZjMS4xMDUgMCAyIC44MzEgMiAxLjg1N1Y4SDBWMy4zNTdDMCAyLjMzMS44OTUgMS41IDIgMS41eiIgb3BhY2l0eT0iLjI1Ii8+PHBhdGggZmlsbD0iIzVFNjg4MCIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMS41IDguMDU4djkuODY1YzAgLjI4Ny4yMjQuNTIuNS41MmgxNmEuNTEuNTEgMCAwIDAgLjUtLjUyVjguMDU4aC0xN3pNMCA2LjVoMjB2MTEuNDIzQzIwIDE5LjA3IDE5LjEwNSAyMCAxOCAyMEgyYy0xLjEwNSAwLTItLjkzLTItMi4wNzdWNi41eiIvPjxwYXRoIGZpbGw9IiM1RTY4ODAiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTEuNSA2LjYwN2gxN3YtMy4yNWMwLS4yNTYtLjIyNC0uNDY0LS41LS40NjRIMmMtLjI3NiAwLS41LjIwOC0uNS40NjR2My4yNXpNMiAxLjVoMTZjMS4xMDUgMCAyIC44MzEgMiAxLjg1N1Y4SDBWMy4zNTdDMCAyLjMzMS44OTUgMS41IDIgMS41eiIvPjxnIGZpbGw9IiM1RTY4ODAiIGZpbGwtcnVsZT0ibm9uemVybyI+PHBhdGggZD0iTTUuNzUgMTRhLjc1Ljc1IDAgMCAxIDAtMS41aDcuNWEuNzUuNzUgMCAwIDEgMCAxLjVoLTcuNXoiLz48cGF0aCBkPSJNOS43MiAxMC43OGEuNzUuNzUgMCAwIDEgMS4wNi0xLjA2bDMgM2EuNzUuNzUgMCAwIDEgMCAxLjA2bC0zIDNhLjc1Ljc1IDAgMCAxLTEuMDYtMS4wNmwyLjQ3LTIuNDctMi40Ny0yLjQ3eiIvPjwvZz48cGF0aCBmaWxsPSIjNUU2ODgwIiBkPSJNMTUuMjUgMGEuNzUuNzUgMCAwIDEgLjc1Ljc1djNhLjc1Ljc1IDAgMSAxLTEuNSAwdi0zYS43NS43NSAwIDAgMSAuNzUtLjc1ek00Ljc1IDBhLjc1Ljc1IDAgMCAxIC43NS43NXYzYS43NS43NSAwIDAgMS0xLjUgMHYtM0EuNzUuNzUgMCAwIDEgNC43NSAweiIvPjwvZz48L3N2Zz4K';

var dateEnd = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0wIDdoMjB2MTFhMiAyIDAgMCAxLTIgMkgyYTIgMiAwIDAgMS0yLTJWN3oiLz48cGF0aCBmaWxsPSIjNUU2ODgwIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0yIDEuNWgxNmEyIDIgMCAwIDEgMiAydjVIMHYtNWEyIDIgMCAwIDEgMi0yeiIgb3BhY2l0eT0iLjI1Ii8+PHBhdGggZmlsbD0iIzVFNjg4MCIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMS41IDguNVYxOGEuNS41IDAgMCAwIC41LjVoMTZhLjUuNSAwIDAgMCAuNS0uNVY4LjVoLTE3ek0wIDdoMjB2MTFhMiAyIDAgMCAxLTIgMkgyYTIgMiAwIDAgMS0yLTJWN3oiLz48cGF0aCBmaWxsPSIjNUU2ODgwIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0xLjUgN2gxN1YzLjVBLjUuNSAwIDAgMCAxOCAzSDJhLjUuNSAwIDAgMC0uNS41Vjd6TTIgMS41aDE2YTIgMiAwIDAgMSAyIDJ2NUgwdi01YTIgMiAwIDAgMSAyLTJ6Ii8+PHBhdGggZmlsbD0iIzVFNjg4MCIgZD0iTTE1LjI1IDBhLjc1Ljc1IDAgMCAxIC43NS43NXYzYS43NS43NSAwIDEgMS0xLjUgMHYtM2EuNzUuNzUgMCAwIDEgLjc1LS43NXpNNC43NSAwYS43NS43NSAwIDAgMSAuNzUuNzV2M2EuNzUuNzUgMCAwIDEtMS41IDB2LTNBLjc1Ljc1IDAgMCAxIDQuNzUgMHoiLz48ZyBmaWxsPSIjNUU2ODgwIiBmaWxsLXJ1bGU9Im5vbnplcm8iPjxwYXRoIGQ9Ik02LjQ3IDExLjAzbDEuMDYtMS4wNiA2IDYtMS4wNiAxLjA2eiIvPjxwYXRoIGQ9Ik03LjUzIDE3LjAzbC0xLjA2LTEuMDYgNi02IDEuMDYgMS4wNnoiLz48L2c+PC9nPjwvc3ZnPgo=';

var areaSales = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PGcgZmlsbD0iIzVFNjg4MCIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMCA2aDEwLjE1NGMxLjMzNyAwIDEuODIyLjE0IDIuMzExLjQuNDkuMjYyLjg3My42NDYgMS4xMzQgMS4xMzUuMjYyLjQ4OS40MDEuOTc0LjQwMSAyLjMxVjIwSDUuMTI4Yy0xLjc4MyAwLTIuNDMtLjE4Ni0zLjA4Mi0uNTM0YTMuNjM1IDMuNjM1IDAgMCAxLTEuNTEyLTEuNTEyQy4xODYgMTcuMzAyIDAgMTYuNjU1IDAgMTQuODcyVjZ6IiBvcGFjaXR5PSIuMjUiLz48cGF0aCBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0xNCAxMS41djNoLTEuNXYtM0gxNHptMC0yaC0xLjVWOUExLjUgMS41IDAgMCAwIDExIDcuNWgtLjVWNmguNWEzIDMgMCAwIDEgMyAzdi41em0wIDdWMjBsLTEuNS0xLjV2LTJIMTR6TTguNSA2djEuNWgtM1Y2aDN6bS01IDB2MS41aC0yTDAgNmgzLjV6Ii8+PHBhdGggZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNNS4xMjggMS41Yy0xLjQgMC0xLjg4LjA5My0yLjM3NC4zNTctLjM5LjIwOS0uNjg4LjUwNi0uODk3Ljg5Ny0uMjY0LjQ5NC0uMzU3Ljk3NS0uMzU3IDIuMzc0djkuNzQ0YzAgMS40LjA5MyAxLjg4LjM1NyAyLjM3NC4yMDkuMzkuNTA2LjY4OC44OTcuODk3LjQ5NC4yNjQuOTc1LjM1NyAyLjM3NC4zNTdoOS43NDRjMS40IDAgMS44OC0uMDkzIDIuMzc0LS4zNTcuMzktLjIwOS42ODgtLjUwNi44OTctLjg5Ny4yNjQtLjQ5NC4zNTctLjk3NS4zNTctMi4zNzRWNS4xMjhjMC0xLjQtLjA5My0xLjg4LS4zNTctMi4zNzRhMi4xMzUgMi4xMzUgMCAwIDAtLjg5Ny0uODk3Yy0uNDk0LS4yNjQtLjk3NS0uMzU3LTIuMzc0LS4zNTdINS4xMjh6bTAtMS41aDkuNzQ0YzEuNzgzIDAgMi40My4xODYgMy4wODIuNTM0LjY1Mi4zNDkgMS4xNjMuODYgMS41MTIgMS41MTIuMzQ4LjY1Mi41MzQgMS4yOTkuNTM0IDMuMDgydjkuNzQ0YzAgMS43ODMtLjE4NiAyLjQzLS41MzQgMy4wODJhMy42MzUgMy42MzUgMCAwIDEtMS41MTIgMS41MTJjLS42NTIuMzQ4LTEuMjk5LjUzNC0zLjA4Mi41MzRINS4xMjhjLTEuNzgzIDAtMi40My0uMTg2LTMuMDgyLS41MzRhMy42MzUgMy42MzUgMCAwIDEtMS41MTItMS41MTJDLjE4NiAxNy4zMDIgMCAxNi42NTUgMCAxNC44NzJWNS4xMjhjMC0xLjc4My4xODYtMi40My41MzQtMy4wODJBMy42MzUgMy42MzUgMCAwIDEgMi4wNDYuNTM0QzIuNjk4LjE4NiAzLjM0NSAwIDUuMTI4IDB6Ii8+PC9nPjwvc3ZnPgo=';

var areaGross = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PGcgZmlsbD0iIzVFNjg4MCI+PHBhdGggZD0iTTUuMTI4IDBoOS43NDRjMS43ODMgMCAyLjQzLjE4NiAzLjA4Mi41MzQuNjUyLjM0OSAxLjE2My44NiAxLjUxMiAxLjUxMi4zNDguNjUyLjUzNCAxLjI5OS41MzQgMy4wODJ2OS43NDRjMCAxLjc4My0uMTg2IDIuNDMtLjUzNCAzLjA4MmEzLjYzNSAzLjYzNSAwIDAgMS0xLjUxMiAxLjUxMmMtLjY1Mi4zNDgtMS4yOTkuNTM0LTMuMDgyLjUzNEg1LjEyOGMtMS43ODMgMC0yLjQzLS4xODYtMy4wODItLjUzNGEzLjYzNSAzLjYzNSAwIDAgMS0xLjUxMi0xLjUxMkMuMTg2IDE3LjMwMiAwIDE2LjY1NSAwIDE0Ljg3MlY1LjEyOGMwLTEuNzgzLjE4Ni0yLjQzLjUzNC0zLjA4MkEzLjYzNSAzLjYzNSAwIDAgMSAyLjA0Ni41MzRDMi42OTguMTg2IDMuMzQ1IDAgNS4xMjggMHoiIG9wYWNpdHk9Ii4yNSIvPjxwYXRoIGQ9Ik0yMCA1LjV2M2gtMS41di0zSDIwem0tLjAzLTJoLTEuNTJhMi41MDQgMi41MDQgMCAwIDAtMS45NS0xLjk1Vi4wM2E0IDQgMCAwIDEgMy40NyAzLjQ3em0uMDMgN1YxNGwtMS41LTEuNXYtMkgyMHpNMTQuNSAwdjEuNWgtM1YwaDN6bS01IDB2MS41aC0yTDYgMGgzLjV6Ii8+PHBhdGggZD0iTTkuNSAwdjEuNUg1LjEyOGMtMS40IDAtMS44OC4wOTMtMi4zNzQuMzU3LS4zOS4yMDktLjY4OC41MDYtLjg5Ny44OTctLjI2NC40OTQtLjM1Ny45NzUtLjM1NyAyLjM3NHY5Ljc0NGMwIDEuNC4wOTMgMS44OC4zNTcgMi4zNzQuMjA5LjM5LjUwNi42ODguODk3Ljg5Ny40OTQuMjY0Ljk3NS4zNTcgMi4zNzQuMzU3aDkuNzQ0YzEuNCAwIDEuODgtLjA5MyAyLjM3NC0uMzU3LjM5LS4yMDkuNjg4LS41MDYuODk3LS44OTcuMjY0LS40OTQuMzU3LS45NzUuMzU3LTIuMzc0VjEwLjVIMjB2NC4zNzJjMCAxLjc4My0uMTg2IDIuNDMtLjUzNCAzLjA4MmEzLjYzNSAzLjYzNSAwIDAgMS0xLjUxMiAxLjUxMmMtLjY1Mi4zNDgtMS4yOTkuNTM0LTMuMDgyLjUzNEg1LjEyOGMtMS43ODMgMC0yLjQzLS4xODYtMy4wODItLjUzNGEzLjYzNSAzLjYzNSAwIDAgMS0xLjUxMi0xLjUxMkMuMTg2IDE3LjMwMiAwIDE2LjY1NSAwIDE0Ljg3MlY1LjEyOGMwLTEuNzgzLjE4Ni0yLjQzLjUzNC0zLjA4MkEzLjYzNSAzLjYzNSAwIDAgMSAyLjA0Ni41MzRDMi42OTguMTg2IDMuMzQ1IDAgNS4xMjggMEg5LjV6Ii8+PC9nPjwvc3ZnPgo=';

var breakOption = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik0yIDBoMTZhMiAyIDAgMCAxIDIgMnYxNmEyIDIgMCAwIDEtMiAySDJhMiAyIDAgMCAxLTItMlYyYTIgMiAwIDAgMSAyLTJ6Ii8+PHBhdGggZmlsbD0iIzVFNjg4MCIgb3BhY2l0eT0iLjI1IiBkPSJNMSAxaDd2MThIMXoiLz48cGF0aCBmaWxsPSIjNUU2ODgwIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGQ9Ik05IDB2MS41SDJhLjUuNSAwIDAgMC0uNS41djE2YS41LjUgMCAwIDAgLjUuNWg3VjIwSDJhMiAyIDAgMCAxLTItMlYyYTIgMiAwIDAgMSAyLTJoN3ptMiAwaDN2MS41aC0zVjB6bTAgMjB2LTEuNWgzVjIwaC0zem01LTIwaDJhMiAyIDAgMCAxIDIgMnYyaC0xLjVWMmEuNS41IDAgMCAwLS41LS41aC0yVjB6bTAgMjB2LTEuNWgyYS41LjUgMCAwIDAgLjUtLjV2LTJIMjB2MmEyIDIgMCAwIDEtMiAyaC0yem00LTZoLTEuNXYtM0gyMHYzem0wLTh2M2gtMS41VjZIMjB6Ii8+PHBhdGggZmlsbD0iIzVFNjg4MCIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNNy41IDE4LjV2LTE3SDJhLjUuNSAwIDAgMC0uNS41djE2YS41LjUgMCAwIDAgLjUuNWg1LjV6TTIgMGg3djIwSDJhMiAyIDAgMCAxLTItMlYyYTIgMiAwIDAgMSAyLTJ6Ii8+PC9nPjwvc3ZnPgo=';

var warningCircle = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGN4PSIxMCIgY3k9IjEwIiByPSIxMCIgZmlsbD0iI0ZGRiIvPjxwYXRoIGZpbGw9IiM1RTY4ODAiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTEwIDE4YTggOCAwIDEgMCAwLTE2IDggOCAwIDAgMCAwIDE2em0wIDJDNC40NzcgMjAgMCAxNS41MjMgMCAxMFM0LjQ3NyAwIDEwIDBzMTAgNC40NzcgMTAgMTAtNC40NzcgMTAtMTAgMTB6Ii8+PHBhdGggZmlsbD0iIzVFNjg4MCIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNOSA2YTEgMSAwIDEgMSAyIDB2NGExIDEgMCAwIDEtMiAwVjZ6bTEgN2ExIDEgMCAxIDAgMCAyIDEgMSAwIDAgMCAwLTJ6Ii8+PC9nPjwvc3ZnPgo=';

var warningTriangle = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PGcgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTcuODQzIDEuNzE3YTIuNTIyIDIuNTIyIDAgMCAxIDQuMzE0IDBsNy41MDUgMTIuNTI5Yy40NDguNzc2LjQ1IDEuNzMuMDA3IDIuNTA5LS40NDEuNzc0LTEuMjYgMS4yMzUtMi4xNyAxLjI0NUgyLjQ5M2MtLjkwMS0uMDEtMS43MjEtLjQ3MS0yLjE2Mi0xLjI0NWEyLjUyNSAyLjUyNSAwIDAgMSAuMDEzLTIuNTJMNy44NDMgMS43MTh6Ii8+PHBhdGggZmlsbD0iIzVFNjg4MCIgZD0iTTcuODQzIDEuNzE3YTIuNTIyIDIuNTIyIDAgMCAxIDQuMzE0IDBsNy41MDUgMTIuNTI5Yy40NDguNzc2LjQ1IDEuNzMuMDA3IDIuNTA5LS40NDEuNzc0LTEuMjYgMS4yMzUtMi4xNyAxLjI0NUgyLjQ5M2MtLjkwMS0uMDEtMS43MjEtLjQ3MS0yLjE2Mi0xLjI0NWEyLjUyNSAyLjUyNSAwIDAgMSAuMDEzLTIuNTJMNy44NDMgMS43MTh6TTEuNjM3IDE0Ljk5NmExLjAyIDEuMDIgMCAwIDAtLjAwMyAxLjAxNi45OTMuOTkzIDAgMCAwIC44NjcuNDg4aDE0Ljk5Yy4zNzgtLjAwNC43MDMtLjE4Ny44NzUtLjQ4OC4xOC0uMzE1LjE3OS0uNzAyLjAwMy0xLjAwNkwxMC44NzMgMi40OTFhMS4wMiAxLjAyIDAgMCAwLTEuNzQ1LS4wMDFMMS42MzcgMTQuOTk2eiIvPjxwYXRoIGZpbGw9IiM1RTY4ODAiIGQ9Ik0xMCAxMi4yNWExLjUgMS41IDAgMSAxIDAgMyAxLjUgMS41IDAgMCAxIDAtM3pNOSA2YTEgMSAwIDEgMSAyIDB2NGExIDEgMCAwIDEtMiAwVjZ6Ii8+PC9nPjwvc3ZnPgo=';

var comment = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PHBhdGggZmlsbD0iIzYzNzM4MSIgZmlsbC1vcGFjaXR5PSIuMjUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlPSIjNUU2ODgwIiBzdHJva2Utd2lkdGg9IjEuNSIgZD0iTTMuNzUgMTguNDU3bDQuMDgyLTMuMjA3SDE2QTMuMjUgMy4yNSAwIDAgMCAxOS4yNSAxMlY0QTMuMjUgMy4yNSAwIDAgMCAxNiAuNzVINEEzLjI1IDMuMjUgMCAwIDAgLjc1IDR2OGEzLjI1MiAzLjI1MiAwIDAgMCAyLjQzNyAzLjE0OGwuNTYzLjE0NXYzLjE2NHoiLz48L3N2Zz4K';

var landlord = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsPSIjNjM3MzgxIiBmaWxsLW9wYWNpdHk9Ii4yNSIgZD0iTTQuNDYyIDYuNDM3Yy4wNDYuNTI1LjI1NS45NDQuNjI4IDEuMjU3LjM3My4zMTMuODIyLjQ0NiAxLjM0Ny40LjUyNC0uMDQ2Ljk0My0uMjU1IDEuMjU2LS42MjguMzEzLS4zNzMuNDQ3LS44MjIuNC0xLjM0Ny0uMDQ1LS41MjQtLjI1NC0uOTQzLS42MjgtMS4yNTYtLjM3My0uMzEzLS44MTYtLjQ0Mi0xLjMzLS4zODdhMS44NDQgMS44NDQgMCAwIDAtMS42NzQgMS45NjF6bTYuOTg2IDEuNzY4bDcuMjc1IDYuMTA0LTIuMzc2IDIuODMtMS40MTUtMS4xODctMi4zNDggMi43OTgtMi43OTctMi4zNDggMi4zNDctMi43OTgtMy4wNjEtMi41NjhhNS4yNjMgNS4yNjMgMCAwIDEtMy4yMTMuNzUzYy0xLjE1Ny0uMDkyLTIuMTk2LS41MjQtMy4xMTgtMS4yOThDMS41OCA5LjUxNi45MzIgOC4yNzEuOCA2Ljc1N2MtLjEzMi0xLjUxMy4yOS0yLjg1MSAxLjI2Ni00LjAxNEMzLjA0IDEuNTggNC4yODUuOTMzIDUuNzk5LjhjMS41MTMtLjEzMyAyLjg1MS4yODkgNC4wMTQgMS4yNjUuOTIyLjc3MyAxLjUyOCAxLjcyMiAxLjgyIDIuODQ1YTUuMjYzIDUuMjYzIDAgMCAxLS4xODUgMy4yOTV6Ii8+PHBhdGggZmlsbD0iIzVFNjg4MCIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMy42ODUgNi40NzNsLS4wMDItLjAzYTIuNTkzIDIuNTkzIDAgMCAxIC42MDktMS44MzZjLjQ0LS41MjQgMS4wMy0uODMgMS43MzQtLjkwNi43MTMtLjA3NyAxLjM2LjExMiAxLjg5Mi41NTguNTMuNDQ0LjgzIDEuMDQ3Ljg5NCAxLjc2Ni4wNjMuNzE4LS4xMyAxLjM2NS0uNTc0IDEuODk0LS40NDMuNTI5LTEuMDQ3LjgzLTEuNzY1Ljg5My0uNzE5LjA2My0xLjM2NS0uMTMtMS44OTQtLjU3My0uNTMtLjQ0NC0uODMtMS4wNDctLjg5NC0xLjc2NnptMS44NTguNjE3Yy4yMTcuMTgyLjQ2OC4yNTcuNzk5LjIyOC4zMy0uMDI5LjU2NS0uMTQ2Ljc0Ny0uMzYzLjE4My0uMjE4LjI1Ny0uNDY5LjIyOC0uOC0uMDI4LS4zMy0uMTQ2LS41NjUtLjM2My0uNzQ3LS4yMTQtLjE4LS40NTQtLjI1LS43NjgtLjIxNi0uMzI0LjAzNS0uNTYuMTU3LS43NDUuMzc5YTEuMDkyIDEuMDkyIDAgMCAwLS4yNi43ODdjLjAzMS4zMjIuMTQ4LjU1Mi4zNjIuNzMyem00Ljk4MyAxLjMxNmwuMTkzLS41Yy4zNTgtLjkyNy40MS0xLjg2NS4xNTktMi44MzctLjI1Mi0uOTctLjc3My0xLjc4NS0xLjU3Ni0yLjQ1OS0xLjAxLS44NDgtMi4xNTItMS4yMDctMy40NjctMS4wOTItMS4zMTYuMTE1LTIuMzc3LjY2Ny0zLjIyNSAxLjY3OC0uODQ4IDEuMDEtMS4yMDggMi4xNTItMS4wOTMgMy40NjcuMTE1IDEuMzE1LjY2OCAyLjM3NyAxLjY3OCAzLjIyNS44MDQuNjc0IDEuNjk1IDEuMDQ1IDIuNjk1IDEuMTI1YTQuNTA2IDQuNTA2IDAgMCAwIDIuNzY2LS42NDlsLjQ2LS4yNzcgNC4wNDUgMy4zOTYtMi4zNDcgMi43OTcgMS42NDkgMS4zODQgMi4zNDctMi43OTggMS40MTYgMS4xODggMS40MS0xLjY4Mi03LjExLTUuOTY2em05LjIyNCA1Ljc4MWwtMy4zNCAzLjk4LTEuNDE1LTEuMTg4LTIuMzQ4IDIuNzk4LTMuOTQ2LTMuMzEyIDIuMzQ3LTIuNzk4LTIuMDk0LTEuNzU3YTYuMDAzIDYuMDAzIDAgMCAxLTMuMTgyLjU5OGMtMS4zMTQtLjEwNS0yLjUtLjU5OS0zLjU0LTEuNDcxQy45MTUgOS45MzMuMTcxIDguNTA1LjAyMSA2Ljc5NC0uMTI4IDUuMDgyLjM1NiAzLjU0NyAxLjQ2IDIuMjMyIDIuNTY1LjkxNiAzLjk5Mi4xNzMgNS43MDQuMDIzYzEuNzExLS4xNSAzLjI0Ni4zMzQgNC41NjIgMS40MzggMS4wNC44NzMgMS43MzIgMS45NTYgMi4wNjMgMy4yMzFhNi4wMDMgNi4wMDMgMCAwIDEtLjAzNiAzLjIzOGw3LjQ1NyA2LjI1N3oiLz48L2c+PC9zdmc+Cg==';

var draft = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PGcgZmlsbD0ibm9uZSI+PGNpcmNsZSBjeD0iMTAiIGN5PSIxMCIgcj0iOSIgZmlsbD0iI0ZGRiIvPjxwYXRoIGZpbGw9IiMwMDdBQ0UiIGQ9Ik0xMS45ODggMTkuNzhhMSAxIDAgMCAxLS4yMi0xLjk3NiA3LjkzNSA3LjkzNSAwIDAgMCAyLjQ3LTEuMDIgMSAxIDAgMCAxIDEuMDU1IDEuNyA5Ljk3MyA5Ljk3MyAwIDAgMS0zLjA4MyAxLjI3MiAxLjAzNCAxLjAzNCAwIDAgMS0uMjIyLjAyNHptLTQuMDAyLS4wMDhjLS4wNzYgMC0uMTUtLjAwOC0uMjI1LS4wMjVhOS45OTcgOS45OTcgMCAwIDEtMy4wOS0xLjI4NSAxIDEgMCAxIDEgMS4wNjUtMS42OTNjLjc2LjQ4IDEuNTk4LjgyOCAyLjQ3NSAxLjAzYS45OTkuOTk5IDAgMCAxLS4yMjMgMS45NzR2LS4wMDJsLS4wMDIuMDAxem05LjYyNi0zLjk2N2ExLjAwMiAxLjAwMiAwIDAgMS0uODQ1LTEuNTMzYy40OC0uNzYuODMtMS41OTYgMS4wMzMtMi40NzJhMSAxIDAgMSAxIDEuOTUuNDUgMTAuMDU4IDEwLjA1OCAwIDAgMS0xLjI4NiAzLjA5Ljk5OS45OTkgMCAwIDEtLjg1Mi40NjV6bS0xNS4yNDQtLjAyOGEuOTg3Ljk4NyAwIDAgMS0uODQtLjQ2NWwtLjAxOC0uMDI4YTkuOTQ4IDkuOTQ4IDAgMCAxLTEuMjYzLTMuMDY3IDEgMSAwIDAgMSAxLjk1LS40NDNjLjIuODczLjU0MyAxLjcwNiAxLjAyIDIuNDY1YTEgMSAwIDAgMS0uODQ4IDEuNTM3bC0uMDAxLjAwMXpNMTguNzggOS4wMThhLjk5OS45OTkgMCAwIDEtLjk3My0uNzggOC4wNTQgOC4wNTQgMCAwIDAtMS4wMjMtMi40NzggMS4wMTQgMS4wMTQgMCAwIDEgLjMxLTEuMzkuOTkzLjk5MyAwIDAgMSAxLjM3LjI5OHYuMDAzbC4wMjIuMDM1Yy41OTQuOTUzIDEuMDI0IDIgMS4yNyAzLjA5NWExIDEgMCAwIDEtLjc1IDEuMmgtLjAwM2MtLjA3My4wMTQtLjE0OC4wMi0uMjIyLjAxOGwtLjAwMS0uMDAxek0xLjIyOCA4Ljk5MmExLjAwMiAxLjAwMiAwIDAgMS0uOTgxLTEuMjIzdi0uMDA0Yy4yNTItMS4wOTUuNjg0LTIuMTQgMS4yOC0zLjA5M2ExLjAwMyAxLjAwMyAwIDAgMSAxLjcwMSAxLjA2M2MtLjQ4Ljc2My0uODI3IDEuNi0xLjAyOCAyLjQ4YTEgMSAwIDAgMS0uOTcyLjc3NnYuMDAxem0xMy41NTgtNS42MTVhLjk4My45ODMgMCAwIDEtLjUzLS4xNTRBOCA4IDAgMCAwIDExLjc3OSAyLjJhMSAxIDAgMSAxIC4zNzktMS45NjRsLjA2My4wMTRhOS45MyA5LjkzIDAgMCAxIDMuMSAxLjI4Yy40NjguMjkzLjYxLjkxLjMxNSAxLjM3OGEuOTk0Ljk5NCAwIDAgMS0uODQ3LjQ2OGgtLjAwNGwuMDAxLjAwMXpNNS4yMjQgMy4zN2MtLjM0LjAwMi0uNjU3LS4xNy0uODQzLS40NTRhLjk5NS45OTUgMCAwIDEgLjQwMy0xLjQ0M0E5LjcxNyA5LjcxNyAwIDAgMSA3Ljc3Ni4yNDlhMSAxIDAgMSAxIC40NDUgMS45NWMtLjg3LjItMS43MDMuNTQ0LTIuNDYgMS4wMTgtLjE2LjEtLjM0Ny4xNTMtLjUzNi4xNTJsLS4wMDEuMDAxeiIvPjwvZz48L3N2Zz4K';

var inApprovals = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PGcgZmlsbD0ibm9uZSI+PGNpcmNsZSBjeD0iMTAiIGN5PSIxMCIgcj0iOSIgZmlsbD0iI0ZGRiIvPjxwYXRoIGZpbGw9IiM5QzZGMTkiIGQ9Ik0xMS45ODggMTkuNzhhMSAxIDAgMCAxLS4yMi0xLjk3NiA3LjkzNSA3LjkzNSAwIDAgMCAyLjQ3LTEuMDIgMSAxIDAgMCAxIDEuMDU1IDEuNyA5Ljk3MyA5Ljk3MyAwIDAgMS0zLjA4MyAxLjI3MiAxLjAzNCAxLjAzNCAwIDAgMS0uMjIyLjAyNHptLTQuMDAyLS4wMDhjLS4wNzYgMC0uMTUtLjAwOC0uMjI1LS4wMjVhOS45OTcgOS45OTcgMCAwIDEtMy4wOS0xLjI4NSAxIDEgMCAxIDEgMS4wNjUtMS42OTNjLjc2LjQ4IDEuNTk4LjgyOCAyLjQ3NSAxLjAzYS45OTkuOTk5IDAgMCAxLS4yMjMgMS45NzR2LS4wMDJsLS4wMDIuMDAxem05LjYyNi0zLjk2N2ExLjAwMiAxLjAwMiAwIDAgMS0uODQ1LTEuNTMzYy40OC0uNzYuODMtMS41OTYgMS4wMzMtMi40NzJhMSAxIDAgMSAxIDEuOTUuNDUgMTAuMDU4IDEwLjA1OCAwIDAgMS0xLjI4NiAzLjA5Ljk5OS45OTkgMCAwIDEtLjg1Mi40NjV6bS0xNS4yNDQtLjAyOGEuOTg3Ljk4NyAwIDAgMS0uODQtLjQ2NWwtLjAxOC0uMDI4YTkuOTQ4IDkuOTQ4IDAgMCAxLTEuMjYzLTMuMDY3IDEgMSAwIDAgMSAxLjk1LS40NDNjLjIuODczLjU0MyAxLjcwNiAxLjAyIDIuNDY1YTEgMSAwIDAgMS0uODQ4IDEuNTM3bC0uMDAxLjAwMXpNMTguNzggOS4wMThhLjk5OS45OTkgMCAwIDEtLjk3My0uNzggOC4wNTQgOC4wNTQgMCAwIDAtMS4wMjMtMi40NzggMS4wMTQgMS4wMTQgMCAwIDEgLjMxLTEuMzkuOTkzLjk5MyAwIDAgMSAxLjM3LjI5OHYuMDAzbC4wMjIuMDM1Yy41OTQuOTUzIDEuMDI0IDIgMS4yNyAzLjA5NWExIDEgMCAwIDEtLjc1IDEuMmgtLjAwM2MtLjA3My4wMTQtLjE0OC4wMi0uMjIyLjAxOGwtLjAwMS0uMDAxek0xLjIyOCA4Ljk5MmExLjAwMiAxLjAwMiAwIDAgMS0uOTgxLTEuMjIzdi0uMDA0Yy4yNTItMS4wOTUuNjg0LTIuMTQgMS4yOC0zLjA5M2ExLjAwMyAxLjAwMyAwIDAgMSAxLjcwMSAxLjA2M2MtLjQ4Ljc2My0uODI3IDEuNi0xLjAyOCAyLjQ4YTEgMSAwIDAgMS0uOTcyLjc3NnYuMDAxem0xMy41NTgtNS42MTVhLjk4My45ODMgMCAwIDEtLjUzLS4xNTRBOCA4IDAgMCAwIDExLjc3OSAyLjJhMSAxIDAgMSAxIC4zNzktMS45NjRsLjA2My4wMTRhOS45MyA5LjkzIDAgMCAxIDMuMSAxLjI4Yy40NjguMjkzLjYxLjkxLjMxNSAxLjM3OGEuOTk0Ljk5NCAwIDAgMS0uODQ3LjQ2OGgtLjAwNGwuMDAxLjAwMXpNNS4yMjQgMy4zN2MtLjM0LjAwMi0uNjU3LS4xNy0uODQzLS40NTRhLjk5NS45OTUgMCAwIDEgLjQwMy0xLjQ0M0E5LjcxNyA5LjcxNyAwIDAgMSA3Ljc3Ni4yNDlhMSAxIDAgMSAxIC40NDUgMS45NWMtLjg3LjItMS43MDMuNTQ0LTIuNDYgMS4wMTgtLjE2LjEtLjM0Ny4xNTMtLjUzNi4xNTJsLS4wMDEuMDAxeiIvPjxwYXRoIGZpbGw9IiM5Nzk3OTciIGQ9Ik0xMy44MiAxOS4yNDRsLS43NjQtMS44NDhhOC4wMDIgOC4wMDIgMCAwIDAtLjA1LTE0LjgxMkwxMy43NTguNzNhMTAuMDAyIDEwLjAwMiAwIDAgMSAuMDYzIDE4LjUxNHoiLz48L2c+PC9zdmc+Cg==';

var executed = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PGcgZmlsbD0ibm9uZSI+PGNpcmNsZSBjeD0iMTAiIGN5PSIxMCIgcj0iOSIgZmlsbD0iI0ZGRiIvPjxwYXRoIGZpbGw9IiMxMDgwNDMiIGQ9Ik0yLjkyNiAyLjkyNGMzLjkxLTMuOTAzIDEwLjI0Ni0zLjg5NyAxNC4xNS4wMTJzMy44OTggMTAuMjQtLjAxMiAxNC4xNDJjLTMuOTA1IDMuODk3LTEwLjIzIDMuODk3LTE0LjEzNSAwLTMuOTA0LTMuOTEtMy45MDQtMTAuMjQ0IDAtMTQuMTU0aC0uMDAzem0xLjQxMyAxMi43NDNhOC4wMTQgOC4wMTQgMCAwIDAgMTEuMzMtLjAwNiA4LjAwNSA4LjAwNSAwIDAgMC0uMDA3LTExLjMyNSA4LjAxMyA4LjAxMyAwIDAgMC0xMS4zMjMgMCA3Ljg4NiA3Ljg4NiAwIDAgMC0yLjI3MyA0LjY2M2g3LjUzbC0xLjMwMi0xLjI5YTEuMDA1IDEuMDA1IDAgMSAxIDEuNDIyLTEuNDIyTDEyLjcyIDkuMjljLjM5LjM5Mi4zOSAxLjAyNyAwIDEuNDJsLTMuMDA0IDMuMDAzYTEuMDE2IDEuMDE2IDAgMCAxLTEuNDIyIDAgMS4wMDggMS4wMDggMCAwIDEgMC0xLjQyTDkuNTk2IDExaC03LjUzYTcuODk0IDcuODk0IDAgMCAwIDIuMjczIDQuNjY2eiIvPjwvZz48L3N2Zz4K';

var completed = 'data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjAgMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGZpbGw9IiNGRkYiIGN4PSIxMCIgY3k9IjEwIiByPSI5Ii8+PHBhdGggZD0iTTEwIDBDNC40ODYgMCAwIDQuNDg2IDAgMTBzNC40ODYgMTAgMTAgMTAgMTAtNC40ODYgMTAtMTBTMTUuNTE0IDAgMTAgMG0wIDE4Yy00LjQxIDAtOC0zLjU5LTgtOHMzLjU5LTggOC04IDggMy41OSA4IDgtMy41OSA4LTggOG0yLjI5My0xMC43MDdMOSAxMC41ODYgNy43MDcgOS4yOTNhMSAxIDAgMSAwLTEuNDE0IDEuNDE0bDIgMmEuOTk3Ljk5NyAwIDAgMCAxLjQxNCAwbDQtNGExIDEgMCAxIDAtMS40MTQtMS40MTQiIGZpbGw9IiM5MTlFQUIiLz48L2c+PC9zdmc+Cg==';

var failed = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGN4PSIxMCIgY3k9IjEwIiByPSI5IiBmaWxsPSIjRkZGIi8+PHBhdGggZD0iTTEwIDBDNC40ODYgMCAwIDQuNDg2IDAgMTBzNC40ODYgMTAgMTAgMTAgMTAtNC40ODYgMTAtMTBTMTUuNTE0IDAgMTAgMG0wIDE4Yy00LjQxMSAwLTgtMy41ODktOC04czMuNTg5LTggOC04IDggMy41ODkgOCA4LTMuNTg5IDgtOCA4bTMuNzA3LTExLjcwN2EuOTk5Ljk5OSAwIDAgMC0xLjQxNCAwTDEwIDguNTg2IDcuNzA3IDYuMjkzYS45OTkuOTk5IDAgMSAwLTEuNDE0IDEuNDE0TDguNTg2IDEwbC0yLjI5MyAyLjI5M2EuOTk5Ljk5OSAwIDEgMCAxLjQxNCAxLjQxNEwxMCAxMS40MTRsMi4yOTMgMi4yOTNhLjk5Ny45OTcgMCAwIDAgMS40MTQgMCAuOTk5Ljk5OSAwIDAgMCAwLTEuNDE0TDExLjQxNCAxMGwyLjI5My0yLjI5M2EuOTk5Ljk5OSAwIDAgMCAwLTEuNDE0Ii8+PC9nPjwvc3ZnPgo=';

var requestChanges = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PHBhdGggZD0iTTcuNCA4LjAxNWMzLjEuMDQ3IDQuMzU1LjIzMiA1LjY0NC44MjdDMTUuMTE2IDkuNzk4IDE2IDExLjcwOSAxNiAxNWExIDEgMCAwIDEtMiAwYzAtNC4wMzUtLjc3OS00Ljg0Ny02LjU2NC00Ljk3OGwyLjI3MSAyLjI3YTEgMSAwIDEgMS0xLjQxNCAxLjQxNWwtNC00YTEgMSAwIDAgMSAwLTEuNDE0bDQtNGExIDEgMCAwIDEgMS40MTQgMS40MTRMNy40IDguMDE1eiIvPjwvc3ZnPgo=';

var styles$3 = {
  "Icon": "p_uo",
  "hasBackdrop": "p_g1",
  "isColored": "p_zk",
  "colorWhite": "p_f6",
  "colorBlack": "p_i7",
  "colorSkyLighter": "p_gx",
  "colorSkyLight": "p_n7",
  "colorSky": "p_q9",
  "colorSkyDark": "p_jb",
  "colorInkLightest": "p_hr",
  "colorInkLighter": "p_r6",
  "colorInkLight": "p_wa",
  "colorInk": "p_v0",
  "colorBlueLighter": "p_nu",
  "colorBlueLight": "p_ax",
  "colorBlue": "p_le",
  "colorBlueDark": "p_d2",
  "colorBlueDarker": "p_rv",
  "colorIndigoLighter": "p_c9",
  "colorIndigoLight": "p_od",
  "colorIndigo": "p_l8",
  "colorIndigoDark": "p_o4",
  "colorIndigoDarker": "p_g4",
  "colorTealLighter": "p_wn",
  "colorTealLight": "p_g0",
  "colorTeal": "p_j2",
  "colorTealDark": "p_rb",
  "colorTealDarker": "p_vy",
  "colorGreenLighter": "p_xn",
  "colorGreen": "p_zv",
  "colorGreenDark": "p_l1",
  "colorYellowLighter": "p_zm",
  "colorYellow": "p_d6",
  "colorYellowDark": "p_hu",
  "colorOrange": "p_qq",
  "colorOrangeDark": "p_m2",
  "colorRedLighter": "p_u2",
  "colorRed": "p_op",
  "colorRedDark": "p_mu",
  "colorPurple": "p_nz",
  "Svg": "p_f7",
  "Placeholder": "p_sh",
};

const BUNDLED_ICONS = {
    add,
    alert,
    arrowDown,
    arrowLeft,
    arrowRight,
    arrowUp,
    arrowUpDown,
    calendar,
    cancel,
    cancelSmall,
    caretDown,
    caretUp,
    checkmark,
    chevronDown,
    chevronLeft,
    chevronRight,
    chevronUp,
    circleCancel,
    circleChevronDown,
    circleChevronLeft,
    circleChevronRight,
    circleChevronUp,
    circleInformation,
    circlePlus,
    conversation,
    delete: deleteIcon,
    disable,
    dispute,
    duplicate,
    embed,
    export: exportIcon,
    external,
    help,
    horizontalDots,
    import: importIcon,
    menu,
    notes,
    notification,
    print,
    refresh,
    risk,
    save,
    search,
    subtract,
    view,
    edit,
    checkmarkLarge,
    clock,
    notificationCircle,
    activity,
    location,
    misc,
    person,
    tag,
    warning,
    mail,
    phone,
    attentionFilled,
    circleCheckmark,
    circleInformationFilled,
    property,
    date,
    dateStart,
    dateEnd,
    breakOption,
    areaSales,
    areaGross,
    warningCircle,
    warningTriangle,
    comment,
    landlord,
    draft,
    inApprovals,
    executed,
    completed,
    failed,
    requestChanges
};
const COLORS_WITH_BACKDROPS = ['teal', 'tealDark', 'greenDark', 'redDark', 'yellowDark', 'ink', 'inkLighter', 'inkLightest'];
function Icon$1({ source, color, backdrop, accessibilityLabel, polaris: { intl } }) {
    if (color && backdrop && COLORS_WITH_BACKDROPS.indexOf(color) < 0) {
        // eslint-disable-next-line no-console
        console.warn(intl.translate('Polaris.Icon.backdropWarning', {
            color,
            colorsWithBackDrops: COLORS_WITH_BACKDROPS.join(', ')
        }));
    }
    const className = classNames$1(styles$3.Icon, color && styles$3[variationName$1('color', color)], color && color !== 'white' && styles$3.isColored, backdrop && styles$3.hasBackdrop);
    let contentMarkup;
    if (source === 'placeholder') {
        contentMarkup = createElement('div', { className: styles$3.Placeholder });
    } else {
        const iconSource = typeof source === 'string' ? BUNDLED_ICONS[source] : source;
        contentMarkup = iconSource && iconSource.viewBox && iconSource.body && createElement('svg', { className: styles$3.Svg, viewBox: iconSource.viewBox, dangerouslySetInnerHTML: { __html: iconSource.body }, focusable: 'false', 'aria-hidden': 'true' });
    }
    return createElement(
        'span',
        { className: className, 'aria-label': accessibilityLabel },
        contentMarkup
    );
}
var Icon$2 = withAppProvider()(Icon$1);

const scrollable = {
    props: { 'data-polaris-scrollable': true },
    selector: '[data-polaris-scrollable]'
};
const overlay = {
    props: { 'data-polaris-overlay': true },
    selector: '[data-polaris-overlay]'
};
const layer = {
    props: { 'data-polaris-layer': true },
    selector: '[data-polaris-layer]'
};
const unstyled = {
    props: { 'data-polaris-unstyled': true },
    selector: '[data-polaris-unstyled]'
};
// these match our values in duration.scss
var Duration;
(function (Duration) {
    Duration[Duration["Instant"] = 0] = "Instant";
    Duration[Duration["Fast"] = 100] = "Fast";
    Duration[Duration["Base"] = 200] = "Base";
    Duration[Duration["Slow"] = 300] = "Slow";
    Duration[Duration["Slower"] = 400] = "Slower";
    Duration[Duration["Slowest"] = 500] = "Slowest";
})(Duration || (Duration = {}));

const { Provider, Consumer } = createContext({
    forwardedRef: null
});

function withRef$1() {
    return function addForwardRef(WrappedComponent) {
        // eslint-disable-next-line react/prefer-stateless-function
        class WithRef extends Component {
            render() {
                return createElement(
                    Consumer,
                    null,
                    ctx => createElement(WrappedComponent, Object.assign({}, this.props, { ref: ctx.forwardedRef }))
                );
            }
        }
        const FinalComponent = hoistStatics(WithRef, WrappedComponent);
        return FinalComponent;
    };
}

// eslint-disable-next-line shopify/strict-component-boundaries
function compose$1(...wrappingFunctions) {
    return function wrapComponent(OriginalComponent) {
        const Result = compose(...wrappingFunctions)(OriginalComponent);
        return forwardRef((props, ref) => {
            return createElement(
                Provider,
                { value: { forwardedRef: ref } },
                createElement(Result, props)
            );
        });
    };
}

class UnstyledLink$1 extends PureComponent {
    render() {
        const _a = this.props,
              { polaris, external, url } = _a,
              rest = __rest(_a, ["polaris", "external", "url"]);
        if (polaris && polaris.link) {
            const LinkComponent = polaris.link.getLinkComponent();
            if (LinkComponent) {
                const _b = this.props,
                      { polaris } = _b,
                      rest = __rest(_b, ["polaris"]);
                return createElement(LinkComponent, Object.assign({}, unstyled.props, rest));
            }
        }
        const target$$1 = external ? '_blank' : undefined;
        const rel = external ? 'noopener noreferrer' : undefined;
        return createElement('a', Object.assign({ target: target$$1 }, rest, { href: url, rel: rel }, unstyled.props));
    }
}
var UnstyledLink$2 = compose$1(withAppProvider(), withRef$1())(UnstyledLink$1);

var styles$4 = {
  "VisuallyHidden": "p_bb",
};

function VisuallyHidden$1({ children }) {
    return createElement(
        'span',
        { className: styles$4.VisuallyHidden },
        children
    );
}

var styles$5 = {
  "Badge": "p_cf",
  "Pip": "p_f3",
  "statusSuccess": "p_mn",
  "statusInfo": "p_sf",
  "statusAttention": "p_ee",
  "statusWarning": "p_ny",
  "statusDanger": "p_cy",
  "statusNew": "p_lx",
  "progressIncomplete": "p_ci",
  "progressPartiallyComplete": "p_rt",
  "progressComplete": "p_lw",
  "Icon": "p_qn",
  "hasIcon": "p_pk",
};

const PROGRESS_LABELS = {
    incomplete: 'incomplete',
    partiallyComplete: 'partiallyComplete',
    complete: 'complete'
};
const STATUS_LABELS = {
    info: 'info',
    success: 'success',
    warning: 'warning',
    attention: 'attention',
    new: 'new',
    danger: 'danger'
};
function Badge$1({ children, status, progress, icon, polaris: { intl } }) {
    const className = classNames$1(styles$5.Badge, status && styles$5[variationName$1('status', status)], progress && styles$5[variationName$1('progress', progress)], icon && styles$5.hasIcon);
    let progressMarkup;
    switch (progress) {
        case PROGRESS_LABELS.incomplete:
            progressMarkup = intl.translate('Polaris.Badge.PROGRESS_LABELS.incomplete');
            break;
        case PROGRESS_LABELS.partiallyComplete:
            progressMarkup = intl.translate('Polaris.Badge.PROGRESS_LABELS.partiallyComplete');
            break;
        case PROGRESS_LABELS.complete:
            progressMarkup = intl.translate('Polaris.Badge.PROGRESS_LABELS.complete');
            break;
    }
    const pipMarkup = progress ? createElement(
        'span',
        { className: styles$5.Pip },
        createElement(
            VisuallyHidden$1,
            null,
            progressMarkup
        )
    ) : null;
    const iconMarkup = icon ? createElement(
        'span',
        { className: styles$5.Icon },
        createElement(Icon$2, { source: icon })
    ) : null;
    let statusMarkup;
    switch (status) {
        case STATUS_LABELS.info:
            statusMarkup = intl.translate('Polaris.Badge.STATUS_LABELS.info');
            break;
        case STATUS_LABELS.success:
            statusMarkup = intl.translate('Polaris.Badge.STATUS_LABELS.success');
            break;
        case STATUS_LABELS.warning:
            statusMarkup = intl.translate('Polaris.Badge.STATUS_LABELS.warning');
            break;
        case STATUS_LABELS.attention:
            statusMarkup = intl.translate('Polaris.Badge.STATUS_LABELS.attention');
            break;
        case STATUS_LABELS.danger:
            statusMarkup = intl.translate('Polaris.Badge.STATUS_LABELS.danger');
            break;
        case STATUS_LABELS.new:
            statusMarkup = intl.translate('Polaris.Badge.STATUS_LABELS.new');
            break;
    }
    const statusLabelMarkup = status ? createElement(
        VisuallyHidden$1,
        null,
        statusMarkup
    ) : null;
    return createElement(
        'span',
        { className: className },
        statusLabelMarkup,
        pipMarkup,
        iconMarkup,
        children
    );
}
var Badge$2 = withAppProvider()(Badge$1);

var styles$6 = {
  "ActionList": "p_ah",
  "Section-withoutTitle": "p_hh",
  "Actions": "p_ca",
  "Section": "p_w3",
  "Title": "p_n9",
  "Item": "p_wo",
  "destructive": "p_jy",
  "disabled": "p_er",
  "Image": "p_bj",
  "Content": "p_qx",
  "Text": "p_nr",
  "BadgeWrapper": "p_do",
};

function Item$1({ badge, content, url, onAction, icon, iconColor, image, disabled, external, destructive, ellipsis }) {
  const className = classNames(styles$6.Item, disabled && styles$6.disabled, destructive && styles$6.destructive);
  let imageElement = null;
  if (icon) {
    imageElement = createElement(
      'div',
      { className: styles$6.Image },
      createElement(Icon$2, { source: icon, color: iconColor })
    );
  } else if (image) {
    imageElement = createElement('div', { role: 'presentation', className: styles$6.Image, style: { backgroundImage: `url(${image}` } });
  }
  const contentMarkup = ellipsis && content ? `${content}…` : content;
  const badgeMarkup = badge && createElement(
    'span',
    { className: styles$6.BadgeWrapper },
    createElement(
      Badge$2,
      { status: badge.status },
      badge.content
    )
  );
  const textMarkup = imageElement ? createElement(
    'div',
    { className: styles$6.Text },
    contentMarkup
  ) : contentMarkup;
  const contentElement = createElement(
    'div',
    { className: styles$6.Content },
    imageElement,
    textMarkup,
    badgeMarkup
  );
  const control = url ? createElement(
    UnstyledLink$2,
    { url: url, onClick: onAction, className: styles$6.Item, external: external },
    contentElement
  ) : createElement(
    'button',
    { onClick: onAction, className: className, disabled: disabled, type: 'button' },
    contentElement
  );
  return createElement(
    'li',
    null,
    control
  );
}

function Section$1({ section, hasMultipleSections, onActionAnyItem }) {
    const handleAction = itemOnAction => {
        return () => {
            if (itemOnAction) {
                itemOnAction();
            }
            if (onActionAnyItem) {
                onActionAnyItem();
            }
        };
    };
    const actionMarkup = section.items.map((_a, index) => {
        var { content, onAction } = _a,
            item = __rest(_a, ["content", "onAction"]);
        return createElement(Item$1, Object.assign({ key: `${content}-${index}`, content: content, onAction: handleAction(onAction) }, item));
    });
    const className = section.title ? null : styles$6['Section-withoutTitle'];
    const titleMarkup = section.title ? createElement(
        'p',
        { className: styles$6.Title },
        section.title
    ) : null;
    const sectionMarkup = createElement(
        'div',
        { className: className },
        titleMarkup,
        createElement(
            'ul',
            { className: styles$6.Actions },
            actionMarkup
        )
    );
    return hasMultipleSections ? createElement(
        'li',
        { className: styles$6.Section },
        sectionMarkup
    ) : sectionMarkup;
}

function ActionList$1({ items, sections = [], onActionAnyItem }) {
    let finalSections = [];
    if (items) {
        finalSections = [{ items }, ...sections];
    } else if (sections) {
        finalSections = sections;
    }
    const hasMultipleSections = finalSections.length > 1;
    const Element = hasMultipleSections ? 'ul' : 'div';
    const sectionMarkup = finalSections.map((section, index) => {
        return createElement(Section$1, { key: section.title || index, section: section, onActionAnyItem: onActionAnyItem, hasMultipleSections: hasMultipleSections });
    });
    return createElement(
        Element,
        { className: styles$6.ActionList },
        sectionMarkup
    );
}

function Image$1(_a) {
    var { sourceSet, source, crossOrigin } = _a,
        rest = __rest(_a, ["sourceSet", "source", "crossOrigin"]);
    const finalSourceSet = sourceSet ? sourceSet.map(({ source: subSource, descriptor }) => `${subSource} ${descriptor}`).join(',') : null;
    return finalSourceSet ?
    // eslint-disable-next-line jsx-a11y/alt-text
    createElement("img", Object.assign({ src: source, srcSet: finalSourceSet, crossOrigin: crossOrigin }, rest)) :
    // eslint-disable-next-line jsx-a11y/alt-text
    createElement("img", Object.assign({ src: source }, rest, { crossOrigin: crossOrigin }));
}

var styles$7 = {
  "Avatar": "p_lb",
  "sizeExtraSmall": "p_yr",
  "sizeSmall": "p_rx",
  "sizeMedium": "p_xt",
  "sizeLarge": "p_fz",
  "styleOne": "p_n3",
  "styleTwo": "p_ry",
  "styleThree": "p_ld",
  "styleFour": "p_wm",
  "styleFive": "p_a6",
  "styleSix": "p_dr",
  "hasImage": "p_qp",
  "Image": "p_ed",
  "Initials": "p_qj",
  "Svg": "p_p0",
};

var avatar1 = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48cGF0aCBmaWxsPSIjMjQ1YjQ4IiBkPSJNMCAwaDEwMHYxMDBIMHoiLz48cGF0aCBmaWxsPSIjMmRiMTY3IiBkPSJNNjkgMHY2NS42NWwtMi0uMDF2MTkuODVsMiAuMDJWMTAwSDBWMGg2OXoiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNNjcgNjUuNjR2MTkuODVsLTI1LjU3LS4xOUMzMiA4NS4yMiAyNS42IDgxLjQ2IDI1LjY4IDcyLjA2cy4yNS02Ljc0LjI1LTYuNzR6Ii8+PHBhdGggZmlsbD0iIzhkYzk1OCIgZD0iTTg2Ljk5IDU4SDY5VjBoMTAuOTNsNy4wNiA1OHoiLz48cGF0aCBmaWxsPSIjZWJlZGYxIiBkPSJNMjQuNTMgNDAuMjlhMTIuMjMgMTIuMjMgMCAwIDEgMjQuNDYgMCIgb3BhY2l0eT0iLjIiLz48cGF0aCBmaWxsPSIjOGRjOTU4IiBkPSJNNTkuNjIgNThBMTAuNjkgMTAuNjkgMCAwIDEgODEgNTh6Ii8+PC9zdmc+Cg==';

var avatar2 = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48cGF0aCBmaWxsPSIjMWUyNjVjIiBkPSJNLS4wMSAwaDEwMHYxMDBoLTEwMHoiLz48cGF0aCBmaWxsPSIjNWQ2Y2MxIiBkPSJNLS4wMSAwaDY5LjAydjEwMEgtLjAxeiIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik02OC45MyA2NS44OGwtMjQuNDQtLjE5LS4wNSA2LjA5YzAgNS4yMiAzLjQ4IDkuNDcgOC42OSA5LjUybDE1LjguMTJ6Ii8+PHBhdGggZmlsbD0iI2ZmYzA0ZCIgZD0iTTY4LjkxIDExLjNsMTkuMTcgNDYuMjktMTkuMTctLjE2VjExLjN6Ii8+PHBhdGggZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjZmZmIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIGQ9Ik0yMy4yNSAzNi40M2EzLjIyIDMuMjIgMCAxIDAgMCA2LjQ0bTIxLjAxLTYuNDRhMy4yMiAzLjIyIDAgMCAwIDAgNi40NG0tMTMuNTUgMy43NGEzLjIyIDMuMjIgMCAxIDAgMCA2LjQ0bTMuMjItMjUuNTFhMy4yMiAzLjIyIDAgMCAwIDAgNi40NCIvPjwvc3ZnPgo=';

var avatar3 = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48cGF0aCBmaWxsPSIjNWQ2Y2MxIiBkPSJNLS4wMiAwaDEwMHYxMDBoLTEwMHoiLz48cGF0aCBmaWxsPSIjNmRjYWNlIiBkPSJNLjM5IDBoNjkuMDJ2MTAwSC4zOXoiLz48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjUiIGQ9Ik0yNC4xOCAzMS4yMXYzLjQ3QTEwLjQzIDEwLjQzIDAgMCAwIDM0LjQgNDUuMjFhMTAuNDMgMTAuNDMgMCAwIDAgMTAuMjItMTAuNTN2LTMuNDciLz48cGF0aCBmaWxsPSIjZWJlZGYxIiBkPSJNMjAuMTEgNDkuMDdhMTYuMjIgMTYuMjIgMCAxIDEgMCAzMi40NCIgb3BhY2l0eT0iLjIiLz48cGF0aCBkPSJNNjkuNDQgMTguODNMOTAgNzFINjkuNDRWMTguODN6IiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTU3LjU5IDcxYTYgNiAwIDAgMSAxMiAweiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPgo=';

var avatar4 = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48cGF0aCBmaWxsPSIjZmZlMGMzIiBkPSJNMC0uMDFoMTAwdjEwMEgweiIvPjxwYXRoIGZpbGw9IiM1ZDZjYzEiIGQ9Ik0wIDBoNjkuMDJ2MTAwSDB6Ii8+PHBhdGggZD0iTTY5LjAyIDBsMjQuMDMgNjEuNjlINjkuMDJWMHoiIGZpbGw9IiNmZjk2N2QiLz48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjUiIGQ9Ik0zMC42OSAzMS45MXYtM2MwLTQuNzggMy40Ni04LjY1IDgtOC42NXM4IDMuODcgOCA4LjY1djMiLz48cGF0aCBmaWxsPSIjZWJlZGYxIiBkPSJNMTIuNzYgNTYuMDZhMTMuMzYgMTMuMzYgMCAxIDEgMjYuNzIgMCIgb3BhY2l0eT0iLjIiLz48cGF0aCBkPSJNODAgNjEuNDZsLTI5LjM0LjIzdi03LjMzYzAtNi4yOCA0LjA3LTExLjM2IDEwLjM0LTExLjQ0bDE5LS4xNHoiIGZpbGw9IiNmZjk2N2QiLz48L3N2Zz4K';

var avatar5 = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48cGF0aCBmaWxsPSIjOGRjOTU4IiBkPSJNMCAwaDcwLjAydjEwMEgweiIvPjxwYXRoIGQ9Ik02OS45MiAwdjU2LjMyTDQ5IDY3bC0uMyAyNS4wN1YxMDBIMTAwVjB6IiBmaWxsPSIjMmRiMTY3Ii8+PHBhdGggZmlsbD0iIzI0NWI0OCIgZD0iTTU5LjI3IDU4LjI5YTUuMjIgNS4yMiAwIDAgMC05LjQzIDQuNDgiLz48cGF0aCBkPSJNMjcuMTIgOS4zM2g0NC41M3YyLjE5SDI3LjEyem0tMTIuNDEgOS40OWg1Ni45NHYyLjE5SDE0LjcxeiIgZmlsbD0iIzJkYjE2NyIvPjxjaXJjbGUgY3g9IjE5LjY2IiBjeT0iNDQuOCIgcj0iMTEuMjIiIGZpbGw9IiNlYmVkZjEiIG9wYWNpdHk9Ii4yIi8+PC9zdmc+Cg==';

var avatar6 = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48cGF0aCBkPSJNLS4wMi0uMDFoMTAwdjEwMGgtMTAweiIgZmlsbD0iI2ZmZTBjMyIvPjxwYXRoIGZpbGw9IiNmZjk2N2QiIGQ9Ik0wIDBoNjkuNDF2MTAwSDB6Ii8+PHBhdGggZD0iTTY5LjkyIDB2NDQuMzJMNTEuMzQgNTV2NDVIMTAwVjB6IiBmaWxsPSIjZmZlMGMzIi8+PHBhdGggZmlsbD0iIzMyY2FjNiIgZD0iTTM5LjMyIDc2YTExLjg1IDExLjg1IDAgMCAwIDEyIDExLjYyVjc2Ii8+PHBhdGggZmlsbD0iIzAwOTc5NiIgZD0iTTM5LjMyIDc2YTEyIDEyIDAgMCAxIDEyLTExLjgyVjc2Ii8+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSI1IiBkPSJNNDMuNzQgMTkuODNhMTIuODIgMTIuODIgMCAxIDEtMjUuNjQgMCIvPjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iNCIgZD0iTTI3LjM5IDMxLjZsLTEuNTggNS45Nm05LjM3LTUuNzJsMi41NSA1LjQ3bTQuMjYtOS44NWwzLjUzIDQuNW0tMjUuNDMtNC41bC0zLjUzIDQuNSIvPjwvc3ZnPgo=';

var avatar7 = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48cGF0aCBkPSJNMCAwaDEwMHYxMDAuNDhIMHoiIGZpbGw9IiM4ZGM5NTgiLz48cGF0aCBmaWxsPSIjMmRiMTY3IiBkPSJNODMgNjh2MzJsLTE0LS4xNnYuMTZIMFYwaDY5djY4aDE0eiIvPjxwYXRoIGQ9Ik02OS4yOSA0MS42OUgyMC42NnMtLjA5LTMtLjE3IDcuMTUgNyAxOC41MSAxNy4zNSAxOC41OWwzMS40NS41N3oiIGZpbGw9IiM4ZGM5NTgiLz48cGF0aCBkPSJNNjguNyAxMi40bDExLjU0IDI5LjI5SDY4LjdWMTIuNHoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNNjIuMjIgNDEuNjlhMy4zNCAzLjM0IDAgMSAxIDYuNjkgMHoiIGZpbGw9IiNmZmYiLz48cGF0aCBmaWxsPSIjMjQ1YjQ4IiBkPSJNNDEuNDUgMTguMDZhMi41NyAyLjU3IDAgMCAwLTUuMTQgME0zMy4zMyAyNGEyLjU3IDIuNTcgMCAxIDAtNS4xNCAwbTIwLjM2IDIuNThhMi41NyAyLjU3IDAgMSAwLTUuMTQgMCIvPjwvc3ZnPgo=';

var avatar8 = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48cGF0aCBmaWxsPSIjZmZlZGI5IiBkPSJNMCAwaDEwMHYxMDBIMHoiLz48cGF0aCBkPSJNNjQuNjMgMTcuMzNhMTcgMTcgMCAwIDEgNSAyOS43MiAxNi43NSAxNi43NSAwIDAgMS01IDIuNjIiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjUiLz48cGF0aCBmaWxsPSIjZmZjMDRkIiBkPSJNMCAwaDY5LjAydjEwMEgweiIvPjxjaXJjbGUgY3g9IjQ1LjExIiBjeT0iMzMuNDkiIHI9IjE2Ljk4IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSI1IiB0cmFuc2Zvcm09InJvdGF0ZSgtMzcuMDIgNDUuMTI0IDMzLjQ5MykiLz48cGF0aCBmaWxsPSIjNWQ2Y2MxIiBkPSJNNjkuMDIgMzQuNDhsMTkuNDcgMzguNzQtMTkuNDcgMS41M1YzNC40OHoiLz48cGF0aCBkPSJNNjEuNiAzMy42N2ExMC4xNyAxMC4xNyAwIDAgMSAxNS40LjA4IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSI1Ii8+PC9zdmc+Cg==';

var avatar9 = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48cGF0aCBkPSJNMCAwaDEwMHYxMDBIMHoiIGZpbGw9IiNmZmMwNGQiLz48cGF0aCBkPSJNMCAwaDY5LjQxdjEwMEgweiIgZmlsbD0iIzVkNmNjMSIvPjxwYXRoIGQ9Ik03MC4yMSA4MC44OGgtMTUuMWMtNC44MSAwLTUuNjgtNS44NC01LjY4LTUuODRoMjAuNzgiIGZpbGw9IiNmZmMwNGQiLz48cGF0aCBkPSJNODIgNjAuNDhsLTE0IC4yNVYwaDEwLjE3QzgwLjU5IDIwLjE0IDgyIDYwLjQ4IDgyIDYwLjQ4eiIgZmlsbD0iIzVkNmNjMSIvPjxwYXRoIGZpbGw9IiM0MTIzNmUiIGQ9Ik01Ny43MSA2MC40OGE1LjQ0IDUuNDQgMCAxIDEgMTAuODcgMCIvPjxjaXJjbGUgY3g9IjI0Ljc3IiBjeT0iNDAuMTkiIHI9IjExLjIyIiBmaWxsPSIjZWJlZGYxIiBvcGFjaXR5PSIuMiIvPjwvc3ZnPgo=';



var avatars = Object.freeze({
	avatarOne: avatar1,
	avatarTwo: avatar2,
	avatarThree: avatar3,
	avatarFour: avatar4,
	avatarFive: avatar5,
	avatarSix: avatar6,
	avatarSeven: avatar7,
	avatarEight: avatar8,
	avatarNine: avatar9
});

const STYLE_CLASSES = ['one', 'two', 'three', 'four', 'five', 'six'];
const AVATAR_IMAGES = Object.keys(avatars).map(key => avatars[key]);
function Avatar$1({ name, source, initials, customer, size = 'medium', accessibilityLabel, polaris: { intl } }) {
    const nameString = name || initials;
    let finalSource;
    let label;
    if (accessibilityLabel) {
        label = accessibilityLabel;
    } else if (name) {
        label = name;
    } else if (initials) {
        const splitInitials = initials.split('').join(' ');
        label = intl.translate('Polaris.Avatar.labelWithInitials', {
            initials: splitInitials
        });
    } else {
        label = intl.translate('Polaris.Avatar.label');
    }
    if (source) {
        finalSource = source;
    } else if (customer) {
        finalSource = customerPlaceholder(nameString);
    }
    const className = classNames$1(styles$7.Avatar, styles$7[variationName$1('style', styleClass(nameString))], size && styles$7[variationName$1('size', size)], finalSource && styles$7.hasImage);
    const imageMarkUp = finalSource ? createElement(Image$1, { className: styles$7.Image, source: finalSource, alt: '', role: 'presentation' }) : null;
    // Use `dominant-baseline: central` instead of `dy` when Edge supports it.
    const verticalOffset = '0.35em';
    const initialsMarkup = initials ? createElement(
        'span',
        { className: styles$7.Initials },
        createElement(
            'svg',
            { className: styles$7.Svg, viewBox: '0 0 48 48' },
            createElement(
                'text',
                { x: '50%', y: '50%', dy: verticalOffset, fill: 'currentColor', fontSize: '26', textAnchor: 'middle' },
                initials
            )
        )
    ) : null;
    return createElement(
        'span',
        { 'aria-label': label, role: 'img', className: className },
        initialsMarkup,
        imageMarkUp
    );
}
function styleClass(name) {
    return name ? STYLE_CLASSES[name.charCodeAt(0) % STYLE_CLASSES.length] : STYLE_CLASSES[0];
}
function customerPlaceholder(name) {
    return name ? AVATAR_IMAGES[name.charCodeAt(0) % AVATAR_IMAGES.length] : AVATAR_IMAGES[0];
}
var Avatar$2 = withAppProvider()(Avatar$1);

function handleMouseUpByBlurring({ currentTarget }) {
    currentTarget.blur();
}

var styles$8 = {
  "Spinner": "p_i0",
  "loading": "p_e6",
  "sizeSmall": "p_iw",
  "sizeLarge": "p_u8",
  "colorWhite": "p_yg",
  "colorTeal": "p_cu",
  "colorInkLightest": "p_i5",
};

var spinnerSVGLarge = {"viewBox":"0 0 44 44","body":"<path d=\"M15.542 1.487A21.507 21.507 0 0 0 .5 22c0 11.874 9.626 21.5 21.5 21.5 9.847 0 18.364-6.675 20.809-16.072a1.5 1.5 0 0 0-2.904-.756C37.803 34.755 30.473 40.5 22 40.5 11.783 40.5 3.5 32.217 3.5 22c0-8.137 5.3-15.247 12.942-17.65a1.5 1.5 0 1 0-.9-2.863z\" />"};

var spinnerSVGSmall = {"viewBox":"0 0 20 20","body":"<path d=\"M7.229 1.173a9.25 9.25 0 1 0 11.655 11.412 1.25 1.25 0 1 0-2.4-.698 6.75 6.75 0 1 1-8.506-8.329 1.25 1.25 0 1 0-.75-2.385z\" />"};

const COLORS_FOR_LARGE_SPINNER = ['teal', 'inkLightest'];
function Spinner$1({ size = 'large', color = 'teal', accessibilityLabel, polaris: { intl } }) {
    if (size === 'large' && COLORS_FOR_LARGE_SPINNER.indexOf(color) < 0) {
        if (process.env.NODE_ENV === 'development') {
            // eslint-disable-next-line no-console
            console.warn(intl.translate('Polaris.Spinner.warningMessage', {
                color,
                size,
                colors: COLORS_FOR_LARGE_SPINNER.join(', ')
            }));
        }
        // eslint-disable-next-line no-param-reassign
        size = 'small';
    }
    const className = classNames$1(styles$8.Spinner, color && styles$8[variationName$1('color', color)], size && styles$8[variationName$1('size', size)]);
    const spinnerSVG = size === 'large' ? spinnerSVGLarge : spinnerSVGSmall;
    return createElement('svg', { viewBox: spinnerSVG.viewBox, dangerouslySetInnerHTML: { __html: spinnerSVG.body }, className: className, 'aria-label': accessibilityLabel, role: 'status' });
}
var Spinner$2 = withAppProvider()(Spinner$1);

var styles$9 = {
  "Indicator": "p_lr",
  "pulseIndicator": "p_dm",
  "bounce": "p_y3",
  "pulse": "p_ak",
};

function Indicator$1({ pulse = true }) {
    const className = classNames$1(styles$9.Indicator, pulse && styles$9.pulseIndicator);
    return createElement('span', { className: className });
}

var styles$10 = {
  "Button": "p_vk",
  "disabled": "p_tk",
  "Content": "p_ei",
  "Icon": "p_m8",
  "Spinner": "p_t3",
  "sizeSlim": "p_tj",
  "primary": "p_pt",
  "destructive": "p_m1",
  "outline": "p_ay",
  "loading": "p_ew",
  "plain": "p_i4",
  "fullWidth": "p_ri",
  "sizeLarge": "p_eh",
  "iconOnly": "p_a2",
  "minimal": "p_yq",
};

function Button$1({ id, url, disabled, loading, children, accessibilityLabel, ariaControls, ariaExpanded, onClick, onFocus, onBlur, external, icon, primary, outline, minimal, destructive, disclosure, plain, submit, size = 'medium', fullWidth, polaris: { intl } }) {
  const indicator = false;
  const isDisabled = disabled || loading;
  const className = classNames(styles$10.Button, primary && styles$10.primary, outline && styles$10.outline, minimal && styles$10.minimal, destructive && styles$10.destructive, isDisabled && styles$10.disabled, loading && styles$10.loading, plain && styles$10.plain, size && size !== 'medium' && styles$10[variationName('size', size)], fullWidth && styles$10.fullWidth, icon && children == null && styles$10.iconOnly);
  const disclosureIconMarkup = disclosure ? createElement(
    IconWrapper,
    null,
    createElement(Icon$2, { source: loading ? 'placeholder' : 'caretDown' })
  ) : null;
  let iconMarkup;
  if (icon) {
    const iconInner = isIconSource(icon) ? createElement(Icon$2, { source: loading ? 'placeholder' : icon }) : icon;
    iconMarkup = createElement(
      IconWrapper,
      null,
      iconInner
    );
  }
  const childMarkup = children ? createElement(
    'span',
    null,
    children
  ) : null;
  const spinnerColor = primary || destructive ? 'white' : 'inkLightest';
  const spinnerSVGMarkup = loading ? createElement(
    'span',
    { className: styles$10.Spinner },
    createElement(Spinner$2, { size: 'small', color: spinnerColor, accessibilityLabel: intl.translate('Polaris.Button.spinnerAccessibilityLabel') })
  ) : null;
  const indicatorMarkup = indicator && createElement(Indicator$1, null);
  const content = iconMarkup || disclosureIconMarkup ? createElement(
    'span',
    { className: styles$10.Content },
    spinnerSVGMarkup,
    iconMarkup,
    childMarkup,
    disclosureIconMarkup
  ) : createElement(
    'span',
    { className: styles$10.Content },
    spinnerSVGMarkup,
    childMarkup
  );
  const type = submit ? 'submit' : 'button';
  return url ? createElement(
    UnstyledLink$2,
    { id: id, url: url, external: external, onClick: onClick, onFocus: onFocus, onBlur: onBlur, onMouseUp: handleMouseUpByBlurring, className: className, disabled: isDisabled, 'aria-label': accessibilityLabel },
    indicatorMarkup,
    content
  ) : createElement(
    'button',
    { id: id, type: type, onClick: onClick, onFocus: onFocus, onBlur: onBlur, onMouseUp: handleMouseUpByBlurring, className: className, disabled: isDisabled, 'aria-label': accessibilityLabel, 'aria-controls': ariaControls, 'aria-expanded': ariaExpanded, role: loading ? 'alert' : undefined, 'aria-busy': loading ? true : undefined },
    indicatorMarkup,
    content
  );
}
function IconWrapper({ children }) {
  return createElement(
    'span',
    { className: styles$10.Icon },
    children
  );
}
function isIconSource(x) {
  return typeof x === 'string' || typeof x === 'object' && x.body;
}
var Button$2 = withAppProvider()(Button$1);

function buttonsFrom(actions, overrides = {}) {
    if (Array.isArray(actions)) {
        return actions.map((action, index) => buttonFrom(action, overrides, index));
    } else {
        const action = actions;
        return buttonFrom(action, overrides);
    }
}
function buttonFrom(_a, overrides, key) {
    var { content, onAction } = _a,
        action = __rest(_a, ["content", "onAction"]);
    return createElement(
        Button$2,
        Object.assign({ key: key, onClick: onAction }, action, overrides),
        content
    );
}

var styles$11 = {
  "Heading": "p_l2",
};

function Heading$1({ element: Element = 'h2', children }) {
    return createElement(
        Element,
        { className: styles$11.Heading },
        children
    );
}

var styles$12 = {
  "ButtonGroup": "p_ug",
  "Item": "p_l9",
  "Item-plain": "p_d4",
  "segmented": "p_n2",
  "Item-focused": "p_o9",
  "fullWidth": "p_s0",
  "connectedTop": "p_vn",
};

class Item$3 extends PureComponent {
    constructor() {
        super(...arguments);
        this.state = { focused: false };
    }
    render() {
        const { button } = this.props;
        const { focused } = this.state;
        const className = classNames$1(styles$12.Item, focused && styles$12['Item-focused'], button.props.plain && styles$12['Item-plain']);
        return createElement(
            'div',
            { className: className, onFocus: this.handleFocus, onBlur: this.handleBlur },
            button
        );
    }
    handleFocus() {
        this.setState({ focused: true });
    }
    handleBlur() {
        this.setState({ focused: false });
    }
}
__decorate([autobind], Item$3.prototype, "handleFocus", null);
__decorate([autobind], Item$3.prototype, "handleBlur", null);

function ButtonGroup$1({ children, segmented, fullWidth, connectedTop }) {
    const className = classNames$1(styles$12.ButtonGroup, segmented && styles$12.segmented, fullWidth && styles$12.fullWidth, connectedTop && styles$12.connectedTop);
    const contents = elementChildren(children).map((child, index) => createElement(Item$3, { button: child, key: index }));
    return createElement(
        'div',
        { className: className },
        contents
    );
}

var styles$13 = {
  "Banner": "p_zt",
  "withinContentContainer": "p_o7",
  "statusSuccess": "p_np",
  "statusInfo": "p_r5",
  "statusWarning": "p_d1",
  "statusCritical": "p_dh",
  "Ribbon": "p_h6",
  "Actions": "p_xz",
  "Dismiss": "p_i9",
  "withinPage": "p_hp",
  "hasDismiss": "p_fm",
  "Heading": "p_gi",
  "Content": "p_im",
  "SecondaryAction": "p_bt",
  "Text": "p_lm",
};

var successIcon = {"viewBox":"0 0 20 20","body":"<g  fill-rule=\"evenodd\"><circle fill=\"currentColor\" cx=\"10\" cy=\"10\" r=\"9\"/><path d=\"M10 0C4.486 0 0 4.486 0 10s4.486 10 10 10 10-4.486 10-10S15.514 0 10 0m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8m2.293-10.707L9 10.586 7.707 9.293a1 1 0 1 0-1.414 1.414l2 2a.997.997 0 0 0 1.414 0l4-4a1 1 0 1 0-1.414-1.414\" /></g>"};

var fallbackIcon = {"viewBox":"0 0 20 20","body":"<g  fill-rule=\"evenodd\"><path fill=\"currentColor\" d=\"M2 3h11v4h6l-2 4 2 4H8v-4H3\"/><path d=\"M16.105 11.447L17.381 14H9v-2h4a1 1 0 0 0 1-1V8h3.38l-1.274 2.552a.993.993 0 0 0 0 .895zM2.69 4H12v6H4.027L2.692 4zm15.43 7l1.774-3.553A1 1 0 0 0 19 6h-5V3c0-.554-.447-1-1-1H2.248L1.976.782a1 1 0 1 0-1.953.434l4 18a1.006 1.006 0 0 0 1.193.76 1 1 0 0 0 .76-1.194L4.47 12H7v3a1 1 0 0 0 1 1h11c.346 0 .67-.18.85-.476a.993.993 0 0 0 .044-.972l-1.775-3.553z\" /></g>"};

var warningIcon = {"viewBox":"0 0 20 20","body":"<g  fill-rule=\"evenodd\"><circle fill=\"currentColor\" cx=\"10\" cy=\"10\" r=\"9\"/><path d=\"M10 0C4.486 0 0 4.486 0 10s4.486 10 10 10 10-4.486 10-10S15.514 0 10 0m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8m0-13a1 1 0 0 0-1 1v4a1 1 0 1 0 2 0V6a1 1 0 0 0-1-1m0 8a1 1 0 1 0 0 2 1 1 0 0 0 0-2\" /></g>"};

var criticalIcon = {"viewBox":"0 0 20 20","body":"<g  fill-rule=\"evenodd\"><circle fill=\"currentColor\" cx=\"10\" cy=\"10\" r=\"9\"/><path d=\"M2 10c0-1.846.635-3.543 1.688-4.897l11.209 11.209A7.954 7.954 0 0 1 10 18c-4.411 0-8-3.589-8-8m14.312 4.897L5.103 3.688A7.954 7.954 0 0 1 10 2c4.411 0 8 3.589 8 8a7.952 7.952 0 0 1-1.688 4.897M0 10c0 5.514 4.486 10 10 10s10-4.486 10-10S15.514 0 10 0 0 4.486 0 10\" /></g>"};

var infoIcon = {"viewBox":"0 0 20 20","body":"<g  fill-rule=\"evenodd\"><circle cx=\"10\" cy=\"10\" r=\"9\" fill=\"currentColor\"/><path  d=\"M10 0C4.486 0 0 4.486 0 10s4.486 10 10 10 10-4.486 10-10S15.514 0 10 0m0 18c-4.411 0-8-3.589-8-8s3.589-8 8-8 8 3.589 8 8-3.589 8-8 8m1-5v-3a1 1 0 0 0-1-1H9a1 1 0 1 0 0 2v3a1 1 0 0 0 1 1h1a1 1 0 1 0 0-2m-1-5.9a1.1 1.1 0 1 0 0-2.2 1.1 1.1 0 0 0 0 2.2\"/></g>"};

class Banner$1 extends PureComponent {
    render() {
        const { icon, action, secondaryAction, title, children, status, onDismiss } = this.props;
        const { withinContentContainer } = this.context;
        let color;
        let defaultIcon;
        let ariaRoleType = 'status';
        switch (status) {
            case 'success':
                color = 'greenDark';
                defaultIcon = successIcon;
                break;
            case 'info':
                color = 'blueDark';
                defaultIcon = infoIcon;
                break;
            case 'warning':
                color = 'yellowDark';
                defaultIcon = warningIcon;
                ariaRoleType = 'alert';
                break;
            case 'critical':
                color = 'redDark';
                defaultIcon = criticalIcon;
                ariaRoleType = 'alert';
                break;
            default:
                color = 'inkLighter';
                defaultIcon = fallbackIcon;
        }
        const className = classNames$1(styles$13.Banner, status && styles$13[variationName$1('status', status)], onDismiss && styles$13.hasDismiss, withinContentContainer ? styles$13.withinContentContainer : styles$13.withinPage);
        const id = uniqueID();
        const iconName = icon || defaultIcon;
        let headingMarkup = null;
        let headingID;
        if (title) {
            headingID = `${id}Heading`;
            headingMarkup = createElement(
                'div',
                { className: styles$13.Heading, id: headingID },
                createElement(
                    Heading$1,
                    { element: 'p' },
                    title
                )
            );
        }
        const buttonSizeValue = withinContentContainer ? 'slim' : undefined;
        const secondaryActionMarkup = secondaryAction ? secondaryActionFrom(secondaryAction) : null;
        const actionMarkup = action ? createElement(
            'div',
            { className: styles$13.Actions },
            createElement(
                ButtonGroup$1,
                null,
                buttonFrom(action, { outline: true, size: buttonSizeValue }),
                secondaryActionMarkup
            )
        ) : null;
        let contentMarkup = null;
        let contentID;
        if (children || actionMarkup) {
            contentID = `${id}Content`;
            contentMarkup = createElement(
                'div',
                { className: styles$13.Content, id: contentID },
                children,
                actionMarkup
            );
        }
        const dismissButton = onDismiss ? createElement(
            'div',
            { className: styles$13.Dismiss },
            createElement(Button$2, { plain: true, icon: 'cancelSmall', onClick: onDismiss, accessibilityLabel: 'Dismiss notification' })
        ) : null;
        return createElement(
            'div',
            { className: className
                // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
                , tabIndex: 0, role: ariaRoleType, 'aria-live': 'polite', onMouseUp: handleMouseUp, 'aria-labelledby': headingID, 'aria-describedby': contentID },
            dismissButton,
            createElement(
                'div',
                { className: styles$13.Ribbon },
                createElement(Icon$2, { source: iconName, color: color, backdrop: true })
            ),
            createElement(
                'div',
                null,
                headingMarkup,
                contentMarkup
            )
        );
    }
}
Banner$1.contextTypes = contentContextTypes;
let index = 1;
function uniqueID() {
    return `Banner${index++}`;
}
function handleMouseUp({ currentTarget }) {
    currentTarget.blur();
}
function secondaryActionFrom(action) {
    if (action.url) {
        return createElement(
            UnstyledLink$2,
            { className: styles$13.SecondaryAction, url: action.url, external: action.external },
            createElement(
                'span',
                { className: styles$13.Text },
                action.content
            )
        );
    }
    return createElement(
        'button',
        { className: styles$13.SecondaryAction, onClick: action.onAction },
        createElement(
            'span',
            { className: styles$13.Text },
            action.content
        )
    );
}

var styles$14 = {
  "Breadcrumb": "p_w7",
  "Icon": "p_kb",
  "Content": "p_o6",
};

class Breadcrumbs$1 extends PureComponent {
  render() {
    const { breadcrumbs } = this.props;
    const breadcrumb = breadcrumbs[breadcrumbs.length - 1];
    if (breadcrumb == null) {
      return null;
    }
    const { content } = breadcrumb;
    const contentMarkup = createElement(
      Fragment,
      null,
      createElement(
        'span',
        { className: styles$14.Icon },
        createElement(Icon$2, { source: 'chevronLeft' })
      ),
      createElement(
        'span',
        { className: styles$14.Content },
        content
      )
    );
    const breadcrumbMarkup = 'url' in breadcrumb ? createElement(
      UnstyledLink$2,
      { key: content, url: breadcrumb.url, className: styles$14.Breadcrumb, onMouseUp: handleMouseUpByBlurring },
      contentMarkup
    ) : createElement(
      'button',
      { key: content, className: styles$14.Breadcrumb, onClick: breadcrumb.onAction, onMouseUp: handleMouseUpByBlurring, type: 'button' },
      contentMarkup
    );
    return (
      // eslint-disable-next-line jsx-a11y/no-redundant-roles
      createElement(
        'nav',
        { role: 'navigation' },
        breadcrumbMarkup
      )
    );
  }
}

var styles$15 = {
  "Stack": "p_qc",
  "Item": "p_yo",
  "noWrap": "p_jj",
  "vertical": "p_kn",
  "spacingNone": "p_w6",
  "spacingExtraTight": "p_sj",
  "spacingTight": "p_la",
  "spacingLoose": "p_s2",
  "spacingExtraLoose": "p_ud",
  "distributionLeading": "p_ft",
  "distributionTrailing": "p_gj",
  "distributionCenter": "p_mc",
  "distributionEqualSpacing": "p_cl",
  "distributionFill": "p_bv",
  "distributionFillEvenly": "p_au",
  "alignmentLeading": "p_bc",
  "alignmentTrailing": "p_d0",
  "alignmentCenter": "p_t1",
  "alignmentFill": "p_xr",
  "alignmentBaseline": "p_dd",
  "Item-fill": "p_ye",
};

function Item$5({ children, fill }) {
    const className = classNames$1(styles$15.Item, fill && styles$15['Item-fill']);
    return createElement(
        'div',
        { className: className },
        children
    );
}

class Stack$1 extends PureComponent {
    render() {
        const { children, vertical, spacing, distribution, alignment, wrap } = this.props;
        const className = classNames$1(styles$15.Stack, vertical && styles$15.vertical, spacing && styles$15[variationName$1('spacing', spacing)], distribution && styles$15[variationName$1('distribution', distribution)], alignment && styles$15[variationName$1('alignment', alignment)], wrap === false && styles$15.noWrap);
        const itemMarkup = elementChildren(children).map((child, index) => {
            const props = { key: index };
            return wrapWithComponent(child, Item$5, props);
        });
        return createElement(
            'div',
            { className: className },
            itemMarkup
        );
    }
}
Stack$1.Item = Item$5;

var styles$16 = {
  "Card": "p_z4",
  "subdued": "p_b5",
  "emphasis": "p_ai",
  "Header": "p_k2",
  "Section": "p_an",
  "Section-fullWidth": "p_sc",
  "Section-subdued": "p_t7",
  "SectionHeader": "p_kp",
  "Footer": "p_yl",
};

function Header$1({ children, title, actions }) {
    const actionMarkup = actions ? createElement(
        ButtonGroup$1,
        null,
        buttonsFrom(actions, { plain: true })
    ) : null;
    const titleMarkup = isValidElement(title) ? title : createElement(
        Heading$1,
        null,
        title
    );
    const headingMarkup = actionMarkup || children ? createElement(
        Stack$1,
        { alignment: 'baseline' },
        createElement(
            Stack$1.Item,
            { fill: true },
            titleMarkup
        ),
        actionMarkup,
        children
    ) : titleMarkup;
    return createElement(
        'div',
        { className: styles$16.Header },
        headingMarkup
    );
}

var styles$17 = {
  "Subheading": "p_u6",
};

function Subheading$1({ element: Element = 'h3', children }) {
    const ariaLabel = typeof children === 'string' ? children : undefined;
    return createElement(
        Element,
        { 'aria-label': ariaLabel, className: styles$17.Subheading },
        children
    );
}

function Section$3({ children, title, subdued, fullWidth, actions }) {
  const actionMarkup = actions ? createElement(
    ButtonGroup$1,
    null,
    buttonsFrom(actions, { plain: true })
  ) : null;
  const headerContent = title ? createElement(
    'div',
    { className: styles$16.SectionHeader },
    createElement(
      Stack$1,
      { alignment: 'baseline' },
      createElement(
        Stack$1.Item,
        { fill: true },
        createElement(
          Subheading$1,
          null,
          title
        )
      ),
      actionMarkup
    )
  ) : null;
  const className = classNames$1(styles$16.Section, subdued && styles$16['Section-subdued'], fullWidth && styles$16['Section-fullWidth']);
  return createElement(
    'div',
    { className: className },
    headerContent,
    children
  );
}

var propflowStyles = {
  "Card": "p_sw",
  "subdued": "p_pj",
  "Header": "p_p2",
  "Section": "p_r2",
  "Section-fullWidth": "p_il",
  "Section-subdued": "p_y9",
  "SectionHeader": "p_vp",
  "Footer": "p_xy",
};

class Card$1 extends PureComponent {
    constructor() {
        super(...arguments);
        this.styles = this.props.project === 'propflow' ? propflowStyles : styles$16;
    }
    getChildContext() {
        return {
            withinContentContainer: true
        };
    }
    render() {
        const { children, title, subdued, emphasis, sectioned, actions, primaryFooterAction, secondaryFooterAction } = this.props;
        const className = classNames$1(this.styles.Card, emphasis && this.styles.emphasis, subdued && this.styles.subdued);
        const headerMarkup = title ? createElement(Header$1, { actions: actions, title: title }) : null;
        const content = sectioned ? createElement(
            Section$3,
            null,
            children
        ) : children;
        const primaryFooterActionMarkup = primaryFooterAction ? buttonFrom(primaryFooterAction, { primary: true }) : null;
        const secondaryFooterActionMarkup = secondaryFooterAction ? buttonFrom(secondaryFooterAction) : null;
        const footerMarkup = primaryFooterActionMarkup || secondaryFooterActionMarkup ? createElement(
            'div',
            { className: this.styles.Footer },
            createElement(
                ButtonGroup$1,
                null,
                primaryFooterActionMarkup,
                secondaryFooterActionMarkup
            )
        ) : null;
        return createElement(
            'div',
            { className: className },
            headerMarkup,
            content,
            footerMarkup
        );
    }
}
Card$1.Section = Section$3;
Card$1.Header = Header$1;
Card$1.childContextTypes = contentContextTypes;

var styles$18 = {
  "TextContainer": "p_zd",
  "spacingTight": "p_tm",
  "spacingLoose": "p_h9",
  "alignmentLeft": "p_hq",
  "alignmentCenter": "p_y7",
  "alignmentRight": "p_qa",
};

function TextContainer$1({ spacing, alignment, children }) {
    const className = classNames$1(styles$18.TextContainer, spacing && styles$18[variationName$1('spacing', spacing)], alignment && styles$18[variationName$1('alignment', alignment)]);
    return createElement(
        'div',
        { className: className },
        children
    );
}

var styles$19 = {
  "CalloutCard": "p_bk",
  "Image": "p_vu",
  "Content": "p_ae",
  "Title": "p_mm",
  "Buttons": "p_mv",
};

function CalloutCard$1({ title, children, illustration, primaryAction, secondaryAction }) {
  const primaryActionMarkup = buttonFrom(primaryAction);
  const secondaryActionMarkup = secondaryAction ? buttonFrom(secondaryAction, { plain: true }) : null;
  const buttonMarkup = secondaryActionMarkup ? createElement(
    ButtonGroup$1,
    null,
    primaryActionMarkup,
    secondaryActionMarkup
  ) : primaryActionMarkup;
  return createElement(
    Card$1,
    { sectioned: true },
    createElement(
      'div',
      { className: styles$19.CalloutCard },
      createElement(
        'div',
        { className: styles$19.Content },
        createElement(
          'div',
          { className: styles$19.Title },
          createElement(
            Heading$1,
            null,
            title
          )
        ),
        createElement(
          TextContainer$1,
          null,
          children
        ),
        createElement(
          'div',
          { className: styles$19.Buttons },
          buttonMarkup
        )
      ),
      createElement(Image$1, { alt: '', className: styles$19.Image, source: illustration })
    )
  );
}

var styles$20 = {
  "Caption": "p_dw",
};

function Caption$1({ children }) {
    return createElement(
        'p',
        { className: styles$20.Caption },
        children
    );
}

var styles$21 = {
  "InlineError": "p_dg",
  "Icon": "p_xs",
};

function InlineError$1({ message, fieldID }) {
  if (!message) {
    return null;
  }
  return createElement(
    'div',
    { id: `${fieldID}Error`, className: styles$21.InlineError },
    createElement(
      'div',
      { className: styles$21.Icon },
      createElement(Icon$2, { source: 'alert' })
    ),
    message
  );
}

var styles$22 = {
  "Choice": "p_a4",
  "labelHidden": "p_mi",
  "Label": "p_qu",
  "Control": "p_y2",
  "disabled": "p_cn",
  "Descriptions": "p_kx",
  "HelpText": "p_v5",
};

function Choice$1({ id, label, disabled, error, children, labelHidden, helpText }) {
  const className = classNames$1(styles$22.Choice, labelHidden && styles$22.labelHidden, disabled && styles$22.disabled);
  const labelMarkup = createElement(
    'label',
    { className: className, htmlFor: id },
    createElement(
      'span',
      { className: styles$22.Control },
      children
    ),
    createElement(
      'span',
      { className: styles$22.Label },
      label
    )
  );
  const helpTextMarkup = helpText ? createElement(
    'div',
    { className: styles$22.HelpText, id: helpTextID(id) },
    helpText
  ) : null;
  const errorMarkup = error && typeof error !== 'boolean' && createElement(
    'div',
    { className: styles$22.Error },
    createElement(InlineError$1, { message: error, fieldID: id })
  );
  const descriptionMarkup = helpTextMarkup || errorMarkup ? createElement(
    'div',
    { className: styles$22.Descriptions },
    errorMarkup,
    helpTextMarkup
  ) : null;
  return descriptionMarkup ? createElement(
    'div',
    null,
    labelMarkup,
    descriptionMarkup
  ) : labelMarkup;
}
function helpTextID(id) {
  return `${id}HelpText`;
}

var styles$23 = {
  "Checkbox": "p_zy",
  "error": "p_ix",
  "Backdrop": "p_tp",
  "Icon": "p_pr",
  "Input": "p_d7",
  "Input-indeterminate": "p_ol",
  "disabled": "p_wk",
};

const getUniqueID = createUniqueIDFactory('Checkbox');
function Checkbox$1({ id = getUniqueID(), label, labelHidden, helpText, checked = false, error, disabled, onChange, onFocus, onBlur, name, value }) {
    function handleChange(event) {
        if (onChange == null) {
            return;
        }
        const { currentTarget } = event;
        onChange(currentTarget.checked, id);
    }
    const describedBy = [];
    if (error) {
        describedBy.push(`${id}Error`);
    }
    if (helpText) {
        describedBy.push(helpTextID(id));
    }
    const ariaDescribedBy = describedBy.length ? describedBy.join(' ') : undefined;
    const wrapperClassName = classNames$1(styles$23.Checkbox, error && styles$23.error);
    const isIndeterminate = checked === 'indeterminate';
    const isChecked = !isIndeterminate && Boolean(checked);
    const indeterminateAttributes = isIndeterminate ? { indeterminate: 'true', 'aria-checked': 'mixed' } : { 'aria-checked': isChecked };
    const iconSource = isIndeterminate ? 'subtract' : 'checkmark';
    const inputClassName = classNames$1(styles$23.Input, isIndeterminate && styles$23['Input-indeterminate']);
    return (
        /* eslint-disable jsx-a11y/no-redundant-roles, jsx-a11y/role-has-required-aria-props */
        createElement(
            Choice$1,
            { id: id, label: label, labelHidden: labelHidden, helpText: helpText, error: error, disabled: disabled },
            createElement(
                'span',
                { className: wrapperClassName },
                createElement('input', Object.assign({ id: id, name: name, value: value, type: 'checkbox', checked: isChecked, disabled: disabled, className: inputClassName, onChange: handleChange, onFocus: onFocus, onBlur: onBlur, 'aria-invalid': error != null, 'aria-describedby': ariaDescribedBy, role: 'checkbox' }, indeterminateAttributes)),
                createElement('span', { className: styles$23.Backdrop }),
                createElement(
                    'span',
                    { className: styles$23.Icon },
                    createElement(Icon$2, { source: iconSource })
                )
            )
        )
        /* eslint-disable jsx-a11y/no-redundant-roles, jsx-a11y/role-has-required-aria-props */

    );
}
var Checkbox$2 = withAppProvider()(Checkbox$1);

var styles$24 = {
  "RadioButton": "p_wi",
  "Input": "p_pl",
  "Backdrop": "p_yj",
  "Icon": "p_ly",
};

const getUniqueID$2 = createUniqueIDFactory('RadioButton');
function RadioButton$1({ label, labelHidden, helpText, checked, disabled, onChange, onFocus, onBlur, id = getUniqueID$2(), name = id, value }) {
    function handleChange({ currentTarget }) {
        if (onChange == null) {
            return;
        }
        onChange(currentTarget.checked, id);
    }
    const describedBy = helpText ? helpTextID(id) : undefined;
    return createElement(
        Choice$1,
        { label: label, labelHidden: labelHidden, disabled: disabled, id: id, helpText: helpText },
        createElement(
            'span',
            { className: styles$24.RadioButton },
            createElement('input', { id: id, name: name, value: value, type: 'radio', checked: checked, disabled: disabled, className: styles$24.Input, onChange: handleChange, onFocus: onFocus, onBlur: onBlur, 'aria-describedby': describedBy }),
            createElement('span', { className: styles$24.Backdrop }),
            createElement('span', { className: styles$24.Icon })
        )
    );
}

var styles$25 = {
  "ChoiceList": "p_mr",
  "titleHidden": "p_zs",
  "Title": "p_b4",
  "Choices": "p_ib",
  "ChoiceChildren": "p_rr",
  "ChoiceError": "p_ch",
};

const getUniqueID$1 = createUniqueIDFactory('ChoiceList');
function ChoiceList$1({ title, titleHidden, allowMultiple, choices, selected, onChange = noop, error, name = getUniqueID$1() }) {
    const ControlComponent = allowMultiple ? Checkbox$2 : RadioButton$1;
    const finalName = allowMultiple ? `${name}[]` : name;
    const className = classNames$1(styles$25.ChoiceList, titleHidden && styles$25.titleHidden);
    const titleMarkup = title ? createElement(
        'legend',
        { className: styles$25.Title },
        title
    ) : null;
    const choicesMarkup = choices.map(choice => {
        const { value, label, helpText, disabled } = choice;
        function handleChange(checked) {
            onChange(updateSelectedChoices(choice, checked, selected, allowMultiple), name);
        }
        const isSelected = choiceIsSelected(choice, selected);
        const children = choice.renderChildren ? createElement(
            'div',
            { className: styles$25.ChoiceChildren },
            choice.renderChildren(isSelected)
        ) : null;
        return createElement(
            'li',
            { key: value },
            createElement(ControlComponent, { name: finalName, value: value, label: label, disabled: disabled, checked: choiceIsSelected(choice, selected), helpText: helpText, onChange: handleChange }),
            children
        );
    });
    const errorMarkup = error && createElement(
        'div',
        { className: styles$25.ChoiceError },
        createElement(InlineError$1, { message: error, fieldID: finalName })
    );
    return createElement(
        'fieldset',
        { className: className, id: finalName, 'aria-invalid': error != null, 'aria-describedby': `${finalName}Error` },
        titleMarkup,
        createElement(
            'ul',
            { className: styles$25.Choices },
            choicesMarkup
        ),
        errorMarkup
    );
}
function choiceIsSelected({ value }, selected) {
    return selected.indexOf(value) >= 0;
}
function updateSelectedChoices({ value }, checked, selected, allowMultiple = false) {
    if (checked) {
        return allowMultiple ? [...selected, value] : [value];
    }
    return selected.filter(selectedChoice => selectedChoice !== value);
}
var ChoiceList$2 = withAppProvider()(ChoiceList$1);

var styles$26 = {
  "Collapsible": "p_by",
  "animating": "p_cz",
  "open": "p_h4",
};

const CONTEXT_TYPES = {
    parentCollapsibleExpanding: bool
};
class Collapsible$1 extends Component {
    constructor() {
        super(...arguments);
        this.state = {
            height: null,
            animationState: 'idle'
        };
        this.node = null;
        this.heightNode = null;
    }
    getChildContext() {
        const { open } = this.props;
        const { animationState } = this.state;
        const { parentCollapsibleExpanding } = this.context;
        return {
            parentCollapsibleExpanding: parentCollapsibleExpanding || open && animationState !== 'idle'
        };
    }
    // eslint-disable-next-line react/no-deprecated
    componentWillReceiveProps({ open: willOpen }) {
        const { open } = this.props;
        if (open !== willOpen) {
            this.setState({ animationState: 'measuring' });
        }
    }
    componentDidUpdate({ open: wasOpen }) {
        const { animationState } = this.state;
        const { parentCollapsibleExpanding } = this.context;
        if (parentCollapsibleExpanding && animationState !== 'idle') {
            // eslint-disable-next-line react/no-did-update-set-state
            this.setState({
                animationState: 'idle'
            });
            return;
        }
        read(() => {
            switch (animationState) {
                case 'idle':
                    break;
                case 'measuring':
                    this.setState({
                        animationState: wasOpen ? 'closingStart' : 'openingStart',
                        height: wasOpen && this.heightNode ? this.heightNode.scrollHeight : 0
                    });
                    break;
                case 'closingStart':
                    this.setState({
                        animationState: 'closing',
                        height: 0
                    });
                    break;
                case 'openingStart':
                    this.setState({
                        animationState: 'opening',
                        height: this.heightNode ? this.heightNode.scrollHeight : 0
                    });
            }
        });
    }
    componentDidMount() {
        if (this.node == null) {
            return;
        }
        addEventListener(this.node, 'transitionend', this.handleTransitionEnd);
    }
    componentWillUnmount() {
        if (this.node == null) {
            return;
        }
        removeEventListener(this.node, 'transitionend', this.handleTransitionEnd);
    }
    render() {
        const { id, open, children } = this.props;
        const { animationState, height } = this.state;
        const animating = animationState !== 'idle';
        const wrapperClassName = classNames$1(styles$26.Collapsible, open && styles$26.open, animating && styles$26.animating);
        const displayHeight = collapsibleHeight(open, animationState, height);
        const content = animating || open ? children : null;
        return createElement(
            'div',
            { id: id, 'aria-hidden': !open, style: { height: displayHeight }, className: wrapperClassName, ref: this.bindNode },
            createElement(
                'div',
                { ref: this.bindHeightNode },
                content
            )
        );
    }
    bindNode(node) {
        this.node = node;
    }
    bindHeightNode(node) {
        this.heightNode = node;
    }
    handleTransitionEnd(event) {
        const { target: target$$1 } = event;
        if (target$$1 === this.node) {
            this.setState({ animationState: 'idle', height: null });
        }
    }
}
Collapsible$1.contextTypes = CONTEXT_TYPES;
Collapsible$1.childContextTypes = CONTEXT_TYPES;
__decorate([autobind], Collapsible$1.prototype, "bindNode", null);
__decorate([autobind], Collapsible$1.prototype, "bindHeightNode", null);
__decorate([autobind], Collapsible$1.prototype, "handleTransitionEnd", null);
function collapsibleHeight(open, animationState, height) {
    if (animationState === 'idle' && open) {
        return open ? 'auto' : undefined;
    }
    if (animationState === 'measuring') {
        return open ? undefined : 'auto';
    }
    return `${height || 0}px`;
}
var Collapsible$2 = withAppProvider()(Collapsible$1);

function rgbString(color) {
    const { red, green, blue } = color;
    if (color.hasOwnProperty('alpha')) {
        return `rgba(${red}, ${green}, ${blue}, ${color.alpha})`;
    } else {
        return `rgb(${red}, ${green}, ${blue})`;
    }
}
const rgbaString = rgbString;
function rgbToHex({ red, green, blue }) {
    return `#${componentToHex(red)}${componentToHex(green)}${componentToHex(blue)}`;
}
function componentToHex(component) {
    const hex = component.toString(16);
    return hex.length === 1 ? `0${hex}` : hex;
}
function hsbToHex(color) {
    return rgbToHex(hsbToRgb(color));
}
function hsbToRgb(color) {
    const { hue, saturation, brightness, alpha = 1 } = color;
    const chroma = brightness * saturation;
    const huePrime = hue / 60;
    const hueDelta = 1 - Math.abs(huePrime % 2 - 1);
    const intermediateValue = chroma * hueDelta;
    let red = 0;
    let green = 0;
    let blue = 0;
    if (huePrime >= 0 && huePrime <= 1) {
        red = chroma;
        green = intermediateValue;
        blue = 0;
    }
    if (huePrime >= 1 && huePrime <= 2) {
        red = intermediateValue;
        green = chroma;
        blue = 0;
    }
    if (huePrime >= 2 && huePrime <= 3) {
        red = 0;
        green = chroma;
        blue = intermediateValue;
    }
    if (huePrime >= 3 && huePrime <= 4) {
        red = 0;
        green = intermediateValue;
        blue = chroma;
    }
    if (huePrime >= 4 && huePrime <= 5) {
        red = intermediateValue;
        green = 0;
        blue = chroma;
    }
    if (huePrime >= 5 && huePrime <= 6) {
        red = chroma;
        green = 0;
        blue = intermediateValue;
    }
    const chromaBrightnessDelta = brightness - chroma;
    red += chromaBrightnessDelta;
    green += chromaBrightnessDelta;
    blue += chromaBrightnessDelta;
    return {
        red: Math.round(red * 255),
        green: Math.round(green * 255),
        blue: Math.round(blue * 255),
        alpha
    };
}
function rgbToHsb(color) {
    const { alpha = 1 } = color;
    const red = color.red / 255;
    const green = color.green / 255;
    const blue = color.blue / 255;
    const largestComponent = Math.max(red, green, blue);
    const smallestComponent = Math.min(red, green, blue);
    const delta = largestComponent - smallestComponent;
    const saturation = largestComponent === 0 ? 0 : delta / largestComponent;
    let huePercentage = 0;
    switch (largestComponent) {
        case red:
            huePercentage = (green - blue) / delta + (green < blue ? 6 : 0);
            break;
        case green:
            huePercentage = (blue - red) / delta + 2;
            break;
        case blue:
            huePercentage = (red - green) / delta + 4;
    }
    const hue = Math.round(huePercentage / 6 * 360);
    return {
        hue: clamp(hue, 0, 360) || 0,
        saturation: clamp(saturation, 0, 1),
        brightness: clamp(largestComponent, 0, 1),
        alpha
    };
}

// see https://github.com/oliviertassinari/react-event-listener/
class EventListener$1 extends PureComponent {
    componentDidMount() {
        this.attachListener();
    }
    // eslint-disable-next-line react/no-deprecated
    componentWillUpdate() {
        this.detachListener();
    }
    componentDidUpdate() {
        this.attachListener();
    }
    componentWillUnmount() {
        this.detachListener();
    }
    render() {
        return null;
    }
    attachListener() {
        const { event, handler, capture, passive } = this.props;
        addEventListener(window, event, handler, { capture, passive });
    }
    detachListener() {
        const { event, handler, capture } = this.props;
        removeEventListener(window, event, handler, capture);
    }
}

var styles$27 = {
  "ColorPicker": "p_m4",
  "MainColor": "p_ma",
  "Dragger": "p_rp",
  "ColorLayer": "p_x5",
  "HuePicker": "p_zw",
  "AlphaPicker": "p_bz",
  "Slidable": "p_f2",
};

class Slidable$1 extends PureComponent {
    constructor() {
        super(...arguments);
        this.state = {
            dragging: false
        };
        this.node = null;
        this.draggerNode = null;
    }
    componentDidMount() {
        const { onDraggerHeight } = this.props;
        if (onDraggerHeight == null) {
            return;
        }
        const { draggerNode } = this;
        if (draggerNode == null) {
            return;
        }
        onDraggerHeight(draggerNode.clientWidth);
        if (process.env.NODE_ENV === 'development') {
            setTimeout(() => {
                onDraggerHeight(draggerNode.clientWidth);
            }, 0);
        }
    }
    render() {
        const { dragging } = this.state;
        const { draggerX = 0, draggerY = 0 } = this.props;
        const draggerPositioning = {
            transform: `translate3d(${draggerX}px, ${draggerY}px, 0)`
        };
        const moveListener = dragging ? createElement(EventListener$1, { event: 'mousemove', handler: this.handleMove }) : null;
        const touchMoveListener = dragging ? createElement(EventListener$1, { event: 'touchmove', handler: this.handleMove }) : null;
        const endDragListener = dragging ? createElement(EventListener$1, { event: 'mouseup', handler: this.handleDragEnd }) : null;
        const touchEndListener = dragging ? createElement(EventListener$1, { event: 'touchend', handler: this.handleDragEnd }) : null;
        const touchCancelListener = dragging ? createElement(EventListener$1, { event: 'touchcancel', handler: this.handleDragEnd }) : null;
        return createElement(
            'div',
            { ref: this.setNode, className: styles$27.Slidable, onMouseDown: this.startDrag, onTouchStart: this.startDrag },
            endDragListener,
            moveListener,
            touchMoveListener,
            touchEndListener,
            touchCancelListener,
            createElement('div', { style: draggerPositioning, className: styles$27.Dragger, ref: this.setDraggerNode })
        );
    }
    setDraggerNode(node) {
        this.draggerNode = node;
    }
    setNode(node) {
        this.node = node;
    }
    startDrag(event) {
        if (event.type === 'mousedown') {
            const mouseEvent = event;
            this.handleDraggerMove(mouseEvent.clientX, mouseEvent.clientY);
        }
        this.setState({ dragging: true });
    }
    handleDragEnd() {
        this.setState({ dragging: false });
    }
    handleMove(event) {
        event.stopImmediatePropagation();
        event.stopPropagation();
        event.preventDefault();
        if (event.type === 'mousemove') {
            const mouseEvent = event;
            this.handleDraggerMove(mouseEvent.clientX, mouseEvent.clientY);
            return;
        }
        const touchEvent = event;
        this.handleDraggerMove(touchEvent.touches[0].clientX, touchEvent.touches[0].clientY);
    }
    handleDraggerMove(x, y) {
        if (this.node == null) {
            return;
        }
        const { onChange } = this.props;
        const rect = this.node.getBoundingClientRect();
        const offsetX = x - rect.left;
        const offsetY = y - rect.top;
        onChange({ x: offsetX, y: offsetY });
    }
}
__decorate([autobind], Slidable$1.prototype, "setDraggerNode", null);
__decorate([autobind], Slidable$1.prototype, "setNode", null);
__decorate([autobind], Slidable$1.prototype, "startDrag", null);
__decorate([autobind], Slidable$1.prototype, "handleDragEnd", null);
__decorate([autobind], Slidable$1.prototype, "handleMove", null);
__decorate([autobind], Slidable$1.prototype, "handleDraggerMove", null);

const VERTICAL_PADDING = 13;
class AlphaPicker$1 extends PureComponent {
    constructor() {
        super(...arguments);
        this.state = {
            sliderHeight: 0,
            draggerHeight: 0
        };
    }
    render() {
        const { color, alpha } = this.props;
        const { sliderHeight, draggerHeight } = this.state;
        const offset = offsetForAlpha(alpha, sliderHeight, draggerHeight);
        const draggerY = clamp(offset, 0, sliderHeight);
        const background = alphaGradientForColor(color);
        return createElement(
            'div',
            { className: styles$27.AlphaPicker, ref: this.setSliderHeight },
            createElement('div', { className: styles$27.ColorLayer, style: { background } }),
            createElement(Slidable$1, { draggerY: draggerY, draggerX: 0, onChange: this.handleChange, onDraggerHeight: this.setDraggerHeight })
        );
    }
    setSliderHeight(node) {
        if (node == null) {
            return;
        }
        this.setState({ sliderHeight: node.clientHeight });
        if (process.env.NODE_ENV === 'development') {
            setTimeout(() => {
                this.setState({ sliderHeight: node.clientHeight });
            }, 0);
        }
    }
    setDraggerHeight(height) {
        this.setState({
            draggerHeight: height
        });
    }
    handleChange({ y }) {
        const { onChange } = this.props;
        const { sliderHeight } = this.state;
        const offsetY = clamp(y, 0, sliderHeight);
        const alpha = alphaForOffset(offsetY, sliderHeight);
        onChange(alpha);
    }
}
__decorate([autobind], AlphaPicker$1.prototype, "setSliderHeight", null);
__decorate([autobind], AlphaPicker$1.prototype, "setDraggerHeight", null);
__decorate([autobind], AlphaPicker$1.prototype, "handleChange", null);
function alphaForOffset(offset, sliderHeight) {
    const selectionHeight = offset - VERTICAL_PADDING;
    const slidableArea = sliderHeight - VERTICAL_PADDING * 2;
    return clamp(1 - selectionHeight / slidableArea, 0, 1);
}
function offsetForAlpha(alpha, sliderHeight, draggerHeight) {
    const slidableArea = sliderHeight - (draggerHeight + VERTICAL_PADDING);
    return clamp((1 - alpha) * slidableArea + VERTICAL_PADDING, 0, sliderHeight - draggerHeight);
}
function alphaGradientForColor(color) {
    const { red, green, blue } = hsbToRgb(color);
    const rgb = `${red}, ${green}, ${blue}`;
    return `linear-gradient(to top, rgba(${rgb}, 0) 18px, rgba(${rgb}, 1) calc(100% - 18px))`;
}

const VERTICAL_PADDING$1 = 13;
class HuePicker$1 extends PureComponent {
    constructor() {
        super(...arguments);
        this.state = {
            sliderHeight: 0,
            draggerHeight: 0
        };
    }
    render() {
        const { hue } = this.props;
        const { sliderHeight, draggerHeight } = this.state;
        const offset = offsetForHue(hue, sliderHeight, draggerHeight);
        const draggerY = clamp(offset, 0, sliderHeight);
        return createElement(
            'div',
            { className: styles$27.HuePicker, ref: this.setSliderHeight },
            createElement(Slidable$1, { draggerY: draggerY, draggerX: 0, onChange: this.handleChange, onDraggerHeight: this.setDraggerHeight })
        );
    }
    setSliderHeight(node) {
        if (node == null) {
            return;
        }
        this.setState({ sliderHeight: node.clientHeight });
        if (process.env.NODE_ENV === 'development') {
            setTimeout(() => {
                this.setState({ sliderHeight: node.clientHeight });
            }, 0);
        }
    }
    setDraggerHeight(height) {
        this.setState({
            draggerHeight: height
        });
    }
    handleChange({ y }) {
        const { onChange } = this.props;
        const { sliderHeight } = this.state;
        const offsetY = clamp(y, 0, sliderHeight);
        const hue = hueForOffset(offsetY, sliderHeight);
        onChange(hue);
    }
}
__decorate([autobind], HuePicker$1.prototype, "setSliderHeight", null);
__decorate([autobind], HuePicker$1.prototype, "setDraggerHeight", null);
__decorate([autobind], HuePicker$1.prototype, "handleChange", null);
function offsetForHue(hue, sliderHeight, draggerHeight) {
    const slidableArea = sliderHeight - (draggerHeight + VERTICAL_PADDING$1);
    return clamp(hue / 360 * slidableArea + VERTICAL_PADDING$1, 0, sliderHeight - draggerHeight);
}
function hueForOffset(offset, sliderHeight) {
    const selectionHeight = offset - VERTICAL_PADDING$1;
    const slidableArea = sliderHeight - VERTICAL_PADDING$1 * 2;
    return clamp(selectionHeight / slidableArea * 360, 0, 360);
}

class ColorPicker$1 extends PureComponent {
    constructor() {
        super(...arguments);
        this.state = {
            pickerSize: 0
        };
        this.colorNode = null;
    }
    componentDidMount() {
        const { colorNode } = this;
        if (colorNode == null) {
            return;
        }
        // eslint-disable-next-line react/no-did-mount-set-state
        this.setState({ pickerSize: colorNode.clientWidth });
        if (process.env.NODE_ENV === 'development') {
            setTimeout(() => {
                this.setState({ pickerSize: colorNode.clientWidth });
            }, 0);
        }
    }
    render() {
        const { id, color, allowAlpha } = this.props;
        const { hue, saturation, brightness, alpha: providedAlpha } = color;
        const { pickerSize } = this.state;
        const alpha = providedAlpha != null && allowAlpha ? providedAlpha : 1;
        const { red, green, blue } = hsbToRgb({ hue, saturation: 1, brightness: 1 });
        const colorString = `rgba(${red}, ${green}, ${blue}, ${alpha})`;
        const draggerX = clamp(saturation * pickerSize, 0, pickerSize);
        const draggerY = clamp(pickerSize - brightness * pickerSize, 0, pickerSize);
        const alphaSliderMarkup = allowAlpha ? createElement(AlphaPicker$1, { alpha: alpha, color: color, onChange: this.handleAlphaChange }) : null;
        return createElement(
            'div',
            { className: styles$27.ColorPicker, id: id },
            createElement(
                'div',
                { ref: this.setColorNode, className: styles$27.MainColor },
                createElement('div', { className: styles$27.ColorLayer, style: { backgroundColor: colorString } }),
                createElement(Slidable$1, { onChange: this.handleDraggerMove, draggerX: draggerX, draggerY: draggerY })
            ),
            createElement(HuePicker$1, { hue: hue, onChange: this.handleHueChange }),
            alphaSliderMarkup
        );
    }
    setColorNode(node) {
        this.colorNode = node;
    }
    handleHueChange(hue) {
        const { color: { brightness, saturation, alpha = 1 }, onChange } = this.props;
        onChange({ hue, brightness, saturation, alpha });
    }
    handleAlphaChange(alpha) {
        const { color: { hue, brightness, saturation }, onChange } = this.props;
        onChange({ hue, brightness, saturation, alpha });
    }
    handleDraggerMove({ x, y }) {
        const { pickerSize } = this.state;
        const { color: { hue, alpha = 1 }, onChange } = this.props;
        const saturation = clamp(x / pickerSize, 0, 1);
        const brightness = clamp(1 - y / pickerSize, 0, 1);
        onChange({ hue, saturation, brightness, alpha });
    }
}
__decorate([autobind], ColorPicker$1.prototype, "setColorNode", null);
__decorate([autobind], ColorPicker$1.prototype, "handleHueChange", null);
__decorate([autobind], ColorPicker$1.prototype, "handleAlphaChange", null);
__decorate([autobind], ColorPicker$1.prototype, "handleDraggerMove", null);

var styles$28 = {
  "Connected": "p_g3",
  "Item": "p_li",
  "Item-primary": "p_zc",
  "Item-connection": "p_yn",
  "Item-focused": "p_e7",
};

var ItemPosition;
(function (ItemPosition) {
    ItemPosition[ItemPosition["Left"] = 0] = "Left";
    ItemPosition[ItemPosition["Primary"] = 1] = "Primary";
    ItemPosition[ItemPosition["Right"] = 2] = "Right";
})(ItemPosition || (ItemPosition = {}));
class Item$7 extends PureComponent {
    constructor() {
        super(...arguments);
        this.state = { focused: false };
    }
    render() {
        const { focused } = this.state;
        const { children, position } = this.props;
        const className = classNames$1(styles$28.Item, focused && styles$28['Item-focused'], position === ItemPosition.Primary ? styles$28['Item-primary'] : styles$28['Item-connection']);
        return createElement(
            'div',
            { onBlur: this.handleBlur, onFocus: this.handleFocus, className: className },
            children
        );
    }
    handleBlur() {
        this.setState({ focused: false });
    }
    handleFocus() {
        this.setState({ focused: true });
    }
}
__decorate([autobind], Item$7.prototype, "handleBlur", null);
__decorate([autobind], Item$7.prototype, "handleFocus", null);

function Connected$1({ children, left, right }) {
    if (left == null && right == null) {
        return Children.only(children);
    }
    const leftConnectionMarkup = left ? createElement(
        Item$7,
        { position: ItemPosition.Left },
        left
    ) : null;
    const rightConnectionMarkup = right ? createElement(
        Item$7,
        { position: ItemPosition.Right },
        right
    ) : null;
    return createElement(
        'div',
        { className: styles$28.Connected },
        leftConnectionMarkup,
        createElement(
            Item$7,
            { position: ItemPosition.Primary },
            children
        ),
        rightConnectionMarkup
    );
}

var styles$29 = {
  "DataField": "p_fd",
  "Icon": "p_fc",
  "SecondaryData": "p_qv",
  "Content": "p_fy",
};

var styles$30 = {
  "Label": "p_jk",
  "hidden": "p_co",
  "Text": "p_vd",
  "Optional": "p_yv",
};

function labelID(id) {
    return `${id}Label`;
}
function Label$1({ children, id, hidden, optional }) {
    const className = classNames$1(styles$30.Label, hidden && styles$30.hidden);
    const optionalMarkup = optional ? createElement(
        'span',
        { className: styles$30.Optional },
        '(Optional)'
    ) : null;
    return createElement(
        'div',
        { className: className },
        createElement(
            'label',
            { id: labelID(id), htmlFor: id, className: styles$30.Text },
            children,
            ' ',
            optionalMarkup
        )
    );
}

function DataField$1({ children, data, secondaryData, label, icon, iconColor }) {
  const labelMarkup = label ? createElement(
    Label$1,
    { id: 'Data Field Label' },
    label
  ) : null;
  const iconMarkup = icon ? createElement(
    'div',
    { className: styles$29.Icon },
    createElement(Icon$2, { source: icon, color: iconColor ? iconColor : "inkLighter" })
  ) : null;
  const secondaryDataMarkup = secondaryData ? createElement(
    'span',
    { className: styles$29.SecondaryData },
    ' \xB7 ',
    secondaryData
  ) : null;
  const contentMarkup = children ? createElement(
    'div',
    null,
    children
  ) : null;
  const emptyMarkup = !children && !data ? createElement(
    'span',
    { className: styles$29.SecondaryData },
    '--'
  ) : null;
  return createElement(
    'div',
    { className: styles$29.DataField },
    iconMarkup,
    createElement(
      'div',
      { className: styles$29.Content },
      labelMarkup,
      createElement(
        'div',
        { className: styles$29.Data },
        data,
        secondaryDataMarkup
      ),
      contentMarkup,
      emptyMarkup
    )
  );
}

var styles$31 = {
  "DataTable": "p_m0",
  "hasFooter": "p_ht",
  "ScrollContainer": "p_ik",
  "Navigation": "p_e8",
  "Navigation-left": "p_ki",
  "Navigation-right": "p_re",
  "Navigation-button": "p_yy",
  "Navigation-chevron": "p_ic",
  "Pip": "p_u3",
  "Pip-visible": "p_fs",
  "Table": "p_yi",
  "TableFoot": "p_fi",
  "Cell": "p_hz",
  "Cell-numeric": "p_wy",
  "Cell-fixed": "p_dn",
  "Cell-truncated": "p_nx",
  "Cell-header": "p_p1",
  "Cell-sortable": "p_du",
  "Heading": "p_t2",
  "Icon": "p_fq",
  "Heading-left": "p_h7",
  "Cell-sorted": "p_j6",
  "Cell-total": "p_br",
  "Cell-footer": "p_c2",
  "collapsed": "p_ao",
};

function Cell$1({ height, content, contentType, fixed, truncate, header, total, footer, sorted, sortable, sortDirection, defaultSortDirection, polaris: { intl: { translate } }, onSort }) {
  const numeric = contentType === 'numeric';
  const className = classNames$1(styles$31.Cell, fixed && styles$31['Cell-fixed'], fixed && truncate && styles$31['Cell-truncated'], header && styles$31['Cell-header'], total && styles$31['Cell-total'], footer && styles$31['Cell-footer'], numeric && styles$31['Cell-numeric'], sortable && styles$31['Cell-sortable'], sorted && styles$31['Cell-sorted']);
  const headerClassName = classNames$1(header && styles$31.Heading, header && contentType === 'text' && styles$31['Heading-left']);
  const iconClassName = classNames$1(sortable && styles$31.Icon);
  const style = {
    height: height ? `${height}px` : undefined
  };
  const direction = sorted ? sortDirection : defaultSortDirection;
  const source = `caret${direction === 'ascending' ? 'Up' : 'Down'}`;
  const oppositeDirection = sortDirection === 'ascending' ? 'descending' : 'ascending';
  const sortAccessibilityLabel = translate('Polaris.DataTable.sortAccessibilityLabel', { direction: sorted ? oppositeDirection : direction });
  const iconMarkup = createElement(
    'span',
    { className: iconClassName },
    createElement(Icon$2, { source: source, accessibilityLabel: sortAccessibilityLabel })
  );
  const sortableHeadingContent = createElement(
    'button',
    { className: headerClassName, onClick: onSort },
    iconMarkup,
    content
  );
  const columnHeadingContent = sortable ? sortableHeadingContent : content;
  const headingMarkup = header ? createElement(
    'th',
    { className: className, scope: 'col', 'aria-sort': sortDirection, style: style },
    columnHeadingContent
  ) : createElement(
    'th',
    { className: className, scope: 'row', style: style },
    content
  );
  const cellMarkup = header || fixed ? headingMarkup : createElement(
    'td',
    { className: className, style: style },
    content
  );
  return cellMarkup;
}
var Cell$2 = withAppProvider()(Cell$1);

var chevronLeft$1 = 'data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjAgMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTEyIDE2YS45OTcuOTk3IDAgMCAxLS43MDctLjI5M2wtNS01YS45OTkuOTk5IDAgMCAxIDAtMS40MTRsNS01YS45OTkuOTk5IDAgMSAxIDEuNDE0IDEuNDE0TDguNDE0IDEwbDQuMjkzIDQuMjkzQS45OTkuOTk5IDAgMCAxIDEyIDE2IiBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4K';

var chevronRight$1 = 'data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMjAgMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTggMTZhLjk5OS45OTkgMCAwIDEtLjcwNy0xLjcwN0wxMS41ODYgMTAgNy4yOTMgNS43MDdhLjk5OS45OTkgMCAxIDEgMS40MTQtMS40MTRsNSA1YS45OTkuOTk5IDAgMCAxIDAgMS40MTRsLTUgNUEuOTk3Ljk5NyAwIDAgMSA4IDE2IiBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4K';

function Navigation$1({ isScrolledFarthestLeft, isScrolledFarthestRight, navigateTableLeft, navigateTableRight, polaris: { intl: { translate } } }) {
  const leftA11yLabel = translate('Polaris.DataTable.navAccessibilityLabel', {
    direction: 'left'
  });
  const rightA11yLabel = translate('Polaris.DataTable.navAccessibilityLabel', {
    direction: 'right'
  });
  const leftButton = isScrolledFarthestLeft ? null : createElement(
    'div',
    { className: styles$31['Navigation-left'] },
    createElement(
      'a',
      { 'aria-label': leftA11yLabel, className: styles$31['Navigation-button'], onClick: navigateTableLeft },
      createElement('img', { src: chevronLeft$1, className: styles$31['Navigation-chevron'] })
    )
  );
  const rightButton = isScrolledFarthestRight ? null : createElement(
    'div',
    { className: styles$31['Navigation-right'] },
    createElement(
      'a',
      { 'aria-label': rightA11yLabel, className: styles$31['Navigation-button'], onClick: navigateTableRight },
      createElement('img', { src: chevronRight$1, className: styles$31['Navigation-chevron'] })
    )
  );
  return createElement(
    'div',
    { className: styles$31.Navigation },
    leftButton,
    rightButton
  );
}
var Navigation$2 = withAppProvider()(Navigation$1);

class DataTable$1 extends PureComponent {
    constructor(props) {
        super(props);
        this.state = {
            collapsed: false,
            columnVisibilityData: [],
            heights: [],
            preservedScrollPosition: {},
            isScrolledFarthestLeft: true,
            isScrolledFarthestRight: false
        };
        this.dataTable = createRef();
        this.scrollContainer = createRef();
        this.table = createRef();
        const { translate } = props.polaris.intl;
        this.totalsRowHeading = translate('Polaris.DataTable.totalsRowHeading');
    }
    componentDidMount() {
        // We need to defer the calculation in development so the styles have time to be injected.
        if (process.env.NODE_ENV === 'development') {
            setTimeout(() => {
                this.handleResize();
            }, 10);
        } else {
            this.handleResize();
        }
    }
    componentDidUpdate(prevProps) {
        if (isEqual(prevProps, this.props)) {
            return;
        }
        this.handleResize();
    }
    render() {
        const { columnContentTypes, headings, totals, rows, truncate, footerContent, sortable, defaultSortDirection = 'ascending', initialSortColumnIndex = 0 } = this.props;
        const { collapsed, heights, sortedColumnIndex = initialSortColumnIndex, sortDirection = defaultSortDirection, isScrolledFarthestLeft, isScrolledFarthestRight } = this.state;
        const className = classNames$1(styles$31.DataTable, collapsed && styles$31.collapsed, footerContent && styles$31.hasFooter);
        const wrapperClassName = classNames$1(styles$31.TableWrapper, collapsed && styles$31.collapsed);
        const footerClassName = classNames$1(footerContent && styles$31.TableFoot);
        const footerMarkup = footerContent ? createElement(
            'tfoot',
            { className: footerClassName },
            createElement(
                'tr',
                null,
                this.renderFooter()
            )
        ) : null;
        const totalsMarkup = totals ? createElement(
            'tr',
            null,
            totals.map(this.renderTotals)
        ) : null;
        const headingMarkup = createElement(
            'tr',
            null,
            headings.map((heading, headingIndex) => {
                let sortableHeadingProps;
                const id = `heading-cell-${headingIndex}`;
                if (sortable) {
                    const isSortable = sortable[headingIndex];
                    const isSorted = sortedColumnIndex === headingIndex;
                    const direction = isSorted ? sortDirection : 'none';
                    sortableHeadingProps = {
                        defaultSortDirection,
                        sorted: isSorted,
                        sortable: isSortable,
                        sortDirection: direction,
                        onSort: this.defaultOnSort(headingIndex)
                    };
                }
                const height = !truncate ? heights[0] : undefined;
                return createElement(Cell$2, Object.assign({ header: true, key: id, height: height, content: heading, contentType: columnContentTypes[headingIndex], fixed: headingIndex === 0, truncate: truncate }, sortableHeadingProps));
            })
        );
        const bodyMarkup = rows.map(this.defaultRenderRow);
        const style = footerContent ? { marginBottom: `${heights[heights.length - 1]}px` } : undefined;
        return createElement(
            'div',
            { className: wrapperClassName },
            createElement(Navigation$2, { isScrolledFarthestLeft: isScrolledFarthestLeft, isScrolledFarthestRight: isScrolledFarthestRight, navigateTableLeft: this.navigateTable('left'), navigateTableRight: this.navigateTable('right') }),
            createElement(
                'div',
                { className: className, ref: this.dataTable },
                createElement(
                    'div',
                    { className: styles$31.ScrollContainer, ref: this.scrollContainer, style: style },
                    createElement(EventListener$1, { event: 'resize', handler: this.handleResize }),
                    createElement(EventListener$1, { capture: true, event: 'scroll', handler: this.scrollListener }),
                    createElement(
                        'table',
                        { className: styles$31.Table, ref: this.table },
                        createElement(
                            'thead',
                            null,
                            headingMarkup,
                            totalsMarkup
                        ),
                        createElement(
                            'tbody',
                            null,
                            bodyMarkup
                        ),
                        footerMarkup
                    )
                )
            )
        );
    }
    handleResize() {
        const { footerContent, truncate } = this.props;
        const { table: { current: table }, scrollContainer: { current: scrollContainer } } = this;
        let collapsed = false;
        if (table && scrollContainer) {
            collapsed = table.scrollWidth > scrollContainer.clientWidth;
            scrollContainer.scrollLeft = 0;
        }
        this.setState(Object.assign({ collapsed, heights: [] }, this.calculateColumnVisibilityData(collapsed)), () => {
            if (footerContent || !truncate) {
                this.setHeightsAndScrollPosition();
            }
        });
    }
    tallestCellHeights() {
        const { footerContent, truncate } = this.props;
        const { table: { current: table } } = this;
        let { heights } = this.state;
        if (table) {
            const rows = Array.from(table.getElementsByTagName('tr'));
            if (!truncate) {
                return heights = rows.map(row => {
                    const fixedCell = row.childNodes[0];
                    return Math.max(row.clientHeight, fixedCell.clientHeight);
                });
            }
            if (footerContent) {
                const footerCellHeight = rows[rows.length - 1].childNodes[0].clientHeight;
                heights = [footerCellHeight];
            }
        }
        return heights;
    }
    resetScrollPosition() {
        const { scrollContainer: { current: scrollContainer } } = this;
        if (scrollContainer) {
            const { preservedScrollPosition: { left, top } } = this.state;
            if (left) {
                scrollContainer.scrollLeft = left;
            }
            if (top) {
                window.scrollTo(0, top);
            }
        }
    }
    setHeightsAndScrollPosition() {
        this.setState({ heights: this.tallestCellHeights() }, this.resetScrollPosition);
    }
    calculateColumnVisibilityData(collapsed) {
        const { table: { current: table }, scrollContainer: { current: scrollContainer }, dataTable: { current: dataTable } } = this;
        if (collapsed && table && scrollContainer && dataTable) {
            const headerCells = table.querySelectorAll('[class*=header]');
            const collapsedHeaderCells = Array.from(headerCells).slice(1);
            const fixedColumnWidth = headerCells[0].offsetWidth;
            const firstVisibleColumnIndex = collapsedHeaderCells.length - 1;
            const tableLeftVisibleEdge = scrollContainer.scrollLeft + fixedColumnWidth;
            const tableRightVisibleEdge = scrollContainer.scrollLeft + dataTable.offsetWidth;
            const tableData = {
                fixedColumnWidth,
                firstVisibleColumnIndex,
                tableLeftVisibleEdge,
                tableRightVisibleEdge
            };
            const columnVisibilityData = collapsedHeaderCells.map(measureColumn(tableData));
            const lastColumn = columnVisibilityData[columnVisibilityData.length - 1];
            return Object.assign({ fixedColumnWidth,
                columnVisibilityData }, getPrevAndCurrentColumns(tableData, columnVisibilityData), { isScrolledFarthestLeft: tableLeftVisibleEdge === fixedColumnWidth, isScrolledFarthestRight: lastColumn.rightEdge <= tableRightVisibleEdge });
        }
        return {
            columnVisibilityData: [],
            previousColumn: undefined,
            currentColumn: undefined
        };
    }
    scrollListener() {
        this.setState(prevState => Object.assign({}, this.calculateColumnVisibilityData(prevState.collapsed)));
    }
    navigateTable(direction) {
        const { currentColumn, previousColumn, fixedColumnWidth } = this.state;
        const { scrollContainer: { current: scrollContainer } } = this;
        const handleScroll = () => {
            if (!currentColumn || !previousColumn || !fixedColumnWidth) {
                return;
            }
            if (scrollContainer) {
                scrollContainer.scrollLeft = direction === 'right' ? currentColumn.rightEdge - fixedColumnWidth : previousColumn.leftEdge - fixedColumnWidth;
                requestAnimationFrame(() => {
                    this.setState(prevState => Object.assign({}, this.calculateColumnVisibilityData(prevState.collapsed)));
                });
            }
        };
        return handleScroll;
    }
    renderTotals(total, index) {
        const id = `totals-cell-${index}`;
        const { heights } = this.state;
        const { truncate = false } = this.props;
        let content;
        let contentType;
        if (index === 0) {
            content = this.totalsRowHeading;
        }
        if (total !== '' && index > 0) {
            contentType = 'numeric';
            content = total;
        }
        return createElement(Cell$2, { total: true, fixed: index === 0, key: id, height: heights[1], content: content, contentType: contentType, truncate: truncate });
    }
    defaultRenderRow(row, index) {
        const className = classNames$1(styles$31.TableRow);
        const { columnContentTypes, totals, footerContent, truncate = false } = this.props;
        const { heights } = this.state;
        const bodyCellHeights = totals ? heights.slice(2) : heights.slice(1);
        if (footerContent) {
            bodyCellHeights.pop();
        }
        return createElement(
            'tr',
            { key: `row-${index}`, className: className },
            row.map((content, cellIndex) => {
                const id = `cell-${cellIndex}-row-${index}`;
                return createElement(Cell$2, { key: id, height: bodyCellHeights[index], content: content, contentType: columnContentTypes[cellIndex], fixed: cellIndex === 0, truncate: truncate });
            })
        );
    }
    renderFooter() {
        const { heights } = this.state;
        const footerCellHeight = heights[heights.length - 1];
        return createElement(Cell$2, { footer: true, height: footerCellHeight, content: this.props.footerContent, truncate: this.props.truncate });
    }
    defaultOnSort(headingIndex) {
        const { onSort, truncate, defaultSortDirection = 'ascending', initialSortColumnIndex } = this.props;
        const { sortDirection, sortedColumnIndex = initialSortColumnIndex } = this.state;
        let newSortDirection = defaultSortDirection;
        if (sortedColumnIndex === headingIndex) {
            newSortDirection = sortDirection === 'ascending' ? 'descending' : 'ascending';
        }
        const handleSort = () => {
            this.setState({
                sortDirection: newSortDirection,
                sortedColumnIndex: headingIndex
            }, () => {
                if (onSort) {
                    onSort(headingIndex, newSortDirection);
                    if (!truncate && this.scrollContainer.current) {
                        const preservedScrollPosition = {
                            left: this.scrollContainer.current.scrollLeft,
                            top: window.scrollY
                        };
                        this.setState({ preservedScrollPosition });
                        this.handleResize();
                    }
                }
            });
        };
        return handleSort;
    }
}
__decorate([autobind, debounce()], DataTable$1.prototype, "handleResize", null);
__decorate([autobind], DataTable$1.prototype, "tallestCellHeights", null);
__decorate([autobind], DataTable$1.prototype, "resetScrollPosition", null);
__decorate([autobind], DataTable$1.prototype, "setHeightsAndScrollPosition", null);
__decorate([autobind], DataTable$1.prototype, "calculateColumnVisibilityData", null);
__decorate([autobind], DataTable$1.prototype, "scrollListener", null);
__decorate([autobind], DataTable$1.prototype, "navigateTable", null);
__decorate([autobind], DataTable$1.prototype, "renderTotals", null);
__decorate([autobind], DataTable$1.prototype, "defaultRenderRow", null);
__decorate([autobind], DataTable$1.prototype, "renderFooter", null);
__decorate([autobind], DataTable$1.prototype, "defaultOnSort", null);
function measureColumn(tableData) {
    return function (column, index) {
        const { firstVisibleColumnIndex, tableLeftVisibleEdge: tableStart, tableRightVisibleEdge: tableEnd, fixedColumnWidth } = tableData;
        const leftEdge = column.offsetLeft + fixedColumnWidth;
        const rightEdge = leftEdge + column.offsetWidth;
        const isVisibleLeft = isEdgeVisible(leftEdge, tableStart, tableEnd);
        const isVisibleRight = isEdgeVisible(rightEdge, tableStart, tableEnd);
        const isVisible = isVisibleLeft || isVisibleRight;
        if (isVisible) {
            tableData.firstVisibleColumnIndex = Math.min(firstVisibleColumnIndex, index);
        }
        return { leftEdge, rightEdge, isVisible };
    };
}
function isEdgeVisible(position, start, end) {
    const minVisiblePixels = 30;
    return position >= start + minVisiblePixels && position <= end - minVisiblePixels;
}
function getPrevAndCurrentColumns(tableData, columnData) {
    const { firstVisibleColumnIndex } = tableData;
    const previousColumnIndex = Math.max(firstVisibleColumnIndex - 1, 0);
    const previousColumn = columnData[previousColumnIndex];
    const currentColumn = columnData[firstVisibleColumnIndex];
    return { previousColumn, currentColumn };
}
var DataTable$2 = withAppProvider()(DataTable$1);

function DatePreference$1({ children }) {
    const datePreference = "Spelled";
    const months = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
    const d = new Date(children);
    //const now = new Date();
    var date = "";
    if (datePreference === "Spelled") {
        // 4 Mar, 5 Feb 2020
        date = d.getDate() + " " + months[d.getMonth()] + " " + d.getFullYear();
    } else if (datePreference === "American") {
        // 3/4/2018, 2/5/2020
        date = d.getMonth() + 1 + "/" + d.getDate() + "/" + d.getFullYear();
    } else {
        // 4/3/2018, 5/2/2020
        date = d.getDate() + "/" + (d.getMonth() + 1) + "/" + d.getFullYear();
    }
    return createElement(
        "span",
        null,
        date
    );
}

var styles$32 = {
  "DatePicker": "p_hj",
  "MonthContainer": "p_xq",
  "Month": "p_ha",
  "Month-current": "p_kv",
  "Week": "p_jc",
  "WeekHeadings": "p_dl",
  "Day": "p_sp",
  "EmptyDay": "p_j0",
  "Day-today": "p_dk",
  "Day-inRange": "p_lk",
  "Day-selected": "p_sa",
  "Day-disabled": "p_cq",
  "Weekday": "p_vl",
  "Weekday-current": "p_vb",
  "Header": "p_nd",
  "Title": "p_aq",
};

class Day$1 extends PureComponent {
    constructor() {
        super(...arguments);
        this.dayNode = null;
    }
    componentDidUpdate(prevProps) {
        if (!prevProps.focused && this.props.focused && this.dayNode) {
            this.dayNode.focus();
        }
    }
    render() {
        const { day, focused, onClick, onHover = noop, onFocus = noop, selected, inRange, inHoveringRange, disabled, polaris: { intl } } = this.props;
        const handleHover = onHover.bind(null, day);
        if (!day) {
            return createElement('div', { className: styles$32.EmptyDay, onMouseOver: handleHover });
        }
        const handleClick = onClick && !disabled ? onClick.bind(null, day) : noop;
        const today = isSameDay(new Date(), day);
        const className = classNames$1(styles$32.Day, selected && styles$32['Day-selected'], disabled && styles$32['Day-disabled'], today && styles$32['Day-today'], (inRange || inHoveringRange) && !disabled && styles$32['Day-inRange']);
        const date = day.getDate();
        const tabIndex = (focused || selected || today || date === 1) && !disabled ? 0 : -1;
        const ariaLabel = [`${today ? intl.translate('Polaris.DatePicker.today') : ''}`, `${Months[day.getMonth()]} `, `${date} `, `${day.getFullYear()}`].join('');
        return createElement(
            'button',
            {
                // eslint-disable-next-line react/jsx-no-bind
                onFocus: onFocus.bind(null, day), type: 'button', ref: this.setNode, tabIndex: tabIndex, className: className, onMouseOver: handleHover
                // eslint-disable-next-line react/jsx-no-bind
                , onClick: handleClick, 'aria-label': ariaLabel, 'aria-selected': selected, 'aria-disabled': disabled, role: 'gridcell' },
            date
        );
    }
    setNode(node) {
        this.dayNode = node;
    }
}
__decorate([autobind], Day$1.prototype, "setNode", null);
var Day$2 = withAppProvider()(Day$1);

function Weekday$1({ label, title, current }) {
    const className = classNames$1(styles$32.Weekday, current && styles$32['Weekday-current']);
    return createElement(
        'div',
        { 'aria-label': Weekdays[label], className: className },
        title
    );
}

const WEEKDAYS = [Weekdays.Sunday, Weekdays.Monday, Weekdays.Tuesday, Weekdays.Wednesday, Weekdays.Thursday, Weekdays.Friday, Weekdays.Saturday];
function Month$1({ focusedDate, selected, hoverDate, disableDatesBefore, disableDatesAfter, allowRange, onChange = noop, onHover = noop, onFocus = noop, month, year, weekStartsOn }) {
    const isInHoveringRange = allowRange ? hoveringDateIsInRange : () => false;
    const now = new Date();
    const current = now.getMonth() === month && now.getFullYear() === year;
    const className = classNames$1(styles$32.Title, current && styles$32['Month-current']);
    const weeks = getWeeksForMonth(month, year, weekStartsOn);
    const weekdays = getWeekdaysOrdered(weekStartsOn).map(weekday => createElement(Weekday$1, { key: weekday, title: abbreviationForWeekday(weekday), current: current && new Date().getDay() === weekday, label: weekday }));
    function handleDateClick(selectedDate) {
        onChange(getNewRange(allowRange && selected, selectedDate));
    }
    function renderWeek(day, dayIndex) {
        if (day == null) {
            const lastDayOfMonth = new Date(year, month + 1, 0);
            return (
                // eslint-disable-next-line react/jsx-no-bind
                createElement(Day$2, { key: dayIndex, onHover: onHover.bind(null, lastDayOfMonth) })
            );
        }
        const disabled = disableDatesBefore && isDateBefore(day, disableDatesBefore) || disableDatesAfter && isDateAfter(day, disableDatesAfter);
        return createElement(Day$2, { focused: focusedDate != null && isSameDay(day, focusedDate), day: day, key: dayIndex, onFocus: onFocus, onClick: handleDateClick, onHover: onHover, selected: selected != null && dateIsSelected(day, selected), inRange: selected != null && dateIsInRange(day, selected), disabled: disabled, inHoveringRange: selected != null && hoverDate != null && isInHoveringRange(day, selected, hoverDate) });
    }
    const weeksMarkup = weeks.map((week, index) => createElement(
        'div',
        { role: 'row', className: styles$32.Week, key: index },
        week.map(renderWeek)
    ));
    return createElement(
        'div',
        { role: 'grid', className: styles$32.Month },
        createElement(
            'div',
            { className: className },
            Months[month],
            ' ',
            year
        ),
        createElement(
            'div',
            { role: 'rowheader', className: styles$32.WeekHeadings },
            weekdays
        ),
        weeksMarkup
    );
}
function hoveringDateIsInRange(day, range, hoverEndDate) {
    if (day == null) {
        return false;
    }
    const { start, end } = range;
    return Boolean(start === end && day > start && day <= hoverEndDate);
}
function getWeekdaysOrdered(weekStartsOn) {
    const weekDays = [...WEEKDAYS];
    const restOfDays = weekDays.splice(weekStartsOn);
    return [...restOfDays, ...weekDays];
}

class DatePicker$1 extends PureComponent {
    constructor() {
        super(...arguments);
        this.state = {
            hoverDate: undefined,
            focusDate: undefined
        };
    }
    componentDidUpdate(prevProps) {
        const selectedPropDidChange = !isSameSelectedDate(prevProps.selected, this.props.selected);
        if (selectedPropDidChange) {
            this.resetFocus();
        }
    }
    render() {
        const { id, selected, month, year, allowRange, multiMonth, disableDatesBefore, disableDatesAfter, weekStartsOn = Weekdays.Sunday, polaris: { intl } } = this.props;
        const { hoverDate, focusDate } = this.state;
        const showNextYear = getNextDisplayYear(month, year);
        const showNextMonth = getNextDisplayMonth(month);
        const showNextToNextYear = getNextDisplayYear(showNextMonth, showNextYear);
        const showNextToNextMonth = getNextDisplayMonth(showNextMonth);
        const showPreviousYear = getPreviousDisplayYear(month, year);
        const showPreviousMonth = getPreviousDisplayMonth(month);
        const previousMonthName = Months[showPreviousMonth];
        const nextMonth = multiMonth ? Months[showNextToNextMonth] : Months[showNextMonth];
        const nextYear = multiMonth ? showNextToNextYear : showNextYear;
        const secondDatePicker = multiMonth ? createElement(Month$1, { onFocus: this.handleFocus, focusedDate: focusDate, month: showNextMonth, year: showNextYear, selected: deriveRange(selected), hoverDate: hoverDate, onChange: this.handleDateSelection, onHover: this.handleHover, disableDatesBefore: disableDatesBefore, disableDatesAfter: disableDatesAfter, allowRange: allowRange, weekStartsOn: weekStartsOn }) : null;
        return createElement(
            'div',
            { id: id, className: styles$32.DatePicker, onKeyDown: handleKeyDown, onKeyUp: this.handleKeyUp },
            createElement(
                'div',
                { className: styles$32.Header },
                createElement(Button$2, { plain: true, icon: 'arrowLeft', accessibilityLabel: intl.translate('Polaris.DatePicker.previousMonth', {
                        previousMonthName,
                        showPreviousYear
                    })
                    // eslint-disable-next-line react/jsx-no-bind
                    , onClick: this.handleMonthChangeClick.bind(null, showPreviousMonth, showPreviousYear) }),
                createElement(Button$2, { plain: true, icon: 'arrowRight', accessibilityLabel: intl.translate('Polaris.DatePicker.nextMonth', {
                        nextMonth,
                        nextYear
                    })
                    // eslint-disable-next-line react/jsx-no-bind
                    , onClick: this.handleMonthChangeClick.bind(null, showNextMonth, showNextYear) })
            ),
            createElement(
                'div',
                { className: styles$32.MonthContainer },
                createElement(Month$1, { onFocus: this.handleFocus, focusedDate: focusDate, month: month, year: year, selected: deriveRange(selected), hoverDate: hoverDate, onChange: this.handleDateSelection, onHover: this.handleHover, disableDatesBefore: disableDatesBefore, disableDatesAfter: disableDatesAfter, allowRange: allowRange, weekStartsOn: weekStartsOn }),
                secondDatePicker
            )
        );
    }
    handleFocus(date) {
        this.setState({ focusDate: date });
    }
    resetFocus() {
        this.setState({ focusDate: undefined });
    }
    handleKeyUp(event) {
        const { key } = event;
        const { selected, disableDatesBefore, disableDatesAfter } = this.props;
        const { focusDate } = this.state;
        const range = deriveRange(selected);
        const focusedDate = focusDate || range && range.start;
        if (focusedDate == null) {
            return;
        }
        if (key === 'ArrowUp') {
            const previousWeek = new Date(focusedDate);
            previousWeek.setDate(focusedDate.getDate() - 7);
            if (!(disableDatesBefore && isDateBefore(previousWeek, disableDatesBefore))) {
                this.setFocusDateAndHandleMonthChange(previousWeek);
            }
        }
        if (key === 'ArrowDown') {
            const nextWeek = new Date(focusedDate);
            nextWeek.setDate(focusedDate.getDate() + 7);
            if (!(disableDatesAfter && isDateAfter(nextWeek, disableDatesAfter))) {
                this.setFocusDateAndHandleMonthChange(nextWeek);
            }
        }
        if (key === 'ArrowRight') {
            const tomorrow = new Date(focusedDate);
            tomorrow.setDate(focusedDate.getDate() + 1);
            if (!(disableDatesAfter && isDateAfter(tomorrow, disableDatesAfter))) {
                this.setFocusDateAndHandleMonthChange(tomorrow);
            }
        }
        if (key === 'ArrowLeft') {
            const yesterday = new Date(focusedDate);
            yesterday.setDate(focusedDate.getDate() - 1);
            if (!(disableDatesBefore && isDateBefore(yesterday, disableDatesBefore))) {
                this.setFocusDateAndHandleMonthChange(yesterday);
            }
        }
    }
    setFocusDateAndHandleMonthChange(date) {
        const { onMonthChange } = this.props;
        if (onMonthChange) {
            onMonthChange(date.getMonth(), date.getFullYear());
        }
        this.setState({
            hoverDate: date,
            focusDate: date
        });
    }
    handleDateSelection(range) {
        const { end } = range;
        const { onChange = noop } = this.props;
        this.setState({ hoverDate: end, focusDate: new Date(end) }, () => onChange(range));
    }
    handleMonthChangeClick(month, year) {
        const { onMonthChange } = this.props;
        if (!onMonthChange) {
            return;
        }
        this.setState({
            focusDate: undefined
        });
        onMonthChange(month, year);
    }
    handleHover(date) {
        this.setState({
            hoverDate: date
        });
    }
}
__decorate([autobind], DatePicker$1.prototype, "handleFocus", null);
__decorate([autobind], DatePicker$1.prototype, "resetFocus", null);
__decorate([autobind], DatePicker$1.prototype, "handleKeyUp", null);
__decorate([autobind], DatePicker$1.prototype, "setFocusDateAndHandleMonthChange", null);
__decorate([autobind], DatePicker$1.prototype, "handleDateSelection", null);
__decorate([autobind], DatePicker$1.prototype, "handleMonthChangeClick", null);
__decorate([autobind], DatePicker$1.prototype, "handleHover", null);
function handleKeyDown(event) {
    const { key } = event;
    if (key === 'ArrowUp' || key === 'ArrowDown' || key === 'ArrowLeft' || key === 'ArrowRight') {
        event.preventDefault();
        event.stopPropagation();
    }
}
function isSameSelectedDate(previousDate, currentDate) {
    if (previousDate == null || currentDate == null) {
        return previousDate == null && currentDate == null;
    }
    if (previousDate instanceof Date || currentDate instanceof Date) {
        return previousDate instanceof Date && currentDate instanceof Date && isSameDay(previousDate, currentDate);
    }
    return isSameDay(previousDate.start, currentDate.start) && isSameDay(previousDate.end, currentDate.end);
}
function deriveRange(selected) {
    return selected instanceof Date ? { start: selected, end: selected } : selected;
}
var DatePicker$2 = withAppProvider()(DatePicker$1);

var styles$33 = {
  "DescriptionList": "p_bw",
  "Term": "p_on",
  "Description": "p_uj",
  "dense": "p_am",
};

const getUniqueTermKey = createUniqueIDFactory(`Term`);
const getUniqueDescriptionKey = createUniqueIDFactory(`Description`);
function DescriptionList$1({ items, dense }) {
    const terms = items.reduce((allTerms, { term, description }) => [...allTerms, createElement(
        'dt',
        { key: getUniqueTermKey(), className: styles$33.Term },
        term
    ), createElement(
        'dd',
        { key: getUniqueDescriptionKey(), className: styles$33.Description },
        description ? description : '--'
    )], []);
    const className = classNames$1(styles$33.DescriptionList, dense && styles$33.dense);
    return createElement(
        'dl',
        { className: className },
        terms
    );
}

var styles$34 = {
  "DisplayText": "p_ne",
  "sizeSmall": "p_wx",
  "sizeMedium": "p_tb",
  "sizeLarge": "p_ti",
  "sizeExtraLarge": "p_ww",
};

function DisplayText$1({ element: Element = 'p', children, size = 'medium' }) {
    const className = classNames$1(styles$34.DisplayText, size && styles$34[variationName$1('size', size)]);
    return createElement(
        Element,
        { className: className },
        children
    );
}

var styles$35 = {
  "hidden": "p_f9",
  "LabelWrapper": "p_e4",
  "HelpText": "p_w5",
  "Error": "p_we",
};

function Labelled$1(_a) {
  var { id, label, error, action, helpText, children, labelHidden, optional } = _a,
      rest = __rest(_a, ["id", "label", "error", "action", "helpText", "children", "labelHidden", "optional"]);
  const className = classNames$1(labelHidden && styles$35.hidden);
  const actionMarkup = action ? buttonFrom(action, { plain: true }) : null;
  const helpTextMarkup = helpText ? createElement(
    'div',
    { className: styles$35.HelpText, id: helpTextID$1(id) },
    helpText
  ) : null;
  const errorMarkup = error && typeof error !== 'boolean' && createElement(
    'div',
    { className: styles$35.Error },
    createElement(InlineError$1, { message: error, fieldID: id })
  );
  const labelMarkup = label ? createElement(
    'div',
    { className: styles$35.LabelWrapper },
    createElement(
      Label$1,
      Object.assign({ id: id }, rest, { hidden: false, optional: optional }),
      label
    ),
    actionMarkup
  ) : null;
  return createElement(
    'div',
    { className: className },
    labelMarkup,
    children,
    errorMarkup,
    helpTextMarkup
  );
}

function helpTextID$1(id) {
  return `${id}HelpText`;
}

function withContext$1(Consumer) {
    return function addContext(WrappedComponent) {
        // eslint-disable-next-line react/prefer-stateless-function
        class WithContext extends Component {
            render() {
                return createElement(
                    Consumer,
                    null,
                    ctx => {
                        const _a = this.props,
                              { context } = _a,
                              rest = __rest(_a, ["context"]);
                        return createElement(WrappedComponent, Object.assign({}, rest, { context: Object.assign({}, context, ctx) }));
                    }
                );
            }
        }
        const FinalComponent = hoistStatics(WithContext, WrappedComponent);
        return FinalComponent;
    };
}

const { Provider: Provider$1, Consumer: Consumer$1 } = createContext({
    size: 'extraLarge',
    type: 'file'
});

var IconDragDrop = {"viewBox":"0 0 20 20","body":"<path  fill-rule=\"evenodd\" d=\"M19.317 12.052L14 10.28V5a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h5.28l1.772 5.317a.998.998 0 0 0 1.843.13l1.85-3.701 3.703-1.851a1 1 0 0 0-.131-1.843zM2 16a1 1 0 1 0-2 0v1a1 1 0 0 0 1 1h1a1 1 0 1 0 0-2M16 2a1 1 0 1 0 2 0V1a1 1 0 0 0-1-1h-1a1 1 0 1 0 0 2M6 2h1a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2m5 0h1a1 1 0 1 0 0-2h-1a1 1 0 1 0 0 2M2 0H1a1 1 0 0 0-1 1v1a1 1 0 1 0 2 0 1 1 0 1 0 0-2M1 8a1 1 0 0 0 1-1V6a1 1 0 1 0-2 0v1a1 1 0 0 0 1 1m0 5a1 1 0 0 0 1-1v-1a1 1 0 1 0-2 0v1a1 1 0 0 0 1 1m13.553 1.105a1.002 1.002 0 0 0-.447.447l-.921 1.841-1.604-4.812 4.813 1.604-1.841.92zM6 12.002V6h6v3.612l-1.683-.561a.998.998 0 1 0-1.265 1.265L9.612 12H6zM7 16H6a1 1 0 1 0 0 2h1a1 1 0 1 0 0-2M17 5a1 1 0 0 0-1 1v1a1 1 0 1 0 2 0V6a1 1 0 0 0-1-1\"/>"};

var AssetFileUpload = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjggMTI4Ij48cGF0aCBkPSJNNjkuODEgMTI0LjQzYTEuMzkgMS4zOSAwIDAgMS0uNTctLjEyIDEuNDMgMS40MyAwIDAgMS0uNDktLjMyIDEuNTIgMS41MiAwIDAgMS0uNDQtMS4wNiAxLjUgMS41IDAgMCAxIC40NC0xLjA2IDEuNTMgMS41MyAwIDAgMSAxLjM1LS40MiAxLjMxIDEuMzEgMCAwIDEgLjI4LjA5IDEuMDggMS4wOCAwIDAgMSAuMjYuMTQgMS4wNiAxLjA2IDAgMCAxIC4yMy4xOSAxLjM3IDEuMzcgMCAwIDEgLjE5LjIyIDEuMjYgMS4yNiAwIDAgMSAuMTMuMjYgMS40OSAxLjQ5IDAgMCAxLS4zMiAxLjY0IDEuMzQgMS4zNCAwIDAgMS0uNDkuMzIgMS4zOSAxLjM5IDAgMCAxLS41Ny4xMnptLTkuNzEtMS41YTEuNSAxLjUgMCAwIDEgMS41LTEuNSAxLjUgMS41IDAgMCAxIDEuNSAxLjUgMS41MSAxLjUxIDAgMCAxLTEuNSAxLjUgMS41IDEuNSAwIDAgMS0xLjUtMS41em0tOC4yMiAwYTEuNSAxLjUgMCAwIDEgMS41LTEuNSAxLjUgMS41IDAgMCAxIDEuNSAxLjUgMS41IDEuNSAwIDAgMS0xLjUgMS41IDEuNSAxLjUgMCAwIDEtMS41LTEuNXptLTguMjIgMGExLjUgMS41IDAgMCAxIDEuNS0xLjUgMS41MSAxLjUxIDAgMCAxIDEuNTEgMS41IDEuNTEgMS41MSAwIDAgMS0xLjUxIDEuNSAxLjUxIDEuNTEgMCAwIDEtMS41LTEuNXptLTguMjEgMGExLjUgMS41IDAgMCAxIDEuNS0xLjUgMS41IDEuNSAwIDAgMSAxLjUgMS41IDEuNSAxLjUgMCAwIDEtMS41IDEuNSAxLjUgMS41IDAgMCAxLTEuNS0xLjV6bS04LjIyIDBhMS41IDEuNSAwIDAgMSAxLjUtMS41IDEuNTEgMS41MSAwIDAgMSAxLjUxIDEuNSAxLjUxIDEuNTEgMCAwIDEtMS41MSAxLjUgMS41MSAxLjUxIDAgMCAxLTEuNS0xLjV6bS04LjIxIDBhMS41IDEuNSAwIDAgMSAxLjUtMS41IDEuNSAxLjUgMCAwIDEgMS41IDEuNSAxLjUgMS41IDAgMCAxLTEuNSAxLjUgMS41IDEuNSAwIDAgMS0xLjUyLTEuNXptLTguMjIgMGExLjUgMS41IDAgMCAxIDEuNS0xLjUgMS41MSAxLjUxIDAgMCAxIDEuNTEgMS41IDEuNTEgMS41MSAwIDAgMS0xLjUxIDEuNSAxLjUgMS41IDAgMCAxLTEuNS0xLjV6bS02LjcxIDEuNUExLjUgMS41IDAgMCAxIDMgMTI0YTEuNDcgMS40NyAwIDAgMS0uNDQtMS4wNiAxLjUzIDEuNTMgMCAwIDEgMC0uM2MwLS4wOSAwLS4xOS4wOC0uMjhhMi4xNSAyLjE1IDAgMCAxIC4xNC0uMjYgMS4zNyAxLjM3IDAgMCAxIC4xOS0uMjIgMS4wNiAxLjA2IDAgMCAxIC4yMy0uMTkgMS4wOCAxLjA4IDAgMCAxIC4yNi0uMTQgMS4zMSAxLjMxIDAgMCAxIC4yOC0uMDkgMS44OCAxLjg4IDAgMCAxIC41OCAwIDEuMzEgMS4zMSAwIDAgMSAuMjguMDkgMS4zIDEuMyAwIDAgMSAuMjYuMTQgMS4zNyAxLjM3IDAgMCAxIC4yMy4xOSAxLjM3IDEuMzcgMCAwIDEgLjE5LjIyIDEuMjYgMS4yNiAwIDAgMSAuMTMuMjYgMS40MSAxLjQxIDAgMCAxIC4xMi41OCAxLjU2IDEuNTYgMCAwIDEtLjExLjU3IDEuNjMgMS42MyAwIDAgMS0uMzMuNDkgMS41IDEuNSAwIDAgMS0xIC40M3ptLTEuNS05LjVhMS41IDEuNSAwIDAgMSAxLjUtMS41IDEuNSAxLjUgMCAwIDEgMS41IDEuNSAxLjUgMS41IDAgMCAxLTEuNSAxLjUgMS41IDEuNSAwIDAgMS0xLjUtMS41em0wLThhMS41IDEuNSAwIDAgMSAxLjUtMS41IDEuNSAxLjUgMCAwIDEgMS41IDEuNSAxLjUgMS41IDAgMCAxLTEuNSAxLjUgMS41IDEuNSAwIDAgMS0xLjUtMS41em0wLThhMS41IDEuNSAwIDAgMSAxLjUtMS41IDEuNSAxLjUgMCAwIDEgMS41IDEuNSAxLjUgMS41IDAgMCAxLTEuNSAxLjUgMS41IDEuNSAwIDAgMS0xLjUtMS40OXptMC04YTEuNSAxLjUgMCAwIDEgMS41LTEuNSAxLjUgMS41IDAgMCAxIDEuNSAxLjUgMS41IDEuNSAwIDAgMS0xLjUgMS41IDEuNSAxLjUgMCAwIDEtMS41LTEuNDl6bTAtOGExLjUgMS41IDAgMCAxIDEuNS0xLjVBMS41IDEuNSAwIDAgMSA1LjU5IDgzYTEuNSAxLjUgMCAwIDEtMS41IDEuNSAxLjUgMS41IDAgMCAxLTEuNS0xLjV6bTAtOGExLjUgMS41IDAgMCAxIDEuNS0xLjVBMS41IDEuNSAwIDAgMSA1LjU5IDc1YTEuNSAxLjUgMCAwIDEtMS41IDEuNSAxLjUgMS41IDAgMCAxLTEuNS0xLjV6bTAtOGExLjUgMS41IDAgMCAxIDEuNS0xLjVBMS41IDEuNSAwIDAgMSA1LjU5IDY3YTEuNTEgMS41MSAwIDAgMS0xLjUgMS41MUExLjUxIDEuNTEgMCAwIDEgMi41OSA2N3ptMC04YTEuNSAxLjUgMCAwIDEgMS41LTEuNUExLjUgMS41IDAgMCAxIDUuNTkgNTlhMS41IDEuNSAwIDAgMS0xLjUgMS41IDEuNSAxLjUgMCAwIDEtMS41LTEuNXptMC04YTEuNTEgMS41MSAwIDAgMSAxLjUtMS41MUExLjUxIDEuNTEgMCAwIDEgNS41OSA1MWExLjUgMS41IDAgMCAxLTEuNSAxLjUgMS41IDEuNSAwIDAgMS0xLjUtMS41em0xLjUtNi40NkExLjUgMS41IDAgMCAxIDIuNTkgNDNhMS4zNiAxLjM2IDAgMCAxIDAtLjI5IDIuMjkgMi4yOSAwIDAgMSAuMDgtLjI4IDIuMTUgMi4xNSAwIDAgMSAuMTQtLjI2IDEuNTcgMS41NyAwIDAgMSAuNDItLjQyIDIgMiAwIDAgMSAuMjUtLjE0bC4yOS0uMDhhMS41IDEuNSAwIDAgMSAxLjM1LjQxIDEuNDUgMS40NSAwIDAgMSAuMTkuMjMgMS4yNiAxLjI2IDAgMCAxIC4xMy4yNiAxLjMxIDEuMzEgMCAwIDEgLjA5LjI4IDEuMzYgMS4zNiAwIDAgMSAwIC4yOSAxLjUyIDEuNTIgMCAwIDEtLjM4IDEgMi4xMSAyLjExIDAgMCAxLS4yMy4xOSAxLjI2IDEuMjYgMCAwIDEtLjI2LjEzIDEuMzEgMS4zMSAwIDAgMS0uMjguMDkgMS40MyAxLjQzIDAgMCAxLS4yOS4wNnpNNjAuMSA0M2ExLjUgMS41IDAgMCAxIDEuNS0xLjUgMS41IDEuNSAwIDAgMSAxLjUgMS41IDEuNSAxLjUgMCAwIDEtMS41IDEuNSAxLjUgMS41IDAgMCAxLTEuNS0xLjV6bS04LjIyIDBhMS41IDEuNSAwIDAgMSAxLjUtMS41IDEuNSAxLjUgMCAwIDEgMS41IDEuNSAxLjUgMS41IDAgMCAxLTEuNSAxLjUgMS41IDEuNSAwIDAgMS0xLjUtMS41em0tOC4yMiAwYTEuNSAxLjUgMCAwIDEgMS41LTEuNSAxLjUxIDEuNTEgMCAwIDEgMS41MSAxLjUgMS41MSAxLjUxIDAgMCAxLTEuNTEgMS41IDEuNSAxLjUgMCAwIDEtMS41LTEuNXptLTguMjEgMGExLjUgMS41IDAgMCAxIDEuNS0xLjUgMS41IDEuNSAwIDAgMSAxLjUgMS41IDEuNSAxLjUgMCAwIDEtMS41IDEuNSAxLjUgMS41IDAgMCAxLTEuNS0xLjV6bS04LjIyIDBhMS41IDEuNSAwIDAgMSAxLjUtMS41IDEuNSAxLjUgMCAwIDEgMS41IDEuNSAxLjUgMS41IDAgMCAxLTEuNSAxLjUgMS41IDEuNSAwIDAgMS0xLjUtMS41ek0xOSA0M2ExLjUgMS41IDAgMCAxIDEuNS0xLjVBMS41IDEuNSAwIDAgMSAyMiA0M2ExLjUgMS41IDAgMCAxLTEuNSAxLjVBMS41IDEuNSAwIDAgMSAxOSA0M3ptLTguMiAwYTEuNSAxLjUgMCAwIDEgMS41LTEuNSAxLjUgMS41IDAgMCAxIDEuNSAxLjUgMS41IDEuNSAwIDAgMS0xLjUgMS41IDEuNSAxLjUgMCAwIDEtMS41LTEuNXptNTkuMDEgMS40N2ExLjUgMS41IDAgMCAxLTEuMDYtLjQ3IDEuNTIgMS41MiAwIDAgMS0uNDQtMSAxLjUgMS41IDAgMCAxIDEuNzktMS41bC4yOC4wOC4yNi4xNGEyLjExIDIuMTEgMCAwIDEgLjIzLjE5IDEuNSAxLjUgMCAwIDEgLjQ0IDEuMDkgMS41MiAxLjUyIDAgMCAxLS40NCAxIDIuMTEgMi4xMSAwIDAgMS0uMjMuMTkgMS4yNiAxLjI2IDAgMCAxLS4yNi4xMyAxLjMxIDEuMzEgMCAwIDEtLjI4LjA5IDEuMzYgMS4zNiAwIDAgMS0uMjkuMDZ6bS0xLjUgNzAuNDZhMS41IDEuNSAwIDAgMSAxLjUtMS41IDEuNSAxLjUgMCAwIDEgMS41IDEuNSAxLjUgMS41IDAgMCAxLTEuNSAxLjUgMS41IDEuNSAwIDAgMS0xLjUtMS41em0wLThhMS41IDEuNSAwIDAgMSAxLjUtMS41IDEuNSAxLjUgMCAwIDEgMS41IDEuNSAxLjUgMS41IDAgMCAxLTEuNSAxLjUgMS41IDEuNSAwIDAgMS0xLjUtMS41em0wLThhMS41IDEuNSAwIDAgMSAxLjUtMS41IDEuNSAxLjUgMCAwIDEgMS41IDEuNSAxLjUgMS41IDAgMCAxLTEuNSAxLjUgMS41IDEuNSAwIDAgMS0xLjUtMS40OXptMC04YTEuNSAxLjUgMCAwIDEgMS41LTEuNSAxLjUgMS41IDAgMCAxIDEuNSAxLjUgMS41IDEuNSAwIDAgMS0xLjUgMS41IDEuNSAxLjUgMCAwIDEtMS41LTEuNDl6bTAtOGExLjUgMS41IDAgMCAxIDEuNS0xLjUgMS41IDEuNSAwIDAgMSAxLjUgMS41IDEuNSAxLjUgMCAwIDEtMS41IDEuNSAxLjUgMS41IDAgMCAxLTEuNS0xLjQzem0wLThhMS41IDEuNSAwIDAgMSAxLjUtMS41IDEuNSAxLjUgMCAwIDEgMS41IDEuNSAxLjUgMS41IDAgMCAxLTEuNSAxLjUgMS41IDEuNSAwIDAgMS0xLjUtMS40M3ptMC04YTEuNSAxLjUgMCAwIDEgMS41LTEuNSAxLjUgMS41IDAgMCAxIDEuNSAxLjUgMS41IDEuNSAwIDAgMS0xLjUgMS40OSAxLjUgMS41IDAgMCAxLTEuNS0xLjQyem0wLThhMS41IDEuNSAwIDAgMSAxLjUtMS41IDEuNSAxLjUgMCAwIDEgMS41IDEuNSAxLjUgMS41IDAgMCAxLTEuNSAxLjUgMS41IDEuNSAwIDAgMS0xLjUtMS40M3ptMC04YTEuNSAxLjUgMCAwIDEgMS41LTEuNSAxLjUgMS41IDAgMCAxIDEuNSAxLjUgMS41IDEuNSAwIDAgMS0xLjUgMS41IDEuNSAxLjUgMCAwIDEtMS41LTEuNDN6IiBmaWxsPSIjZGVlNGY1Ii8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTI2LjY3IDMuNTdoNzkuNDF2OTYuNjFIMjYuNjd6Ii8+PHBhdGggZD0iTTEwNi45MiAxMDFIOTEuNzhjLTEuNjQgMC0zLjI0LjE1LTQuOS4xOHMtMy4zOS0uMDUtNS4xMS0uMTNjLS44NSAwLTEuNy0uMDYtMi41NCAwcy0xLjY3IDAtMi40OSAwbC05LjkxLjI5Yy0zLjMyLjA4LTYuNjIuMjQtMTAgLjI2cy02Ljc4LS4yNy0xMC4xMS0uMTljLTYuNjMuNDItMTMuNC4xNi0yMC4wNyAwaC0uMDhhMS4xIDEuMSAwIDAgMS0xLjA3LTEuMTNjLjA4LTIgLjA2LTQgLjA4LTZzMC00IDAtNi0uMTktNC0uMjMtNiAuMTUtNCAuMjgtNmEyMS42IDIxLjYgMCAwIDAgMC0zIDI3Ljg2IDI3Ljg2IDAgMCAxLS4xNC0zdi02bC4xMy0xMi4wOHYtMTJsLjMzLTZhNTMgNTMgMCAwIDAtLjEzLTZjLS4yMy00IC4xMi04IC4yNi0xMi4wOGwuMDYtM3YtM2wtLjA4LTZBLjU1LjU1IDAgMCAxIDI2LjY0IDNjMy4zLS4xIDYuNjEgMCA5LjkyIDBzNi42MiAwIDkuOTMuMDZjMS42NSAwIDMuMzEuMDYgNSAuMDdINTRsMi40OC0uMDggOS45My0uMzNDNzMgMi41NCA3OS42IDIuNCA4Ni4yMiAyLjQzYzMuMzEuMDcgNi42Mi4zIDkuOTMuMjRsOS45Mi0uMjZhMS4xMyAxLjEzIDAgMCAxIDEuMTYgMS4xdi4wNmwuMTggNi4xYzAgMi0uMTEgNC4wNi0uMTYgNi4wOCAwIDQuMDYuMjIgOC4xNi4xMyAxMi4yMiAwIDItLjI2IDQtLjMzIDYtLjA2IDEgMCAyIDAgM3Y2LjA2bC0uMTIgM2E0Ni43NSA0Ni43NSAwIDAgMCAuMDkgNi4xM2MuMjEgNC4xNi0uMjEgOC0uMiAxMi4wOC0uMTcgNCAuMTMgOC4yIDAgMTIuMjEgMCAyLS4xNSA0LS4xNiA2cy4wNyA0LjExLjEzIDYuMTlsLjA4IDMuMTJ2My4wNmMuMDYgMi4xOC4xMyA0LjE4LjA1IDYuMTh6bS0xLjctMS42OVY4Ny4zN2MwLTIgLjA4LTMuOTMuMDYtNS45M3MtLjItNC4xMy0uMjYtNi4xNWMtLjE1LTQuMDguMjItNy44MyAwLTExLjkzLS4wNi0yLS4xNi00LjA2LS4yNy02LjFhNDMuODkgNDMuODkgMCAwIDEgMC02IDMxLjE0IDMxLjE0IDAgMCAwIC4xNi01LjkgNDQuNzUgNDQuNzUgMCAwIDEtLjA5LTYgNTguNDUgNTguNDUgMCAwIDAgLjE4LTUuODZjMC0yLS4yNy00LjA1LS4yOC02czAtNCAuMTEtNS45NS4xNS00IC4xNC02LS4xOS00LS4xNi02bC4xNC02IDEuMTEgMS4xMWMtMy4zMS0uMDctNi42MS0uMTktOS45Mi0uMThzLTYuNjIuMy05LjkzLjQzQzc5LjYgNS4wNiA3MyA1IDY2LjM3IDQuODNjLTEuNjYgMC0zLjMxLS4xLTUtLjE3bC01LS4yOWMtMy4zMS0uMTgtNi42MSAwLTkuOTIuMTMtNi42Mi4yMi0xMy4yNC4zOS0xOS44NS4yN2wxLjItMS4yLS4yOCA2djNsLjEgM2MuMjIgNCAuODMgOC4wNi4zNyAxMi4wOC0uMTEgMS0uMjcgMi0uMzQgM3MwIDIgMCAzYy4xMSAyIC40MSA0IC41IDZ2M2wtLjA3IDMtLjE0IDZMMjggNjRsLS4wNiA2YTIyIDIyIDAgMCAxLS4yIDMgMjAuMTggMjAuMTggMCAwIDAtLjA4IDNjLjA5IDIgLjI4IDQgLjE5IDZsLS4yNyA2Yy0uMDYgNC0uMTQgOC4wNS0uMTMgMTIuMDhsLS43NC0uNzVoOS44NWMzLjI4IDAgNi41OC4wOCA5Ljg2LjA2czYuNTEtLjI1IDkuNzYtLjI5IDYuNTcuMSA5Ljg3LjE0bDkuOTEuMTloNC44OWMxLjU5IDAgMy4xOC0uMTQgNC44Mi0uMTRzMy4zNC4xMSA1IC4xNGw0Ljg2LS4wNmMzLjE3LS4wNSA2LjQ3LS4wMiA5LjY5LS4wNHoiIGZpbGw9IiNmZmYiLz48ZyBvcGFjaXR5PSIuNSIgZmlsbD0iI2RlZTRmNSI+PHBhdGggZD0iTTI2LjY3IDMuNTdoNzkuNDF2OTYuNjFIMjYuNjd6Ii8+PHBhdGggZD0iTTEwNi45MiAxMDFIOTEuNzhjLTEuNjQgMC0zLjI0LjE1LTQuOS4xOHMtMy4zOS0uMDUtNS4xMS0uMTNjLS44NSAwLTEuNy0uMDYtMi41NCAwcy0xLjY3IDAtMi40OSAwbC05LjkxLjI5Yy0zLjMyLjA4LTYuNjIuMjQtMTAgLjI2cy02Ljc4LS4yNy0xMC4xMS0uMTljLTYuNjMuNDItMTMuNC4xNi0yMC4wNyAwaC0uMDhhMS4xIDEuMSAwIDAgMS0xLjA3LTEuMTNjLjA4LTIgLjA2LTQgLjA4LTZzMC00IDAtNi0uMTktNC0uMjMtNiAuMTUtNCAuMjgtNmEyMS42IDIxLjYgMCAwIDAgMC0zIDI3Ljg2IDI3Ljg2IDAgMCAxLS4xNC0zdi02bC4xMy0xMi4wOHYtMTJsLjMzLTZhNTMgNTMgMCAwIDAtLjEzLTZjLS4yMy00IC4xMi04IC4yNi0xMi4wOGwuMDYtM3YtM2wtLjA4LTZBLjU1LjU1IDAgMCAxIDI2LjY0IDNjMy4zLS4xIDYuNjEgMCA5LjkyIDBzNi42MiAwIDkuOTMuMDZjMS42NSAwIDMuMzEuMDYgNSAuMDdINTRsMi40OC0uMDggOS45My0uMzNDNzMgMi41NCA3OS42IDIuNCA4Ni4yMiAyLjQzYzMuMzEuMDcgNi42Mi4zIDkuOTMuMjRsOS45Mi0uMjZhMS4xMyAxLjEzIDAgMCAxIDEuMTYgMS4xdi4wNmwuMTggNi4xYzAgMi0uMTEgNC4wNi0uMTYgNi4wOCAwIDQuMDYuMjIgOC4xNi4xMyAxMi4yMiAwIDItLjI2IDQtLjMzIDYtLjA2IDEgMCAyIDAgM3Y2LjA2bC0uMTIgM2E0Ni43NSA0Ni43NSAwIDAgMCAuMDkgNi4xM2MuMjEgNC4xNi0uMjEgOC0uMiAxMi4wOC0uMTcgNCAuMTMgOC4yIDAgMTIuMjEgMCAyLS4xNSA0LS4xNiA2cy4wNyA0LjExLjEzIDYuMTlsLjA4IDMuMTJ2My4wNmMuMDYgMi4xOC4xMyA0LjE4LjA1IDYuMTh6bS0xLjctMS42OVY4Ny4zN2MwLTIgLjA4LTMuOTMuMDYtNS45M3MtLjItNC4xMy0uMjYtNi4xNWMtLjE1LTQuMDguMjItNy44MyAwLTExLjkzLS4wNi0yLS4xNi00LjA2LS4yNy02LjFhNDMuODkgNDMuODkgMCAwIDEgMC02IDMxLjE0IDMxLjE0IDAgMCAwIC4xNi01LjkgNDQuNzUgNDQuNzUgMCAwIDEtLjA5LTYgNTguNDUgNTguNDUgMCAwIDAgLjE4LTUuODZjMC0yLS4yNy00LjA1LS4yOC02czAtNCAuMTEtNS45NS4xNS00IC4xNC02LS4xOS00LS4xNi02bC4xNC02IDEuMTEgMS4xMWMtMy4zMS0uMDctNi42MS0uMTktOS45Mi0uMThzLTYuNjIuMy05LjkzLjQzQzc5LjYgNS4wNiA3MyA1IDY2LjM3IDQuODNjLTEuNjYgMC0zLjMxLS4xLTUtLjE3bC01LS4yOWMtMy4zMS0uMTgtNi42MSAwLTkuOTIuMTMtNi42Mi4yMi0xMy4yNC4zOS0xOS44NS4yN2wxLjItMS4yLS4yOCA2djNsLjEgM2MuMjIgNCAuODMgOC4wNi4zNyAxMi4wOC0uMTEgMS0uMjcgMi0uMzQgM3MwIDIgMCAzYy4xMSAyIC40MSA0IC41IDZ2M2wtLjA3IDMtLjE0IDZMMjggNjRsLS4wNiA2YTIyIDIyIDAgMCAxLS4yIDMgMjAuMTggMjAuMTggMCAwIDAtLjA4IDNjLjA5IDIgLjI4IDQgLjE5IDZsLS4yNyA2Yy0uMDYgNC0uMTQgOC4wNS0uMTMgMTIuMDhsLS43NC0uNzVoOS44NWMzLjI4IDAgNi41OC4wOCA5Ljg2LjA2czYuNTEtLjI1IDkuNzYtLjI5IDYuNTcuMSA5Ljg3LjE0bDkuOTEuMTloNC44OWMxLjU5IDAgMy4xOC0uMTQgNC44Mi0uMTRzMy4zNC4xMSA1IC4xNGw0Ljg2LS4wNmMzLjE3LS4wNSA2LjQ3LS4wMiA5LjY5LS4wNHoiLz48L2c+PHJlY3QgeD0iMzguOCIgeT0iMTYuMTciIHdpZHRoPSIyMS45NiIgaGVpZ2h0PSIyMy4zMyIgcng9IjEwLjcxIiByeT0iMTAuNzEiIGZpbGw9IiNkZWU0ZjUiLz48cGF0aCBkPSJNNTAuMDUgNDAuMjlhMTEuNzggMTEuNzggMCAwIDEtNC43LS44MmMtLjcyLS4zNS0xLjQzLS43Mi0yLjE1LTEuMDktLjM1LS4xOS0uNjgtLjQzLTEtLjY0cy0uNjUtLjUtMS0uNzZhMTEuNDUgMTEuNDUgMCAwIDEtMy4yNy04Ljg3TDM4IDI3YzAtLjM5IDAtLjguMDctMS4ycy4xNC0uOC4yMi0xLjJsLjM0LTEuMTZhMTAuNjggMTAuNjggMCAwIDEgMi41MS00IDE1LjUxIDE1LjUxIDAgMCAxIDEuNzYtMS41OCAxMC4xOCAxMC4xOCAwIDAgMSAyLjA2LTEuMTYgMTMuNjMgMTMuNjMgMCAwIDEgNC41OC0uOTUgMTEuODUgMTEuODUgMCAwIDEgNC41OC44MSAxMi4yOSAxMi4yOSAwIDAgMSA0IDIuNDEgMTEuNzUgMTEuNzUgMCAwIDEgMy40NiA4LjY1IDEyLjYxIDEyLjYxIDAgMCAxLTMgOC44MiA3LjU3IDcuNTcgMCAwIDEtLjg5LjgxIDguNDYgOC40NiAwIDAgMS0xIC43MiAxMi40MiAxMi40MiAwIDAgMS0yIDEuMjMgMTEuMTQgMTEuMTQgMCAwIDEtNC42NCAxLjA5em0wLTEuNThhOS42OSA5LjY5IDAgMCAwIDQtLjkyIDkuMzIgOS4zMiAwIDAgMCAxLjc3LTEuMDYgNS4xMiA1LjEyIDAgMCAwIC43Ni0uNzEgNy4wNyA3LjA3IDAgMCAwIC42Ny0uNzggMTEuMTUgMTEuMTUgMCAwIDAgMi4wOS0zLjQ5bC4zLTEgLjE2LTEgLjA3LTF2LTEuMThjMC0uMzguMDUtLjc2IDAtMS4xYTYuMTUgNi4xNSAwIDAgMCAwLTEgNiA2IDAgMCAwLS41My0yQTEwLjE5IDEwLjE5IDAgMCAwIDU3LjA1IDIwYy0uNTEtLjQ3LTEuMDctLjg2LTEuNTctMS4zNmE0LjQ0IDQuNDQgMCAwIDAtMS44Mi0xIDYuMDcgNi4wNyAwIDAgMC0xLS4yNSA2LjE0IDYuMTQgMCAwIDAtMS0uMTJjLS43MS0uMDgtMS4zMyAwLTIuMTEgMGgtMWE4LjYxIDguNjEgMCAwIDAtMSAuMTIgOS4zOCA5LjM4IDAgMCAwLTIgLjY4IDExLjMyIDExLjMyIDAgMCAwLTEuNzkgMSA1IDUgMCAwIDAtLjgzLjYybC0uMzkuMzUtLjMyLjRhMjUuMzUgMjUuMzUgMCAwIDAtMi4xMSAzLjU1IDYuNDggNi40OCAwIDAgMC0uMzIgMWMtLjA1LjM0LS4xMS42OS0uMTUgMUwzOS40NiAyN2wtLjEgMS4xM2E5LjM4IDkuMzggMCAwIDAgMyA3LjcxYy4yNC4yNS41LjQ5Ljc1Ljc0cy41NC40NS44My42NmE1LjU5IDUuNTkgMCAwIDAgMS45LjkyIDExLjIzIDExLjIzIDAgMCAwIDQuMjEuNTV6IiBmaWxsPSIjZGVlNGY1Ii8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTQ5Ljc3IDI3Ljg0aDI4LjY4djMwLjQ3SDQ5Ljc3eiIvPjxwYXRoIGQ9Ik03OSA1OC44N2MtMi40My4wNS01LS4xMy03LjMxLjA3YTQxLjQyIDQxLjQyIDAgMCAwLTcuMjYuMTggMjQuODcgMjQuODcgMCAwIDEtMy42NyAwIDE2IDE2IDAgMCAwLTMuNjcuMDVjLTIuNDMuMTYtNC45Mi0uMi03LjM0LS4yMWEuNjcuNjcgMCAwIDEtLjY3LS42OHYtMS45MWMwLS42NC0uMS0xLjI3LS4xNS0xLjktLjE1LTEuMjcuNDQtMi41NC4wOC0zLjgxIDAtMi41NC4xLTUuMDguMS03LjYyYTMyLjMxIDMyLjMxIDAgMCAxIC4wOS0zLjgxIDE1LjI2IDE1LjI2IDAgMCAwIC4xOC0xLjljMC0uNjQtLjEzLTEuMjctLjE2LTEuOTEgMC0xLjI2LjE1LTIuNTMuMjMtMy44czAtMi41NC0uMDUtMy44MWEuMzYuMzYgMCAwIDEgLjM0LS4zN2MxLjItLjA2IDIuMzkgMCAzLjU5IDBzMi4zOSAwIDMuNTguMDZjMi4zOS4xNiA0Ljc4LS4yMyA3LjE3LS4yOWE4Ni4xIDg2LjEgMCAwIDEgMy41OS0uMTMgMjUuMTkgMjUuMTkgMCAwIDEgMy41OC4wOSA2My42MiA2My42MiAwIDAgMCA3LjItLjE3Ljg3Ljg3IDAgMCAxIC44OS44M3YuMDZhMTggMTggMCAwIDEtLjEgMS45NCAxOCAxOCAwIDAgMCAwIDEuOTQgMTUuNjEgMTUuNjEgMCAwIDEtLjEyIDMuODcgMzguMyAzOC4zIDAgMCAwLS4wNiAzLjg3IDEzLjIgMTMuMiAwIDAgMC0uMTEgMS45IDE5LjY0IDE5LjY0IDAgMCAxIC4xNSAyYy0uMDYgMS4yNy0uMjIgMi40OS0uMjIgMy43N3MuMTYgMi42OSAwIDMuOTFhMjEuMDggMjEuMDggMCAwIDAgMCAzLjg5djJjMCAuNjYuMTIgMS4yNi4xMiAxLjg5em0tMS4xMy0xLjEzdi0zLjcxYTE4LjY0IDE4LjY0IDAgMCAwLS4wOC0zLjc4IDM1LjUgMzUuNSAwIDAgMSAwLTMuNzJjMC0xLjI1LS4yMy0yLjU5LS4yOC0zLjg0YTguNjcgOC42NyAwIDAgMSAuMjEtMS43OCAxMS4yOCAxMS4yOCAwIDAgMC0uMTItMS45IDguNTQgOC41NCAwIDAgMSAuMS0xLjgzIDcuODIgNy44MiAwIDAgMCAwLTEuODcgMTQuMjEgMTQuMjEgMCAwIDEgMC0zLjc0IDE0LjM5IDE0LjM5IDAgMCAwIC4wNi0xLjg2YzAtLjYzLS4xMS0xLjI1LS4wOS0xLjg3bC44My44M2MtMi4zOSAwLTQuNzgtLjQtNy4xNy0uMDhhMjEuNDkgMjEuNDkgMCAwIDEtMy41OC4xOUg2NS45bC0xLjc5LS4wN2MtMi4zOSAwLTQuNzgtLjY0LTcuMTctLjI5YTY4LjY5IDY4LjY5IDAgMCAxLTcuMTcuMjJsLjgtLjhhMjIuMDkgMjIuMDkgMCAwIDAtLjE2IDMuODEgMjIuMzMgMjIuMzMgMCAwIDEgLjM3IDMuOCAxNiAxNiAwIDAgMC0uMzUgMS45MSA4Ljg2IDguODYgMCAwIDAgLjI2IDEuOSAxNi4xOSAxNi4xOSAwIDAgMSAwIDMuODFjLS4xMSAyLjU0IDAgNS4wOC0uMTcgNy42Mi0uNDIgMS4yNy4xMyAyLjU0IDAgMy44MWwtLjE4IDEuOS0uMDUgMS45MS0uNTMtLjUzYzIuMzcuMDkgNC43MSAwIDcuMDggMGEyMi41NyAyMi41NyAwIDAgMCAzLjUtLjEgMjUuNDggMjUuNDggMCAwIDEgMy41IDAgNDUgNDUgMCAwIDAgNy4wNS4wNmMyLjQ3LjE3IDQuNjYtLjAzIDcgMHoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNODMuNzEgNDEuMTlMNzQgNTkuMjhsMjEuNDYtLjY3LTExLjE1LTE3LjQ1YS4zNC4zNCAwIDAgMC0uNi4wM3oiIGZpbGw9IiNkZWU0ZjUiLz48cGF0aCBkPSJNODQuNCA0MS41NmMtLjgyIDEuNS0xLjU5IDMtMi40OSA0LjQ4bC0xIDIuMzdjLS4zNS43OC0uNzUgMS41My0xLjE3IDIuMjhsLTIuNTIgNC40N2MtLjgxIDEuNS0xLjY3IDMtMi41NCA0LjQ1bC0uNjUtMWMxLjc5IDAgMy41OC4xNCA1LjM3IDBzMy41OCAwIDUuMzctLjA5IDMuNTcgMCA1LjM2LS4xMmE1My41MSA1My41MSAwIDAgMSA1LjM2LS40M2wtLjU1IDEtMS40OS0yLjIzYy0uNTItLjc0LTEtMS40Ny0xLjUyLTIuMjJDOTEgNTMgOTAuMTMgNTEuNDMgODkuMSA1MGMtLjQ4LS43Ni0xLTEuNDgtMS40NS0yLjI2cy0uODUtMS41OC0xLjM2LTIuMzEtMS0xLjQ5LTEuNTEtMi4yMkw4NCA0Mi4wOGwtLjMxLS40NmEuNDQuNDQgMCAwIDAgLjcxLS4wNnptLTEuNC0uNzRhMS4xMyAxLjEzIDAgMCAxIC44NS0uNiAxLjE1IDEuMTUgMCAwIDEgMSAuMzYgMiAyIDAgMCAxIC4xNy4yNGwuMDkuMTQuMTkuMjguNzMgMS4xMiAxLjQ4IDIuMjRjLjQ3Ljc2IDEuMDYgMS40NCAxLjU4IDIuMTdzLjk0IDEuNTIgMS40MSAyLjI4Yy44OSAxLjU2IDEuODYgMy4wNiAyLjc4IDQuNi40NC43OC44NSAxLjU4IDEuMzQgMi4zM2wxLjUzIDIuMmEuNzguNzggMCAwIDEtLjIgMS4wOC43NS43NSAwIDAgMS0uMzguMTNoLS4wNmEyNC43MiAyNC43MiAwIDAgMS01LjM3LjA3Yy0xLjc5LjA3LTMuNTcuNTItNS4zNi40NGExNy4yNiAxNy4yNiAwIDAgMC0yLjY5IDBjLS44OS4wNi0xLjc4LjA3LTIuNjguMDgtMS43OS0uMTUtMy41Ny40MS01LjM2LjE0aC0uMjVhLjguOCAwIDAgMS0uNjctLjkyLjY5LjY5IDAgMCAxIC4xMi0uMzJsLjc1LTEuMDkuNi0xLjEzYy40NS0uNzMuOTMtMS40NCAxLjQtMi4xNS44OS0xLjQ3IDEuNi0zIDIuMzQtNC41Ny4zNi0uNzguNzItMS41NSAxLjE0LTIuM2wxLjMtMi4yMWMuNjYtMS41OCAxLjQ4LTMuMDggMi4yMi00LjYxem0xNC43NiAzNi42OUg4NmExIDEgMCAwIDEgMC0yaDExLjc2YTEgMSAwIDAgMSAwIDJ6bS0yMC4xNiAwSDM1YTEgMSAwIDAgMSAwLTJoNDIuNmExIDEgMCAwIDEgMCAyek05OCA4OC4xNEg2OS4zMWExIDEgMCAwIDEgMC0ySDk4YTEgMSAwIDAgMSAwIDJ6bS0zNy4yNSAwSDM1YTEgMSAwIDAgMSAwLTJoMjUuNzVhMSAxIDAgMCAxIDAgMnoiIGZpbGw9IiNkZWU0ZjUiLz48Y2lyY2xlIGN4PSIxMDcuNDEiIGN5PSIxMDYuNDMiIHI9IjE4IiBmaWxsPSIjZGVlNGY1IiBzdHJva2U9IiNkZWU0ZjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIzIi8+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMyIgZD0iTTEwNy40MSA5Ni44NHYxOS4xOG03LjE4LTkuNTlsLTcuMTgtOS41OS03LjE4IDkuNTkiLz48L3N2Zz4K';

var AssetImageUpload = 'data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTI5IDEwOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik02OC43OCAxMDYuMjVhMS41MiAxLjUyIDAgMCAxLTEuMDYtLjQ0IDEuNTQgMS41NCAwIDAgMS0uMzItLjQ5IDEuMzkgMS4zOSAwIDAgMS0uMTItLjU3IDEuNDEgMS40MSAwIDAgMSAuMTItLjU4Ljk0Ljk0IDAgMCAxIC4xNC0uMjYgMSAxIDAgMCAxIC4xOC0uMjIgMS41NCAxLjU0IDAgMCAxIDIuMTIgMCAxLjUgMS41IDAgMCAxLTEuMDYgMi41NnptLTkuNzgtMS41YTEuNSAxLjUgMCAxIDEgMyAwIDEuNSAxLjUgMCAwIDEtMyAwem0tOC4zMSAwYTEuNSAxLjUgMCAwIDEgMyAwIDEuNTEgMS41MSAwIDAgMS0xLjUgMS41IDEuNSAxLjUgMCAwIDEtMS41My0xLjVoLjAzem0tOC4zMiAwYTEuNSAxLjUgMCAxIDEgMS41IDEuNSAxLjUgMS41IDAgMCAxLTEuNTMtMS41aC4wM3ptLTguMzEgMGExLjUgMS41IDAgMSAxIDEuNSAxLjUgMS41IDEuNSAwIDAgMS0xLjU2LTEuNWguMDZ6bS04LjMxIDBhMS41IDEuNSAwIDEgMSAxLjUgMS41IDEuNSAxLjUgMCAwIDEtMS41My0xLjVoLjAzem0tOC4zMiAwYTEuNSAxLjUgMCAxIDEgMS41IDEuNSAxLjUxIDEuNTEgMCAwIDEtMS41My0xLjVoLjAzem0tOC4zMSAwYTEuNSAxLjUgMCAxIDEgMS41IDEuNSAxLjUgMS41IDAgMCAxLTEuNTMtMS41aC4wM3ptLTYuODQgMS41YTEuNSAxLjUgMCAwIDEtMS4wNi0uNDQgMS41IDEuNSAwIDAgMSAwLTIuMTIgMS4wNiAxLjA2IDAgMCAxIC4yMy0uMTkgMS4wOCAxLjA4IDAgMCAxIC4yNi0uMTQgMS4zMSAxLjMxIDAgMCAxIC4yOC0uMDkgMS44OCAxLjg4IDAgMCAxIC41OCAwIDEuMzEgMS4zMSAwIDAgMSAuMjguMDkgMS4zIDEuMyAwIDAgMSAuMjYuMTQgMS4zNyAxLjM3IDAgMCAxIC4yMy4xOSAxLjUgMS41IDAgMCAxIC40NCAxLjA2IDEuNSAxLjUgMCAwIDEtMS41IDEuNXptLTEuNS05LjQzYTEuNSAxLjUgMCAxIDEgMyAwIDEuNSAxLjUgMCAwIDEtMyAwem0wLTcuOTJhMS41IDEuNSAwIDEgMSAzIDAgMS41IDEuNSAwIDAgMS0zIDB6bTAtNy45MmExLjUgMS41IDAgMSAxIDMgLjAyIDEuNSAxLjUgMCAwIDEtMyAwdi0uMDJ6bTAtNy45M2ExLjUgMS41IDAgMSAxIDMgMCAxLjUgMS41IDAgMCAxLTMgMHptMC03LjkyYTEuNSAxLjUgMCAxIDEgMyAwIDEuNSAxLjUgMCAwIDEtMyAwem0wLTcuOTNhMS41IDEuNSAwIDEgMSAzIDAgMS41IDEuNSAwIDAgMS0zIDB6bTAtNy45MmExLjUgMS41IDAgMSAxIDMgMCAxLjUgMS41IDAgMCAxLTMgMHptMS41LTYuNDJhMS41IDEuNSAwIDAgMS0xLjA2LTIuNTYgMS4wNiAxLjA2IDAgMCAxIC4yMy0uMTkgMS41OSAxLjU5IDAgMCAxIC4yNi0uMTFsLjI5LS4xMWExLjQyIDEuNDIgMCAwIDEgLjU4IDBsLjI4LjA4LjI2LjE0YTEuMzcgMS4zNyAwIDAgMSAuMjMuMTkgMS41IDEuNSAwIDAgMS0xLjA2IDIuNTZoLS4wMXpNNTkgNDEuMzZhMS41IDEuNSAwIDEgMSAzIDAgMS41IDEuNSAwIDAgMS0zIDB6bS04LjMxIDBhMS41IDEuNSAwIDEgMSAxLjUgMS41IDEuNSAxLjUgMCAwIDEtMS41My0xLjVoLjAzem0tOC4zMiAwYTEuNSAxLjUgMCAxIDEgMS41IDEuNSAxLjUgMS41IDAgMCAxLTEuNTMtMS41aC4wM3ptLTguMzEgMGExLjUgMS41IDAgMSAxIDEuNSAxLjUgMS41IDEuNSAwIDAgMS0xLjU2LTEuNWguMDZ6bS04LjMxIDBhMS41IDEuNSAwIDEgMSAxLjUgMS41IDEuNSAxLjUgMCAwIDEtMS41My0xLjVoLjAzem0tOC4zMiAwYTEuNSAxLjUgMCAxIDEgMS41IDEuNSAxLjUgMS41IDAgMCAxLTEuNTMtMS41aC4wM3ptLTguMzEgMGExLjUgMS41IDAgMSAxIDEuNSAxLjUgMS41IDEuNSAwIDAgMS0xLjUzLTEuNWguMDN6bTU5LjY2IDEuNWExLjQ5IDEuNDkgMCAwIDEtMS4zOC0yLjA4IDEuMSAxLjEgMCAwIDEgLjE0LS4yNiAxLjI0IDEuMjQgMCAwIDEgLjE4LS4yMiAxLjUyIDEuNTIgMCAwIDEgMS4zNi0uNDFsLjI4LjA4YTIgMiAwIDAgMSAuMjUuMTQgMS4wNiAxLjA2IDAgMCAxIC4yMy4xOSAxLjMgMS4zIDAgMCAxIC4xOS4yMmMwIC4wOS4xLjE3LjE0LjI2YTEuNDcgMS40NyAwIDAgMSAuMDguMjggMS41IDEuNSAwIDAgMS0uNDEgMS4zNiAxIDEgMCAwIDEtLjIzLjE4IDEuMjMgMS4yMyAwIDAgMS0uMjUuMTQgMS40MSAxLjQxIDAgMCAxLS41OC4xMnptLTEuNSA1My45NmExLjUgMS41IDAgMSAxIDMgMCAxLjUgMS41IDAgMCAxLTMgMHptMC03LjkyYTEuNSAxLjUgMCAxIDEgMyAwIDEuNSAxLjUgMCAwIDEtMyAwem0wLTcuOTJjMC0uODMuNjctMS41MDUgMS41LTEuNTFhMS41MSAxLjUxIDAgMCAxIDEuNSAxLjUzIDEuNSAxLjUgMCAwIDEtMyAwdi0uMDJ6bTAtNy45M2ExLjUgMS41IDAgMSAxIDMgMCAxLjUgMS41IDAgMCAxLTMgMHptMC03LjkyYTEuNSAxLjUgMCAxIDEgMyAwIDEuNSAxLjUgMCAwIDEtMyAwem0wLTcuOTNhMS41IDEuNSAwIDEgMSAzIDAgMS41IDEuNSAwIDAgMS0zIDB6bTAtNy45MmExLjUgMS41IDAgMSAxIDMgMCAxLjUgMS41IDAgMCAxLTMgMHoiIGZpbGw9IiNERUU0RjUiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTE3LjY0IDEuOThoOTEuMjZ2ODcuNTVIMTcuNjR6Ii8+PHBhdGggZD0iTTEwOS43NSA5MC4zOEg5OC4xNmMtMS45MiAwLTMuODgtLjA2LTUuNzMgMC0uOTQgMC0xLjg1LjEtMi44MS4xaC0yLjkxYy0yLS4wNy0zLjk1LS4xNy01Ljg2LS4xNmwtNS42OC4xNS0xMS4zOC4zM2MtMS45MSAwLTMuODEuMTMtNS43NS4xcy0zLjg5LS4xMy01LjgzLS4xN2MtMS45NC0uMDQtMy44NSAwLTUuNzUuMDZzLTMuODEuMTctNS43My4xOWMtMy44Ny0uMDctNy43Mi0uMTQtMTEuNTgtLjI2bC0yLjg4LS4wOGgtOC42M2ExIDEgMCAwIDEtMS0xYzAtMy42NS0uMzktNy4yOS0uMTctMTAuOTRhNDUuNSA0NS41IDAgMCAwIC4yMy01LjQ3Yy0uMDYtLjkxLS4xNy0xLjgzLS4xOC0yLjc0LS4wMS0uOTEgMC0xLjgyIDAtMi43MyAwLTcuMy4yMS0xNC42LjE2LTIxLjg5VjQwLjRjMC0xLjgyLjE3LTMuNjUuMjUtNS40OC4wOC0xLjgzLjE5LTMuNjQuMTMtNS40Ny0uMDYtMS44My0uMjQtMy42NC0uMjMtNS40NyAwLTMuNjUuMy03LjI5LjM3LTEwLjk0LjA3LTMuNjUgMC03LjMtLjA4LTEwLjk1IDAtLjMuMjQtLjU0NS41NC0uNTUgMy44LS4wOSA3LjYxIDAgMTEuNDEgMHM3LjYgMCAxMS40MS4xMWMxLjkgMCAzLjguMDUgNS43IDBsNS43LS4xOGMzLjgxLS4xNiA3LjYxLS4yNCAxMS40MS0uMzMgMy44LS4wOSA3LjYtLjEyIDExLjQxLS4xOCAzLjgxLS4wNiA3LjYuMjEgMTEuNC4yNiAzLjguMDUgNy42MS0uMTYgMTEuNDEtLjI0IDMuOC0uMDggNy42MS0uMzMgMTEuNDEtLjFoLjA4QTEuMTkgMS4xOSAwIDAgMSAxMTAuMTMgMmMwIC45My0uMDYgMS44NS0uMDcgMi43N2wuMDYgMi43Ni4xMSA1LjU0YzAgMS44NSAwIDMuNjktLjEyIDUuNTItLjEyIDEuODMtLjI2IDMuNjQtLjI3IDUuNDggMCAzLjY4LjE2IDcuNDEtLjA5IDExYTQ1LjIxIDQ1LjIxIDAgMCAwIC4xMSA1LjU2IDUzLjcyIDUzLjcyIDAgMCAxIDAgNS41M2MtLjE2IDMuNjItLjI1IDcuMjUtLjI2IDEwLjkzLS4wMSAzLjY4LjE3IDcuNDcgMCAxMS0uMTcgMy41MyAwIDcuMzQuMDggMTEuMTEuMDYgMS45IDAgMy43My4wNiA1LjU5LjA2IDEuODYuMDMgMy43Ny4wMSA1LjU5em0tMS43LTEuN1Y3Ny44N2MuMDYtMy41NS4xOC03LjA4LS4wNi0xMC44NS0uMS0xLjg3LS4xOS0zLjcyLS4xNy01LjUxbC4xMS01LjM0YzAtMy42LS4xOC03LjMtLjM3LTExYTM2Ljg5IDM2Ljg5IDAgMCAxIDAtNS4zNyAzMC41MiAzMC41MiAwIDAgMCAuMTgtNS4zNSA1MCA1MCAwIDAgMS0uMTYtNS40NWMwLTEuNzguMjMtMy41NS4yMy01LjM2di0yLjcybC0uMTYtMi43M2MtLjEyLTEuODItLjEyLTMuNjItLjA5LTUuNDJsLjE3LTUuNC4wOC0yLjdWMS45NWwxLjE0IDEuMTVjLTcuNjEuMzItMTUuMjEtLjM5LTIyLjgyLS4xOC0xLjkgMC0zLjguMTktNS43LjI5LS45NS4wNy0xLjkuMS0yLjg1LjEzLS45NS4wMy0xLjkuMDUtMi44NSAwLTMuODEgMC03LjYxLjA1LTExLjQxLS4wNy0zLjgtLjEyLTcuNi0uMDktMTEuNDEtLjMzYTk0LjMgOTQuMyAwIDAgMC0xMS40LS4yYy03LjYxLjMyLTE1LjIxLjQ4LTIyLjgyLjM4TDE4Ljg0IDJjLS4xNCAzLjY1LS40MSA3LjMtLjI1IDExIC4xNiAzLjcuNTggNy4yOS41OSAxMC45NCAwIDEuODMtLjM0IDMuNjUtLjUgNS40N2EyMC44OSAyMC44OSAwIDAgMCAwIDIuNzRjMCAuOTEuMSAxLjgyLjE4IDIuNzNhNTAuNDEgNTAuNDEgMCAwIDEgLjM2IDUuNDhjLjA1IDEuODItLjA1IDMuNjQtLjA4IDUuNDdsLS4xNCA1LjR2NS40N2wtLjA4IDExdjIuNzNjMCAuOTEtLjE2IDEuODMtLjI0IDIuNzRhNDMuNDUgNDMuNDUgMCAwIDAgLjE0IDUuNDdjLjE3IDMuNjUtLjI0IDcuMjktLjI4IDEwLjk0bC0uODQtLjg0YzcuNTYuMTUgMTUuMTIuMDggMjIuNjcuMDZsNS42Ny4wNmMxLjg5IDAgMy43OSAwIDUuNjUtLjA3bDUuNTktLjE5aDUuNjZsMTEuNC4yIDUuNy4wOWMxLjg5IDAgMy43Mi0uMSA1LjU1LS4xNyAxLjgzLS4wNyAzLjczIDAgNS42NyAwaDUuNjZjMy42My0uMDMgNy40LS4wMiAxMS4xMy0uMDR6IiBmaWxsPSIjREVFNEY1IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48ZyBvcGFjaXR5PSIuNSIgZmlsbD0iI0RFRTRGNSIgZmlsbC1ydWxlPSJub256ZXJvIj48cGF0aCBkPSJNMjUuOSA5LjloNzQuNzV2NzEuNzFIMjUuOXoiLz48cGF0aCBkPSJNMTAxLjIxIDgyLjE4SDg3LjA2Yy0xLjUyIDAtMy4wOC4xLTQuNjkgMC0xLjYxLS4xLTMuMjEtLjA5LTQuNzctLjA4bC00LjY1LjEtOS4zNC4yMmMtMy4wOS4xMi02LjI5IDAtOS40NSAwLTEuNTgtLjA2LTMuMTQgMC00LjcgMGwtNC43LjExYy02LjMxLS4wNy0xMi42LS4yOS0xOC44Ni0uMjVhLjcuNyAwIDAgMS0uNzEtLjY5YzAtMy0uMjQtNi0uMTEtOWE0NC43MSA0NC43MSAwIDAgMCAuMTYtNC40OGMwLS43NS0uMTItMS41LS4xMi0yLjI0di0yLjE4YzAtNiAuMTQtMTIgLjExLTE3LjkzLS4wMy01LjkzLjU3LTExLjk1LjEtMTcuOTNsLjI0LTljLjA2LTMgMC02LS4wNS05IDAtLjIuMTYtLjM2NS4zNi0uMzcgMy4xMS0uMDYgNi4yMiAwIDkuMzQgMHM2LjIzIDAgOS4zNC4wN2g0LjY3bDQuNjgtLjEyYzMuMTEtLjEgNi4yMy0uMTYgOS4zNC0uMjIgMy4xMS0uMDYgNi4yMy0uMDcgOS4zNC0uMTEgMy4xMS0uMDQgNi4yMy4xMSA5LjM1LjE1IDMuMTIuMDQgNi4yMy0uMDkgOS4zNC0uMTQgMy4xMS0uMDUgNi4yMy0uMTkgOS4zNC0uMDdoLjA2YS44MS44MSAwIDAgMSAuNzcuODJ2NC41MmwuMDYgNC41M2MwIDEuNTEgMCAzLS4wOCA0LjUxLS4wOCAxLjUxLS4xNCAzLS4xNyA0LjQ5IDAgMyAuMSA2IDAgOS0uMDcgMS40OCAwIDMgLjA2IDQuNTMuMDYgMS41MyAwIDMgMCA0LjUzLS4xIDMtLjE2IDUuOTQtLjE3IDguOTUtLjAxIDMuMDEuMTEgNi4wOSAwIDlzMCA2IC4wNSA5LjA4IDAgNi4xNy4wMSA5LjJ6bS0xLjEzLTEuMTN2LTguODhjMC0yLjg4LjEtNS44NSAwLTguOS0uMS0zLjA1LS4wOS02IDAtOC45LjA5LTIuOS0uMTEtNi0uMjQtOWE0MC42MyA0MC42MyAwIDAgMSAwLTQuNDIgMzIgMzIgMCAwIDAgLjEyLTQuNGMtLjI1LTMgMC01LjkxIDAtOC44NyAwLTIuOTYtLjMzLTYtLjE4LTguOTFsLjEtNC40NFY5Ljg4bC43Ny43N2MtMy4xMS4xMi02LjIyIDAtOS4zNCAwcy02LjIzLS4xMi05LjM0LS4wOGMtMy4xMS4wNC02LjIzLjMzLTkuMzUuMy0zLjEyLS4wMy02LjIzIDAtOS4zNCAwLTMuMTEgMC02LjIzLS4wOC05LjM0LS4yM2wtNC42OC0uMTdjLTEuNTUtLjA1LTMuMTEgMC00LjY3IDAtNi4yMy4yMi0xMi40Ni4zMi0xOC42OC4yNWwuOC0uOGMtLjEgMy0uMjggNi0uMTcgOSAuMTEgMyAuMzkgNiAuMzkgOSAwIDEuNS0uMjIgMy0uMzIgNC40OGEzMS44OSAzMS44OSAwIDAgMCAuMSA0LjQ4IDcwLjY5IDcwLjY5IDAgMCAxIC4xOCA5Yy0uMTUgNi0uMDcgMTEuOTUtLjE1IDE3LjkzdjIuMjRjMCAuNzQtLjExIDEuNDktLjE2IDIuMjRhNDEuODcgNDEuODcgMCAwIDAgLjA5IDQuNDhjLjEgMy0uMTUgNi0uMTggOWwtLjU2LS41NmM2LjE5LjEgMTIuMzkgMCAxOC41OCAwIDMuMSAwIDYuMjMuMTEgOS4yOSAwIDMuMDYtLjExIDYuMTItLjIgOS4yNC0uMTFsOS4zNC4xNCA0LjY3LjA2IDQuNTctLjFjMS41MS0uMDYgMy4wNyAwIDQuNjUgMGg0LjY0YzMuMDEtLjE1IDYuMDktLjE0IDkuMTctLjE1eiIvPjwvZz48cmVjdCBmaWxsPSIjREVFNEY1IiBmaWxsLXJ1bGU9Im5vbnplcm8iIHg9IjM0LjY3IiB5PSIyMy4xMSIgd2lkdGg9IjIyLjE1IiBoZWlnaHQ9IjI0LjUyIiByeD0iMTEuMDIiLz48cGF0aCBkPSJNNDUuNzkgNDhhMTIuMDcgMTIuMDcgMCAwIDEtOC42MS0zLjcgMTEuMTEgMTEuMTEgMCAwIDEtMi40Mi00LjE2Yy0uMTItLjM5LS4yLS43OS0uMy0xLjE4LS4xLS4zOS0uMTItLjc5LS4xOC0xLjE5bC0uMDUtMS4yMXYtMS4xNGMwLS43NyAwLTEuNTUuMDctMi4zNiAwLS40LjEzLS44LjE5LTEuMTlsLjMyLTEuMTZhMTEuMDYgMTEuMDYgMCAwIDEgMi40My00LjA4IDExLjM5IDExLjM5IDAgMCAxIDMuODItMi43OCAxMi4yNyAxMi4yNyAwIDAgMSA0LjYyLTEgMTEuMjUgMTEuMjUgMCAwIDEgNC42MSAxIDEyIDEyIDAgMCAxIDMuODggMi42OSAxMS40MSAxMS40MSAwIDAgMSAyLjQzIDQuMDljLjEzLjM3LjIyLjc3LjMyIDEuMTUuMS4zOC4xNC43OS4yMSAxLjE5bC4wNyAxLjE5djEuMTdjMCAuNzcgMCAxLjU1LS4wOSAyLjM1LS4wNS40LS4xMy44LS4xOSAxLjE5TDU2LjY0IDQwYTEwLjg3IDEwLjg3IDAgMCAxLTIuMzUgNC4xNCA3LjQ4IDcuNDggMCAwIDEtLjg2LjgzIDguMjYgOC4yNiAwIDAgMS0uOTQuNzRBMTAuOTIgMTAuOTIgMCAwIDEgNTAuNDQgNDdhMTEuNjIgMTEuNjIgMCAwIDEtNC42NSAxem0wLS43OWExMC4yOSAxMC4yOSAwIDAgMCA3Ljg2LTMuNjQgMTEuMjMgMTEuMjMgMCAwIDAgMi4yMi0zLjgxIDEzIDEzIDAgMCAwIC41My00LjQ2di0yLjI5Yy0uMDYtLjM3LS4wOS0uNzQtLjE2LTEuMTEtLjA3LS4zNy0uMTktLjczLS4zMS0xLjA4YTEwLjY5IDEwLjY5IDAgMCAwLTIuMy0zLjgyIDEwLjQ4IDEwLjQ4IDAgMCAwLTMuNTctMi42NSAxMS4yNyAxMS4yNyAwIDAgMC00LjM3LS43OGgtMS4xMWExMC42IDEwLjYgMCAwIDAtMS4xMS4xNiAxMSAxMSAwIDAgMC0yLjEuNzEgMTAuMjggMTAuMjggMCAwIDAtMy41OCAyLjYxIDE0LjEyIDE0LjEyIDAgMCAwLTIuMjMgMy44MyAxMC4yMiAxMC4yMiAwIDAgMC0uMzEgMS4xMmMwIC4zNy0uMTIuNzQtLjE2IDEuMTEtLjA4Ljc0LS4xMiAxLjUxLS4xNCAyLjI5YTEwLjU3IDEwLjU3IDAgMCAwIDIuODQgOC4zNCAxMC4yMyAxMC4yMyAwIDAgMCA4IDMuNDl2LS4wMnoiIGZpbGw9IiNERUU0RjUiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTQ1Ljc0IDM1LjM3aDI4LjkzdjMyLjAySDQ1Ljc0eiIvPjxwYXRoIGQ9Ik03NSA2Ny42N2MtMi40MyAwLTQuOTQtLjA2LTcuMyAwLTIuNTEtLjExLTQuODcgMC03LjI5LjA3LTEuMjEgMC0yLjQxLjA5LTMuNjUgMC0xLjI0LS4wOS0yLjQ2LS4wNy0zLjY2IDAtMi40My4xMi00Ljg5LS4wNy03LjMyLS4wN2EuMzYuMzYgMCAwIDEtLjM2LS4zNnYtNGMwLTEuMzMuMTItMi42NyAwLTQtLjA4LTIuNjYgMC01LjMzIDAtOHYtNGwuMDktMmMwLS42NyAwLTEuMzQtLjA2LTIgMC0xLjMzLjA2LTIuNjYuMDktNCAuMDMtMS4zNCAwLTIuNjcgMC00YS4yLjIgMCAwIDEgLjE5LS4xOWg3LjIzYzIuNDEuMDggNC44My0uMSA3LjI0LS4xMmg3LjI0YzIuNDEuMTEgNC44MiAwIDcuMjMtLjA4YS40Mi40MiAwIDAgMSAuNDMuNGMuMDcgMS4zNS0uMDkgMi42OSAwIDRzLjA3IDIuNzEgMCA0LS4wNyAyLjY3IDAgNGwtLjA3IDItLjAzIDIuMmMwIDEuMzQtLjEgMi42NS0uMTEgNC0uMDEgMS4zNS4wOCAyLjc0IDAgNGwtLjA1IDIgLjA1IDIuMDZDNzUgNjUgNzUgNjYuMzEgNzUgNjcuNjd6bS0uNTctLjU2di02bC0uMDctMmMtLjA5LTEuMzcgMC0yLjYxIDAtNGwtLjE0LTRjMC0uNjYuMTMtMS4yNy4xMi0xLjk0LS4wMS0uNjctLjA2LTEuMzQtLjA4LTJhMzcuMTIgMzcuMTIgMCAwIDAgMC00Yy0uMDktMS4zNCAwLTIuNjQgMC00IDAtMS4zNi0uMDctMi42NSAwLTRsLjQuNGMtMi40MSAwLTQuODItLjE2LTcuMjMgMGwtMS44MS4wN0g2MC4yYy0yLjQxIDAtNC44My0uMjktNy4yNC0uMTMtMi40MS4xNi00LjgyLjE2LTcuMjMuMWwuMzktLjM5YzAgMS4zMy0uMTQgMi42Ny0uMDYgNCAuMDggMS4zMy4yMyAyLjY3LjE2IDRhMTkuNDMgMTkuNDMgMCAwIDAtLjE2IDJjMCAuNjYuMDkgMS4zMy4xNCAyIC4xMiAxLjMzIDAgMi42NiAwIDQtLjA2IDIuNjcgMCA1LjM0LS4xMiA4LS4wOSAxLjM0LjEyIDIuNjcgMCA0cy0uMDcgMi42Ny0uMDkgNGwtLjI2LS4yNWg3LjE5YzEuMiAwIDIuMzkgMCAzLjU3LS4wNyAxLjE4LS4wNyAyLjM4IDAgMy41OCAwIDIuNCAwIDQuODUuMTMgNy4xNyAwIDIuNDUuMjkgNC43Ni4xOSA3LjE1LjIxaC4wNHoiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik04MCA0OS40bC05Ljc2IDE5IDIxLjY1LS43LTExLjMxLTE4LjMzYS4zMy4zMyAwIDAgMC0uNTguMDN6IiBmaWxsPSIjREVFNEY1IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNODAuMzMgNDkuNThjLS44MiAxLjU4LTEuNjIgMy4xNy0yLjQ4IDQuNzNsLTEuMTIgMi40My0xLjIgMi4zOGMtMS42OCAzLjE1LTMuMjkgNi4zMi01IDkuNDVsLS4zMy0uNTJjMS44IDAgMy42MSAwIDUuNDItLjA5czMuNjEgMCA1LjQxLS4xM2MxLjgtLjEzIDMuNjEtLjA5IDUuNDEtLjE2IDEuOC0uMDcgMy42MS0uMjMgNS40MS0uM2wtLjI3LjUxLTMtNC43MWMtMS0xLjU4LTEuODctMy4yLTIuODgtNC43Ni0uNDktLjc5LTEtMS41Ny0xLjQ3LTIuMzdzLS45MS0xLjYyLTEuNDItMi40bC0xLjQ4LTIuMzUtLjc1LTEuMTgtLjM1LS41NC4xLjAxem0tLjctLjM2YS43NC43NCAwIDAgMSAuNTctLjQxLjcxLjcxIDAgMCAxIC42Ni4yN2MuMTkuMjcuMjcuNDEuNC42M2wuNzQgMS4xOCAxLjQ4IDIuMzZjLjQ4LjggMSAxLjU1IDEuNTIgMi4zNC41Mi43OSAxIDEuNTkgMS40NCAyLjM4bDIuODYgNC43OGE2NS4zNSA2NS4zNSAwIDAgMCAxLjQxIDIuNGwxLjUgMi4zNWEuMzguMzggMCAwIDEtLjEyLjU0LjMzLjMzIDAgMCAxLS4xOS4wNmwtMi43MS4xM2MtLjkuMDgtMS44MSAwLTIuNzEgMC0xLjguMDktMy42LjI5LTUuNDEuMzEtMS44MS4wMi0zLjYxLjEzLTUuNDEuMTQtMS44LjAxLTMuNjEuMjYtNS40Mi4xN2EuNDMuNDMgMCAwIDEtLjQxLS40NS40Ni40NiAwIDAgMSAwLS4yYy40NS0uNzcuOS0xLjU0IDEuMjktMi4zNC4zOS0uOC44OC0xLjU1IDEuMy0yLjMzLjg4LTEuNTMgMS41OC0zLjE3IDIuNDEtNC43N0w3NiA1Ni4zNyA3Ny4yNyA1NGMuNzMtMS42IDEuNTctMy4xOSAyLjM2LTQuNzh6IiBmaWxsPSIjREVFNEY1IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48Y2lyY2xlIGZpbGw9IiNERUU0RjUiIGZpbGwtcnVsZT0ibm9uemVybyIgY3g9IjEwOC42NCIgY3k9Ijg4LjI1IiByPSIxOS41Ii8+PHBhdGggZD0iTTEwOC42NCA3OC42NnYxOS4xOG03LjE4LTkuNTlsLTcuMTgtOS41OS03LjE4IDkuNTkiIHN0cm9rZT0iI0ZGRiIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L2c+PC9zdmc+Cg==';

var styles$36 = {
  "FileUpload": "p_km",
  "Image": "p_j8",
  "sizeExtraLarge": "p_yd",
  "sizeLarge": "p_v6",
};

class FileUpload$1 extends Component {
    constructor(props) {
        super(props);
        const { polaris: { intl: { translate } }, context: { type } } = props;
        const suffix = capitalize(type);
        this.state = {
            actionTitle: translate(`Polaris.DropZone.FileUpload.actionTitle${suffix}`),
            actionHint: translate(`Polaris.DropZone.FileUpload.actionHint${suffix}`)
        };
    }
    updateStateFromProps(props) {
        const { actionTitle, actionHint } = this.state;
        if (props.actionTitle && props.actionTitle !== actionTitle) {
            this.setState({ actionTitle: props.actionTitle });
        }
        if (props.actionHint && props.actionHint !== actionHint) {
            this.setState({ actionHint: props.actionHint });
        }
    }
    // eslint-disable-next-line react/no-deprecated
    componentWillReceiveProps(props) {
        this.updateStateFromProps(props);
    }
    // eslint-disable-next-line react/no-deprecated
    componentWillMount() {
        this.updateStateFromProps(this.props);
    }
    render() {
        const { context: { size, type } } = this.props;
        const { actionTitle, actionHint } = this.state;
        const imageClasses = classNames$1(styles$36.Image, size && size === 'extraLarge' && styles$36.sizeExtraLarge, size && size === 'large' && styles$36.sizeLarge);
        const extraLargeView = size === 'extraLarge' ? createElement(
            Stack$1,
            { vertical: true },
            type === 'file' && createElement('img', { className: imageClasses, src: AssetFileUpload, alt: '' }),
            type === 'image' && createElement('img', { className: imageClasses, src: AssetImageUpload, alt: '' }),
            createElement(
                Button$2,
                null,
                actionTitle
            ),
            createElement(
                TextStyle$1,
                { variation: 'subdued' },
                actionHint
            )
        ) : null;
        const largeView = size === 'large' ? createElement(
            Stack$1,
            { vertical: true, spacing: 'tight' },
            type === 'file' && createElement('img', { className: imageClasses, src: AssetFileUpload, alt: '' }),
            type === 'image' && createElement('img', { className: imageClasses, src: AssetImageUpload, alt: '' }),
            createElement(
                Button$2,
                { size: 'slim' },
                actionTitle
            ),
            createElement(
                Caption$1,
                null,
                createElement(
                    TextStyle$1,
                    { variation: 'subdued' },
                    actionHint
                )
            )
        ) : null;
        const mediumView = size === 'medium' ? createElement(
            Stack$1,
            { vertical: true, spacing: 'tight' },
            createElement(
                Link$2,
                null,
                actionTitle
            ),
            createElement(
                Caption$1,
                null,
                createElement(
                    TextStyle$1,
                    { variation: 'subdued' },
                    actionHint
                )
            )
        ) : null;
        const smallView = size === 'small' ? createElement(
            Stack$1,
            { vertical: true, spacing: 'tight' },
            createElement(Icon$2, { source: IconDragDrop, color: 'inkLightest' })
        ) : null;
        return createElement(
            'div',
            { className: styles$36.FileUpload },
            smallView,
            mediumView,
            largeView,
            extraLargeView
        );
    }
}
var FileUpload$2 = compose$1(withContext$1(Consumer$1), withAppProvider(), withRef$1())(FileUpload$1);

var IconAlertCircle = {"viewBox":"0 0 20 20","body":"<path  fill-rule=\"evenodd\" d=\"M10 0C4.486 0 0 4.486 0 10s4.486 10 10 10 10-4.486 10-10S15.514 0 10 0m0 18c-4.411 0-8-3.589-8-8s3.589-8 8-8 8 3.589 8 8-3.589 8-8 8m0-7a1 1 0 0 0 1-1V6a1 1 0 1 0-2 0v4a1 1 0 0 0 1 1m0 1.9a1.1 1.1 0 1 0 0 2.2 1.1 1.1 0 0 0 0-2.2\"/>"};

const dragEvents = ['dragover', 'dragenter', 'drop'];
function fileAccepted(file, accept) {
    return file.type === 'application/x-moz-file' || accepts(file, accept);
}
function getDataTransferFiles(event) {
    if (isDragEvent(event)) {
        const dt = event.dataTransfer;
        if (dt.files && dt.files.length) {
            return Array.from(dt.files);
        } else if (dt.items && dt.items.length) {
            // Chrome is the only browser that allows to read the file list on drag
            // events and uses `items` instead of `files` in this case.
            return Array.from(dt.items);
        }
    } else if (event.target && event.target.files) {
        // Return files from even when a file was selected from an upload dialog
        return Array.from(event.target.files);
    }
    return [];
}
function accepts(file, acceptedFiles) {
    if (file && acceptedFiles) {
        const fileName = file.name || '';
        const mimeType = file.type || '';
        const baseMimeType = mimeType.replace(/\/.*$/, '');
        const acceptedFilesArray = Array.isArray(acceptedFiles) ? acceptedFiles : acceptedFiles.split(',');
        return acceptedFilesArray.some(type => {
            const validType = type.trim();
            if (validType.charAt(0) === '.') {
                return fileName.toLowerCase().endsWith(validType.toLowerCase());
            } else if (/\/\*$/.test(validType)) {
                // This is something like a image/* mime type
                return baseMimeType === validType.replace(/\/.*$/, '');
            }
            return mimeType === validType;
        });
    }
    return true;
}
function isDragEvent(event) {
    return dragEvents.indexOf(event.type) > 0;
}

var styles$37 = {
  "DropZone": "p_pd",
  "hasOutline": "p_q3",
  "isDragging": "p_fa",
  "isDisabled": "p_o0",
  "sizeExtraLarge": "p_ui",
  "sizeLarge": "p_u9",
  "sizeMedium": "p_k9",
  "sizeSmall": "p_qe",
  "Container": "p_nq",
  "Overlay": "p_c4",
  "hasError": "p_v2",
};

const getUniqueID$3 = createUniqueIDFactory('DropZone');
class DropZone$1 extends Component {
    constructor(props) {
        super(props);
        this.node = null;
        this.dropNode = null;
        this.dragTargets = [];
        const { polaris: { intl: { translate } }, type } = props;
        const suffix = capitalize(type);
        this.state = {
            type,
            id: props.id || getUniqueID$3(),
            size: 'extraLarge',
            dragging: false,
            error: false,
            overlayText: translate(`Polaris.DropZone.overlayText${suffix}`),
            errorOverlayText: translate(`Polaris.DropZone.errorOverlayText${suffix}`)
        };
    }
    static getDerivedStateFromProps(nextProps, prevState) {
        const { id, error, type, overlayText, errorOverlayText } = prevState;
        const newState = {};
        if (nextProps.id != null && id !== nextProps.id) {
            newState.id = nextProps.id || id;
        }
        if (nextProps.error != null && error !== nextProps.error) {
            newState.error = nextProps.error;
        }
        if (nextProps.type != null && type !== nextProps.type) {
            newState.type = nextProps.type;
        }
        if (nextProps.overlayText != null && overlayText !== nextProps.overlayText) {
            newState.overlayText = nextProps.overlayText;
        }
        if (nextProps.errorOverlayText != null && errorOverlayText !== nextProps.errorOverlayText) {
            newState.errorOverlayText = nextProps.errorOverlayText;
        }
        return Object.keys(newState).length ? newState : null;
    }
    get getContext() {
        return {
            size: this.state.size,
            type: this.state.type || 'file'
        };
    }
    render() {
        const { id, dragging, error, size, overlayText, errorOverlayText } = this.state;
        const { label, labelAction, labelHidden, children, disabled, outline, accept, active, overlay, allowMultiple } = this.props;
        const inputAttributes = {
            id,
            accept,
            disabled,
            type: 'file',
            multiple: allowMultiple,
            ref: this.setInputNode,
            onChange: this.handleDrop,
            autoComplete: 'off'
        };
        const classes = classNames$1(styles$37.DropZone, outline && styles$37.hasOutline, (active || dragging) && styles$37.isDragging, error && styles$37.hasError, size && size === 'extraLarge' && styles$37.sizeExtraLarge, size && size === 'large' && styles$37.sizeLarge, size && size === 'medium' && styles$37.sizeMedium, size && size === 'small' && styles$37.sizeSmall);
        const dragOverlay = (active || dragging) && !error && overlay ? createElement(
            'div',
            { className: styles$37.Overlay },
            createElement(
                Stack$1,
                { vertical: true, spacing: 'tight' },
                createElement(Icon$2, { source: IconDragDrop, color: 'blue' }),
                size === 'extraLarge' && createElement(
                    DisplayText$1,
                    { size: 'small', element: 'p' },
                    overlayText
                ),
                (size === 'medium' || size === 'large') && createElement(
                    Caption$1,
                    null,
                    overlayText
                )
            )
        ) : null;
        const dragErrorOverlay = dragging && error ? createElement(
            'div',
            { className: styles$37.Overlay },
            createElement(
                Stack$1,
                { vertical: true, spacing: 'tight' },
                createElement(Icon$2, { source: IconAlertCircle, color: 'red' }),
                size === 'extraLarge' && createElement(
                    DisplayText$1,
                    { size: 'small', element: 'p' },
                    errorOverlayText
                ),
                (size === 'medium' || size === 'large') && createElement(
                    Caption$1,
                    null,
                    overlayText
                )
            )
        ) : null;
        const dropZoneMarkup = createElement(
            'div',
            { ref: this.setNode, className: classes, 'aria-disabled': disabled, onClick: this.handleClick, onDragStart: handleDragStart },
            dragOverlay,
            dragErrorOverlay,
            createElement(
                'div',
                { className: styles$37.Container },
                children
            ),
            createElement(
                VisuallyHidden$1,
                null,
                createElement('input', inputAttributes)
            )
        );
        const labelledDropzoneMarkup = label ? createElement(
            Labelled$1,
            { id: id, label: label, action: labelAction, labelHidden: labelHidden },
            dropZoneMarkup
        ) : dropZoneMarkup;
        return createElement(
            Provider$1,
            { value: this.getContext },
            labelledDropzoneMarkup
        );
    }
    componentDidMount() {
        this.dragTargets = [];
        // eslint-disable-next-line react/no-did-mount-set-state
        this.setState({ error: this.props.error });
        if (!this.dropNode) {
            return;
        }
        addEventListener(this.dropNode, 'drop', this.handleDrop);
        addEventListener(this.dropNode, 'dragover', this.handleDragOver);
        addEventListener(this.dropNode, 'dragenter', this.handleDragEnter);
        addEventListener(this.dropNode, 'dragleave', this.handleDragLeave);
        addEventListener(window, 'resize', this.adjustSize);
        if (this.props.openFileDialog) {
            this.triggerFileDialog();
        }
    }
    componentWillUnmount() {
        if (!this.dropNode) {
            return;
        }
        removeEventListener(this.dropNode, 'drop', this.handleDrop);
        removeEventListener(this.dropNode, 'dragover', this.handleDragOver);
        removeEventListener(this.dropNode, 'dragenter', this.handleDragEnter);
        removeEventListener(this.dropNode, 'dragleave', this.handleDragLeave);
        removeEventListener(window, 'resize', this.adjustSize);
    }
    componentDidUpdate() {
        if (this.props.openFileDialog) {
            this.triggerFileDialog();
        }
    }
    triggerFileDialog() {
        this.open();
        if (this.props.onFileDialogClose) {
            this.props.onFileDialogClose();
        }
    }
    open() {
        if (!this.fileInputNode) {
            return;
        }
        this.fileInputNode.click();
    }
    adjustSize() {
        if (!this.node) {
            return;
        }
        let size = 'extraLarge';
        const width = this.node.getBoundingClientRect().width;
        if (width < 100) {
            size = 'small';
        } else if (width < 160) {
            size = 'medium';
        } else if (width < 300) {
            size = 'large';
        }
        this.setState({ size });
    }
    getValidatedFiles(files) {
        const { accept, allowMultiple, customValidator } = this.props;
        const acceptedFiles = [];
        const rejectedFiles = [];
        Array.from(files).forEach(file => {
            if (!fileAccepted(file, accept) || customValidator && !customValidator(file)) {
                rejectedFiles.push(file);
            } else {
                acceptedFiles.push(file);
            }
        });
        if (!allowMultiple) {
            acceptedFiles.splice(1, acceptedFiles.length);
            rejectedFiles.push(...acceptedFiles.slice(1));
        }
        return {
            files,
            acceptedFiles,
            rejectedFiles
        };
    }
    setNode(node) {
        const { dropOnPage } = this.props;
        this.node = node;
        this.dropNode = dropOnPage ? document : node;
        this.adjustSize();
    }
    setInputNode(node) {
        this.fileInputNode = node;
    }
    handleClick(event) {
        const { onClick, disabled } = this.props;
        if (disabled) {
            return;
        }
        return onClick ? onClick(event) : this.open();
    }
    handleDrop(event) {
        event.preventDefault();
        event.stopPropagation();
        const { disabled, onDrop, onDropAccepted, onDropRejected } = this.props;
        if (disabled) {
            return;
        }
        const fileList = getDataTransferFiles(event);
        const { files, acceptedFiles, rejectedFiles } = this.getValidatedFiles(fileList);
        this.dragTargets = [];
        this.setState({ dragging: false, error: rejectedFiles.length > 0 });
        if (onDrop) {
            onDrop(files, acceptedFiles, rejectedFiles);
        }
        if (onDropAccepted && acceptedFiles.length) {
            onDropAccepted(acceptedFiles);
        }
        if (onDropRejected && rejectedFiles.length) {
            onDropRejected(rejectedFiles);
        }
    }
    handleDragEnter(event) {
        event.preventDefault();
        event.stopPropagation();
        const { dragging } = this.state;
        const { disabled, onDragEnter } = this.props;
        if (disabled) {
            return;
        }
        const fileList = getDataTransferFiles(event);
        if (event.target && this.dragTargets.indexOf(event.target) === -1) {
            this.dragTargets.push(event.target);
        }
        if (dragging) {
            return false;
        }
        const { rejectedFiles } = this.getValidatedFiles(fileList);
        this.setState({ dragging: true, error: rejectedFiles.length > 0 });
        if (onDragEnter) {
            onDragEnter();
        }
    }
    handleDragOver(event) {
        event.preventDefault();
        event.stopPropagation();
        const { disabled, onDragOver } = this.props;
        if (disabled) {
            return;
        }
        if (onDragOver) {
            onDragOver();
        }
        return false;
    }
    handleDragLeave(event) {
        event.preventDefault();
        const { disabled, onDragLeave } = this.props;
        if (disabled) {
            return;
        }
        this.dragTargets = this.dragTargets.filter(el => {
            return el !== event.target && this.dropNode && this.dropNode.contains(el);
        });
        if (this.dragTargets.length > 0) {
            return;
        }
        this.setState({ dragging: false, error: false });
        if (onDragLeave) {
            onDragLeave();
        }
    }
}
DropZone$1.FileUpload = FileUpload$2;
DropZone$1.defaultProps = {
    type: 'file',
    outline: true,
    overlay: true,
    allowMultiple: true
};
__decorate([autobind], DropZone$1.prototype, "triggerFileDialog", null);
__decorate([autobind], DropZone$1.prototype, "open", null);
__decorate([autobind, debounce(50, { trailing: true })], DropZone$1.prototype, "adjustSize", null);
__decorate([autobind], DropZone$1.prototype, "getValidatedFiles", null);
__decorate([autobind], DropZone$1.prototype, "setNode", null);
__decorate([autobind], DropZone$1.prototype, "setInputNode", null);
__decorate([autobind], DropZone$1.prototype, "handleClick", null);
__decorate([autobind], DropZone$1.prototype, "handleDrop", null);
__decorate([autobind], DropZone$1.prototype, "handleDragEnter", null);
__decorate([autobind], DropZone$1.prototype, "handleDragOver", null);
__decorate([autobind], DropZone$1.prototype, "handleDragLeave", null);
function handleDragStart(event) {
    event.preventDefault();
    event.stopPropagation();
}
var DropZone$2 = withAppProvider()(DropZone$1);

var emptySearch = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNzggMTU4Ij48cGF0aCBkPSJNOS4xOSAxMjkuODRhNDAuMDI5IDQwLjAyOSAwIDAgMS00LjktNy4xNEMtMTMuOTEgODguNTkgNTguMDgtNDEuODggMTM1Ljg1IDE4LjQzYTEwNS45NDYgMTA1Ljk0NiAwIDAgMSA4LjM0IDcuMThjLjMyLjMuNjMuNi45NS45MSA4Ny40OSA4NS04Mi4zIDE2Ni4yOC0xMzUuOTUgMTAzLjMyeiIgZmlsbD0iI2Y0ZjZmOCIvPjxwYXRoIGQ9Ik0xMjIuNiAxMDAuODg1Yy0zLjM2NyA1LjQtNy44MzQgMTAuNzY1LTEzLjY0NiAxMy42MDUtNC4yODcgMi4xLTE0LjQ1MyA5Ljc1LTMxLjcwOSA3LjAzMy03LjU2LTE0LjUyMyA0MC40MzEtMTEuMzIzIDIzLjE0OS0zMi44Ny04LjA3Mi0xMC4wODEgMTMuMzI3LTE0LjEyIDEwLjc0Ny0yMy42MDctMS43NTYtNi40NTItMTIuNTktNy40MS02LjA5My0xOS4yMTYgNC4xNzQtNy41ODktNC45Ny04LjE5NC05LjgzOS0xMC45MTRhOC40MzkgOC40MzkgMCAwIDEtMi45Ni0yLjcxNCAyNS41NCAyNS41NCAwIDAgMSAyLjYyNC40NzJjNC42MDkgMS4xIDkuMzE3IDMuNjI0IDEzLjMyNSA2LjExOSAxMC44ODEgNi43ODcgMTQuODM2IDEzLjQxNCAxNy4yMjEgMTkuNDggNS43NzUgMTQuNzQ5IDUuNzA1IDI4Ljk1MS0yLjgxOSA0Mi42MTJ6IiBmaWxsPSIjZmZmIiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Ik0xMTMuNyAyOC4yMDZjLS4xNTUuMTM2LS4zMTQuMjcyLS40NjkuNDEyLS40NDIuMzktLjg4NS43OS0xLjMzMSAxLjE4NGEyNC4xIDI0LjEgMCAwIDEtMy42NDIgMi44MSAxOS4zMzUgMTkuMzM1IDAgMCAxLTQuNTY5LjkzOGMtMi40MDUtMS41MzItNy43MjMtMS40LTcuNDY2LTQuODc5LjE3LTIuMjg4IDIuMy00Ljg1NiA0LjEzOC02LjM0My4xNjMtLjEzMi4zMjUtLjI1My40OC0uMzY3IDMuNTMyLTIuNTQ5IDguMjYtMi40MjEgMTIuMzQ1LTEuNjYgNC41NTkuODQ3IDMuNjE0IDUuMjM4LjUxNCA3LjkwNXoiIGZpbGw9IiNhZmJhZGQiLz48cGF0aCBkPSJNMTEzLjk2NCAyOC41MDhjLS44MjMuNzIxLTEuNzIgMS4zNzUtMi40ODggMi4xNzktLjk1NS41OTEtMS43IDEuNDQtMi42NDcgMi4wNzdsLS4zNTguMjQ4YTMuMSAzLjEgMCAwIDEtLjQ2NS4yMTIgNC4xNTcgNC4xNTcgMCAwIDEtLjgzOS4xNzggOS44ODEgOS44ODEgMCAwIDAtMS42MjkuNCA5LjIzOCA5LjIzOCAwIDAgMS0xLjcyNS4xNjIuODEzLjgxMyAwIDAgMS0uMjIyLS4wMzYuNDA3LjQwNyAwIDAgMS0uMTMtLjA2NmwtLjAzOS0uMDI3LS4xNTYtLjEwOWE0LjQ3MiA0LjQ3MiAwIDAgMC0uMzQ0LS4xNzkgOC41NTIgOC41NTIgMCAwIDAtLjczMy0uMzA3IDcuMDUxIDcuMDUxIDAgMCAxLTEuNTYxLS40NzggMS44NyAxLjg3IDAgMCAwLS44LS4yMjFjLS4yNzEtLjA2OS0uNTMyLS4xNzItLjgtLjI2OGE3LjgyNSA3LjgyNSAwIDAgMS0xLjU1Mi0uNzUyIDMuNDQ5IDMuNDQ5IDAgMCAxLTEuMjc2LTEuMjg4IDMuOTY3IDMuOTY3IDAgMCAxLS4xNjktMS43ODlBMy4yMzEgMy4yMzEgMCAwIDEgOTYuNSAyNi44YTE3LjkgMTcuOSAwIDAgMSAxLjg1Ni0yLjggMTIuODIzIDEyLjgyMyAwIDAgMSAyLjQ5NC0yLjIyMSA5Ljg5MSA5Ljg5MSAwIDAgMSAyLjk0LTEuNjU5IDEwLjA1IDEwLjA1IDAgMCAxIDEuNjQ0LS40MjhjLjU2MS0uMDgzIDEuMTMtLjA2IDEuNjg2LS4xMjVzMS4xMTktLjExMyAxLjY4LS4xMzZhNS44MzUgNS44MzUgMCAwIDEgMS42NzkuMDg5Yy41NTYuMDY3IDEuMTE3LjA3OCAxLjY3MS4xNThhMTUuNDM0IDE1LjQzNCAwIDAgMSAxLjY0My40MzIgNS43IDUuNyAwIDAgMSAuODM3LjI3NiAzLjE4IDMuMTggMCAwIDEgLjczOS41MDdjLjIxNS4yMS40NzIuMzc0LjY5MS42YTIuMTIyIDIuMTIyIDAgMCAxIC40MjIuODI5IDQuNjc0IDQuNjc0IDAgMCAxIC4wNTEgMS43ODggMy43ODggMy43ODggMCAwIDEtLjUzIDEuNjQ5Yy0uMy40ODktLjU2Ni45OTItLjg4NCAxLjQ3NGE3LjcxNCA3LjcxNCAwIDAgMS0xLjE1NSAxLjI3NXptLS41MjUtLjZhMTEuMjc3IDExLjI3NyAwIDAgMCAxLjExNi0xLjEyMSAzLjYwOSAzLjYwOSAwIDAgMCAuODYyLTEuMzEzYy4xMzktLjUwOC4zNjYtLjk2NC40NzYtMS40NmEyLjIgMi4yIDAgMCAwLS4xODgtMS40MmMtLjEtLjIwOS0uMjIyLS4zODktLjMxNy0uNmExLjExNCAxLjExNCAwIDAgMC0uNDIyLS41NzFjLS4yMTUtLjEyMy0uNDQ3LS4yLS42NjctLjMxNWE1LjQxMSA1LjQxMSAwIDAgMC0uNjg3LS4zMzJjLS40ODQtLjE3My0xLjA3MS0uMDgzLTEuNi0uMjFhMTMuNzQ3IDEzLjc0NyAwIDAgMC0xLjYwOC0uMjcxYy0xLjA4Ny4wMzEtMi4xNjEtLjIwOS0zLjI0Ny0uMTEyYTcuOCA3LjggMCAwIDAtMS41ODIuMzRjLS41MTkuMTIxLTEuMDQuMjI1LTEuNTQ1LjM4OWExMi4zNzEgMTIuMzcxIDAgMCAwLTEuNS41MTkgOCA4IDAgMCAwLTEuNDYuNjcgMTYuMDY0IDE2LjA2NCAwIDAgMC0yLjI2IDIuM2MtLjYzNC44MzktMS41NTMgMS41Ni0xLjc0MiAyLjY1YTUuMzE3IDUuMzE3IDAgMCAxLS40NDIgMS40NjguODc4Ljg3OCAwIDAgMC0uMDExLjcyNWMuMS4yMjcuMjQzLjQuMzMxLjU5M2EyLjczIDIuNzMgMCAwIDAgLjkzMyAxLjAxIDguMjIgOC4yMiAwIDAgMCAxLjQxMS42NjRjLjI0OC4xLjUwOS4xNzQuNzYuMjhhMS42ODYgMS42ODYgMCAwIDAgLjc3LjI5MiA1LjQzMSA1LjQzMSAwIDAgMSAxLjU3NS41NTljLjI2Mi4xLjUyMy4yMTQuNzc4LjM0NGwuMzguMi4xODkuMTA5Yy4xMTkuMDYtLjAzNSAwIC4wNjQuMDE5YTE1Ljg0OCAxNS44NDggMCAwIDAgMS41ODUtLjI0MyA3LjYyNiA3LjYyNiAwIDAgMCAxLjU5NC0uMzgyYy4yNTYtLjEuNTEzLS4xOTEuNzYyLS4yNjZhMi43MjYgMi43MjYgMCAwIDAgLjMyMy0uMWwuMzQ1LS4yQTEwLjUyMyAxMC41MjMgMCAwIDAgMTExIDMwLjE0Yy44NzgtLjY2NiAxLjYxMi0xLjQ5NiAyLjQzOS0yLjI0eiIgZmlsbD0iI2FmYmFkZCIvPjxnIG9wYWNpdHk9Ii40IiBmaWxsPSIjN2I4ZWQwIj48cGF0aCBkPSJNMTEzLjIzMyAyOC42MThjLS40NDIuMzktLjg4NS43OS0xLjMzMSAxLjE4NGEyNC4xIDI0LjEgMCAwIDEtMy42NDIgMi44MSAxOS4zMzUgMTkuMzM1IDAgMCAxLTQuNTY5LjkzOGMtMi40MDUtMS41MzItNy43MjMtMS40LTcuNDY2LTQuODc5LjE3LTIuMjg4IDIuMy00Ljg1NiA0LjEzOC02LjM0M2EyMi42NjggMjIuNjY4IDAgMCAxIDEyLjg3IDYuMjl6Ii8+PHBhdGggZD0iTTExMy42MzIgMjguNjMxYTEzLjYzMSAxMy42MzEgMCAwIDEtMS41IDEuNDE4Yy0uMjQuMTc3LS4zOTIuNDU0LS42MzcuNjI4LS4yMy4xOTEtLjUxNS4zMTYtLjczOS41MTVsLTEuMzU4IDEuMmE4LjMxMyA4LjMxMyAwIDAgMS0uNzM4LjU0MiAxLjUxOCAxLjUxOCAwIDAgMS0uNS4yMTRsLS40NjYuMDkxYTQuNjczIDQuNjczIDAgMCAwLS44NjcuMjc0IDQuMjU5IDQuMjU5IDAgMCAxLS44ODMuMTc1Yy0uNi4wNzItMS4xOS4xMjMtMS44LjIwOGwtLjI0My4wMThoLS4xNDNjLS4wNDItLjAwNi0uMDU5IDAtLjEyMy0uMDEyYS41NDYuNTQ2IDAgMCAxLS4xMzQtLjA1MmwtLjAyNC0uMDFhMy44NzggMy44NzggMCAwIDAtLjM4My0uMTU0IDMgMyAwIDAgMS0uNzQ1LS40MDhjLS41NjYtLjEyMy0xLjExMi0uMzI2LTEuNjc3LS41MDdsLTEuNy0uNTdjLS42LS4xNDQtMS4wMzMtLjY2Ni0xLjYxOC0uODgxYTIuMjY3IDIuMjY3IDAgMCAxLTEuMTI1LTEuNDg3IDMuMTM3IDMuMTM3IDAgMCAxLS4wOTMtMS44NDMgNi4zNzMgNi4zNzMgMCAwIDEgLjY2NC0xLjY5Yy4zMTctLjUxNC42MjUtMS4wMjUuOTMzLTEuNTQ2YTkuNyA5LjcgMCAwIDEgMi40MDctMi43bC4wNTYtLjA0MWEuMjQyLjI0MiAwIDAgMSAuMjEtLjAzN2MxLjE5My4zNTIgMi40ODMuMjI3IDMuNjQuNzI2LjU3NS4yMjggMS4yLjMwNiAxLjc2LjU5YTkuMDQ2IDkuMDQ2IDAgMCAwIC44MDguNDY2Yy4yNzguMTMxLjU3NC4yMjYuODQ2LjM3MWEzLjczNyAzLjczNyAwIDAgMCAuOC40NiAyLjQxNSAyLjQxNSAwIDAgMSAuODI3LjQxNCAxMS4zIDExLjMgMCAwIDAgMS41MjkgMS4wMzhjLjU1Ny4yODQuOTE4LjgyNSAxLjQ2NCAxLjEyNi4yNTEuMTc5LjUxOC4zNDQuNzUyLjU0N2E0LjE0MyA0LjE0MyAwIDAgMSAuOC45MTd6bS0uOC0uMDI2YTEuMjI3IDEuMjI3IDAgMCAxLS41MjYtLjMyM2MtLjIyOC0uMTkxLS40MTktLjQyNS0uNjM1LS42MzQtLjQtLjQ1Ny0xLjAzNy0uNjEyLTEuNDY4LTEuMDI5YTQuOTQxIDQuOTQxIDAgMCAwLTEuNTQzLS45MDYgMS44OTEgMS44OTEgMCAwIDEtLjc0LS41MDggMi40MDggMi40MDggMCAwIDAtLjgxMy0uMzc2Yy0uMjc3LS4xMTEtLjUwNS0uMzI2LS43NzQtLjQ1OGE1LjE1MyA1LjE1MyAwIDAgMC0uODU5LS4yNjdjLS41Ny0uMTc0LTEuMDgtLjUxOC0xLjY2Mi0uNjY2LTEuMTY2LS4yMTQtMi4yNy0uODQ3LTMuNS0uNjlsLjMxMi0uMDkxYy0uODIxLjgtMS42NSAxLjU4OC0yLjQ1MiAyLjQyN2EzLjIzNiAzLjIzNiAwIDAgMC0uOTUyIDEuNDM0IDkuNDA3IDkuNDA3IDAgMCAwLS41IDEuNiAzLjY3NCAzLjY3NCAwIDAgMC0uMDg0IDEuNTYzYy4yMTEuNTIxLjc5My42MDcgMS4wNzYgMS4wODlhLjg1MS44NTEgMCAwIDAgLjcxNy40IDIuMjg4IDIuMjg4IDAgMCAxIC44Mi4yMzIgMTEuMzQgMTEuMzQgMCAwIDAgMS42NDQuNiA3LjQ0NCA3LjQ0NCAwIDAgMSAxLjY3Ny42NyAyLjA4NSAyLjA4NSAwIDAgMSAuODY3LjMyN2MuMTMuMDkuMjU4LjE4Ny4zODIuMjg3LS4xLS4wMTctLjAyMy4wMDcuMDQzIDBsLjItLjAwOWExMS4yODEgMTEuMjgxIDAgMCAwIDEuNzI5LS4yNzggMTUuMjQ4IDE1LjI0OCAwIDAgMCAxLjcwOS0uNDA4Yy4xMzQtLjA1Ni4yNjktLjExLjM5MS0uMTc0YTIuNTM3IDIuNTM3IDAgMCAwIC4zMTctLjJjLjI0OS0uMTQ2LjUtLjI4OS43NDUtLjQ0Ny40ODktLjMxNC45NzMtLjY0NSAxLjQzNS0xLjAwNy4yMjktLjE4NS40LS40MzkuNjEzLS42MzlzLjQ4LS4zNDYuNjg1LS41NTlhNi45MTMgNi45MTMgMCAwIDEgMS4xNDctLjk2NXoiLz48L2c+PHBhdGggZD0iTTExNC44IDYyLjc5MWMuMDY5IDIxLjQ3OC0xMi4xODEgMTguODQyLTMxLjUgMzUuMTg3LTEyLjg3NiAxMC44OTMtMjIuNyA2LjQ3Ny0yNC4yNDYtLjczOGE5LjY0OCA5LjY0OCAwIDAgMS0uMi0yLjUyNEM1OS4xMTQgODkuNDEgNjMuNiA4My40NDQgNzQgODAuOTI1IDg0LjgzNyA3OC4zIDgwLjggNTkuNyA5OS42NDUgNTEuNGMuNDQ2LS4yLjktLjM4NiAxLjM3NC0uNTcxLjIwNi0uMDgyLjQwOC0uMTU1LjYwNS0uMjI3IDkuMzM1LTMuMzcgMTMuMTQ2IDEuODM2IDEzLjE3NiAxMi4xODl6IiBmaWxsPSIjZmZiZjRkIi8+PHBhdGggZD0iTTExNSA2Mi43OWEzMy44NTMgMzMuODUzIDAgMCAxLTEuNDU0IDEwLjUgMTYuOTU0IDE2Ljk1NCAwIDAgMS0yLjQ3OSA0LjcxbC0uODIxIDEuMDU5Yy0uMjgxLjM0Ni0uNjIxLjYzOC0uOTI5Ljk2cy0uNjI3LjYzNC0uOTUyLjkzOWwtMS4wMzUuODRhODYuMTMyIDg2LjEzMiAwIDAgMS04Ljg2MSA1LjgxN2MtMy4wMjUgMS44MDktNS45OSAzLjcwNi04Ljg1OCA1Ljc0NS0yLjg5MSAyLjAyMS01LjUzOSA0LjMxLTguMzcyIDYuNDU2YTI0LjY4NCAyNC42ODQgMCAwIDEtOS41NCA0LjU0NGwtMS4zMTUuMjM2LTEuMzM2LjA3MmE3LjI3IDcuMjcgMCAwIDEtMS4zMzYtLjA0NyA2LjUgNi41IDAgMCAxLTEuMzI0LS4xODUgOS4zMjIgOS4zMjIgMCAwIDEtNy4yLTEyLjIyMSAxNC44IDE0LjggMCAwIDEgNi41ODEtOC4wODYgMjYuMzE1IDI2LjMxNSAwIDAgMSA0Ljc3Ny0yLjMwOGMxLjY0NS0uNjUxIDMuNDQxLS45MiA1LjAyMi0xLjZhOS41NzggOS41NzggMCAwIDAgMy44NjEtMy40IDI4LjMxNSAyOC4zMTUgMCAwIDAgMi40ODQtNC42MjEgODIuMTI5IDgyLjEyOSAwIDAgMSA0LjU4Ny05LjU0OCAyNy43IDI3LjcgMCAwIDEgNy4wMjktNy45MTVBMzAuNzA5IDMwLjcwOSAwIDAgMSAxMDMgNDkuOTkzYTEyLjA0MiAxMi4wNDIgMCAwIDEgNS4zLS40MDcgNi42IDYuNiAwIDAgMSA0LjM4OCAyLjkxOCAxMy41MjUgMTMuNTI1IDAgMCAxIDEuODcyIDQuOTg4IDM0LjAzNCAzNC4wMzQgMCAwIDEgLjQ0IDUuMjk4em0tLjQgMGEzMy42NTEgMzMuNjUxIDAgMCAwLS40MzYtNS4yMjggMTMuMTQxIDEzLjE0MSAwIDAgMC0xLjgwOC00LjgzOCA2LjIgNi4yIDAgMCAwLTQuMTM1LTIuNzUzIDExLjU0NiAxMS41NDYgMCAwIDAtNS4xMTUuNCAzMC43ODcgMzAuNzg3IDAgMCAwLTkuMzM0IDQuNjgxIDI3LjM3IDI3LjM3IDAgMCAwLTYuOTQyIDcuNzk1IDgxLjg3NSA4MS44NzUgMCAwIDAtNC41ODcgOS41IDI4LjY0NCAyOC42NDQgMCAwIDEtMi41MjYgNC42OCA5LjkzMSA5LjkzMSAwIDAgMS00LjAwOCAzLjUwOWMtMS42ODIuNzE3LTMuNDE0Ljk1OS01LjA1MSAxLjZhMjUuOTg3IDI1Ljk4NyAwIDAgMC00LjcxNyAyLjI2OCAxNC40MDYgMTQuNDA2IDAgMCAwLTYuNDUxIDcuOSA5LjI0MiA5LjI0MiAwIDAgMCAyLjQxIDkuNDk2IDkuMTM1IDkuMTM1IDAgMCAwIDQuNTY3IDIuMjM4IDYuMTcgNi4xNyAwIDAgMCAxLjI3OC4xNzEgNy40NDMgNy40NDMgMCAwIDAgMS4yOTIuMDQ3bDEuMy0uMDY0IDEuMjgyLS4yMjVhMjQuMzEgMjQuMzEgMCAwIDAgOS40MDktNC40MzRjMi43ODktMi4xMTQgNS40NDMtNC40OTMgOC4zNTYtNi40ODUgMi44OC0yLjA0NCA1Ljg2NC0zLjkzOCA4Ljg4OC01Ljc1MWE5MC4wMDcgOTAuMDA3IDAgMCAwIDguNzk1LTUuODIxbDEuMDIxLS44MjcuOTMzLS45MmMuMy0uMzE1LjYzNy0uNi45MTItLjkzOWwuOC0xLjAzNGExNi41NDEgMTYuNTQxIDAgMCAwIDIuNDI5LTQuNiAzMy40NzEgMzMuNDcxIDAgMCAwIDEuNDM4LTEwLjM2NXpNNTkuMzEzIDg3LjVhMy4yMTYgMy4yMTYgMCAwIDEgLjc2OC0xLjA4MmwuMTI1LS4xMTFjLjA1Ni0uMDI1LjEzLS4wMzQuMTU2LS4wODRsLjIzMy0uMjM0Yy4xNDgtLjE2My4zOTEtLjIzNC41NDQtLjM4OGwuODM3LTEuMDIzYTEuMjYyIDEuMjYyIDAgMCAxIC41MzMtLjM4OCAzLjkzMiAzLjkzMiAwIDAgMCAuNDc4LS40NTZsLjQ4LjY0Yy0uMTU2LjE0Mi0uMy4zLS40Ni40MzNzLS40LjE3Ni0uNTI2LjM1MWMtLjMwOS4yODQtLjYxMy41NzMtLjg5Mi44ODUtLjEyOC4xNjgtLjE5LjM5NC0uMzc5LjUtLjA5My4wNTYtLjIxNy4wODUtLjMwNy4xNDYtLjA2NS4wMTMtLjA2OC4wOC0uMDkuMTI5bC0uMTMzLjA5M2EuOTI4LjkyOCAwIDAgMC0uMjQ5LjJjLS4wNTcuMDg5LS4wNDQuMjMyLS4xMTcuMzA4LS4xMTcuMTc0LS4yMDguMzY1LS4zMzguNTI4eiIgZmlsbD0iI2ZmYmY0ZCIvPjxwYXRoIGQ9Ik02Ni40IDgxLjY1NWEyOS43NjggMjkuNzY4IDAgMCAxIDUuNzIzLTIuMTU1IDkuMDU1IDkuMDU1IDAgMCAwIDQuOTEyLTIuODA4IDEyLjU2NiAxMi41NjYgMCAwIDAgLjkxNi0xLjEzNSA5LjQ1NyA5LjQ1NyAwIDAgMCAuODQ2LTEuMjExIDMzLjY3IDMzLjY3IDAgMCAwIDEuMzc2LTIuNjQ5bDIuNTcyLTUuNDU5YTM1LjEyNCAzNS4xMjQgMCAwIDEgNi41Mi0xMC4yMDggMjIuMjg0IDIyLjI4NCAwIDAgMSA0Ljc4Mi0zLjc5IDM1LjMzNSAzNS4zMzUgMCAwIDEgNS40MDktMi44MTNsLjI5NC43NDRhMzIuNTE0IDMyLjUxNCAwIDAgMC01LjI3NSAyLjc0MiAyNC43MzIgMjQuNzMyIDAgMCAwLTQuNjY0IDMuNjU3IDMzLjM1OSAzMy4zNTkgMCAwIDAtNi40OSA5LjkzNGMtLjgxNSAxLjgyOC0xLjQ5IDMuNzIzLTIuNDA4IDUuNTM2YTI5LjU3NyAyOS41NzcgMCAwIDEtMS41IDIuNjY1Yy0uMy40Mi0uNTI3Ljg3Ny0uODE4IDEuM2ExMS43MTEgMTEuNzExIDAgMCAxLS45ODUgMS4yIDEwLjAyMyAxMC4wMjMgMCAwIDEtMi40MjYgMS45MyAxMC43IDEwLjcgMCAwIDEtMS4zODcuNzE1IDEzLjQ5MSAxMy40OTEgMCAwIDEtMS40NzEuNDYxIDI4Ljk0MyAyOC45NDMgMCAwIDAtNS41NzcgMi4wNjJ6IiBmaWxsPSIjZmZiZjRkIi8+PHBhdGggZD0iTTExNC44IDYyLjc5MWMuMDY5IDIxLjQ3OC0xMi4xODEgMTguODQyLTMxLjUgMzUuMTg3LTEyLjg3NiAxMC44OTMtMjIuNyA2LjQ3Ny0yNC4yNDYtLjczOGE5LjY0OCA5LjY0OCAwIDAgMS0uMi0yLjUyNCAxOS41MTMgMTkuNTEzIDAgMCAxIDguNDY0LTMuOTgzYzQuMzgyLS42IDguOTc1LS4yNTggMTMuMzc4LTEuMTQyIDguMzg3LTEuNjgyIDE5LjA4Ny0xMC4zNjUgMTcuMzE0LTE5LjkzNy0uODcxLTQuNy0yLjQxMi04LjY3NC0uNy0xMy40NTFhMjMuMDA5IDIzLjAwOSAwIDAgMSAyLjMzNS00LjhjLjQ0Ni0uMi45LS4zODYgMS4zNzQtLjU3MS4yMDYtLjA4Mi40MDgtLjE1NS42MDUtLjIyNyA5LjMzNS0zLjM3MyAxMy4xNDYgMS44MzMgMTMuMTc2IDEyLjE4NnoiIGZpbGw9IiNmZmFhMTAiIHN0cm9rZT0iI2ZmYWExMCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIuNSIvPjxwYXRoIGQ9Ik0zOC4xMTMgODQuNjU5YTE3LjI2NSAxNy4yNjUgMCAwIDEtMy4yMDcgMy42MTYgMjkuMyAyOS4zIDAgMCAxLTMuNjcyIDIuNzA4IDEyLjE3MiAxMi4xNzIgMCAwIDEtMS41MTMuODEzYy0zLjU4OSAxLjY0NS03LjczOCAxLjc4NS0xMS4wOTMgMy45OS0yLjY1MSAxLjc0NC00LjU3MyA1LjE3OC04LjE4MSA0Ljg5LTMuNTU1LS4yODQtNS4yNzYtMy40MjMtNC4yNTUtNi42NTMgMS4zOTItNC40MjUgNy40NzctMy45MTUgMTAuNjItNi41MjhhNDEuODIxIDQxLjgyMSAwIDAgMCA0LjUtNC44NzFjLjMxOC0uMzc0LjY1MS0uNzQ1Ljk4LTEuMWExMy42NzMgMTMuNjczIDAgMCAxIDQuNTI3LTMuNDggOC4wMzYgOC4wMzYgMCAwIDEgMS42OTQtLjUzYzQuMTU0LS44MTQgMTMuNTY0Ljk3NiA5LjYgNy4xNDV6IiBmaWxsPSIjYWZiYWRkIi8+PHBhdGggZD0iTTM4LjQ0OSA4NC44NzVhMjEuMjE4IDIxLjIxOCAwIDAgMS0zLjcxIDQuMDI5IDQyLjQ4OSA0Mi40ODkgMCAwIDEtNC41IDMuMTEyIDkuOTc1IDkuOTc1IDAgMCAxLTIuNTYgMS4wMDhjLS44ODguMjEtMS43MzYuNTI2LTIuNi43NzdhMjUuMzkxIDI1LjM5MSAwIDAgMC01LjA1IDEuNTg3IDkuMzE2IDkuMzE2IDAgMCAwLTIuMTI5IDEuNDc3cS0uNTMuMzg4LTEuMDU1LjgwOGMtLjM0Ny4yODMtLjU5MS42NzktLjk0OS45NjJhMTIuNTQyIDEyLjU0MiAwIDAgMS0yLjIyOCAxLjY0MiA1Ljc2OCA1Ljc2OCAwIDAgMS0yLjczLjc0MiA0LjkgNC45IDAgMCAxLTIuNzE5LS43MDkgNi41NjIgNi41NjIgMCAwIDEtMS4xLS44NzcgNC41NzkgNC41NzkgMCAwIDEtLjg5NS0xLjA5NSA0Ljk5MSA0Ljk5MSAwIDAgMS0uNDc5LTIuNzM4IDYuODYxIDYuODYxIDAgMCAxIC43MjUtMi42NUE1LjA1MyA1LjA1MyAwIDAgMSA4LjQwOCA5MWExMS43IDExLjcgMCAwIDEgMi40OS0xLjEgMjIuOTcyIDIyLjk3MiAwIDAgMCA0LjktMi4wNjcgMTAuNCAxMC40IDAgMCAwIDEuOTU4LTEuNzExYy41ODUtLjY1OSAxLjIzOS0xLjI2NSAxLjgyOC0xLjkzOSAxLjItMS4zMjEgMi4xODUtMi44NTkgMy41NDItNC4xMDdhMjUuNjQ5IDI1LjY0OSAwIDAgMSAyLjE3NC0xLjcyMiA2Ljg4IDYuODggMCAwIDEgMi41OTMtMS4wNDMgOS4yMDggOS4yMDggMCAwIDEgMi43NTEtLjMgMjIuNiAyMi42IDAgMCAxIDIuNzM4LjE5IDE2LjU1NSAxNi41NTUgMCAwIDEgMi42MjguODIxIDUuNTE4IDUuNTE4IDAgMCAxIDIuMzYyIDEuNDg5IDMuOTg2IDMuOTg2IDAgMCAxIDEuMDIxIDIuNjc3IDUuNTg3IDUuNTg3IDAgMCAxLS45NDQgMi42ODd6bS0uNjczLS40MzNhNS41ODUgNS41ODUgMCAwIDAgLjkwNS0yLjMgMi43MDkgMi43MDkgMCAwIDAtLjExLTEuMTgyIDIuNjU0IDIuNjU0IDAgMCAwLS42OS0uOTgyIDguNzY5IDguNzY5IDAgMCAwLTIuMTA4LTEuMzYzIDEwLjU0OSAxMC41NDkgMCAwIDAtMi41MzQtLjU3MyAxMi4yNTggMTIuMjU4IDAgMCAwLTUuMTY2LS4wNTEgMTUuNjEgMTUuNjEgMCAwIDAtMi4zMTkgMS4xIDguNDgzIDguNDgzIDAgMCAwLTIuMDYzIDEuNTg4IDQzLjg1NiA0My44NTYgMCAwIDAtMy42MTMgMy45MjEgMTQuOTU4IDE0Ljk1OCAwIDAgMS0xLjcyMiAyLjExMSA5LjgxMyA5LjgxMyAwIDAgMS0yLjE3MyAxLjc2MWMtMS42MzYgMS4wMDctMy41MTYgMS4wODktNS4xMzggMS44MzZDOS40MjYgOTEgNy44MTEgOTEuOCA2Ljk3IDkzLjIzOGE0LjQwOSA0LjQwOSAwIDAgMC0uNzM5IDIuMzg1IDUuMjIzIDUuMjIzIDAgMCAwIC42ODYgMi4zNDcgNC45MzYgNC45MzYgMCAwIDAgLjU4MyAxLjA3NyAyLjQxMSAyLjQxMSAwIDAgMCAxLjA0MS42NTYgOC45IDguOSAwIDAgMCAyLjM4NS40OTRjMS42NjYuMDg4IDMuMTI0LTEuMDA1IDQuNDMtMi4xNTguMzEtLjMxNS43MzMtLjUxOSAxLjA1MS0uODM4cy42MzctLjY0NS45NzEtLjk2YTEyLjI4NSAxMi4yODUgMCAwIDEgMi4zNzQtMS40MTVjMy4zMDktMS41OSA3LjAyNi0xLjg1OCAxMC4xNDUtMy41MWwxLjE2OS0uNTk1cS41NzItLjM0NSAxLjEzMS0uNzA5YTEyLjY1MiAxMi42NTIgMCAwIDAgMi4wOTEtMS42NDUgMTkgMTkgMCAwIDAgMS45MjItMS44MiAxNy42ODQgMTcuNjg0IDAgMCAwIDEuNTY2LTIuMTA1eiIgZmlsbD0iI2FmYmFkZCIvPjxnIG9wYWNpdHk9Ii40IiBmaWxsPSIjN2I4ZWQwIj48cGF0aCBkPSJNMzguMTEzIDg0LjY1OWExNy4yNjUgMTcuMjY1IDAgMCAxLTMuMjA3IDMuNjE2IDI5LjMgMjkuMyAwIDAgMS0zLjY3MiAyLjcwOCAxMi4xNzIgMTIuMTcyIDAgMCAxLTEuNTEzLjgxM2MtLjIxOS0zLjI4My4zNjMtNi4zODgtLjkxNS05Ljc2NmEyNy4wMTggMjcuMDE4IDAgMCAwLTEuOTgyLTMuOTkgOC4wMzYgOC4wMzYgMCAwIDEgMS42OTQtLjUzYzQuMTQ5LS44MSAxMy41NTkuOTggOS41OTUgNy4xNDl6Ii8+PHBhdGggZD0iTTM4LjQ0OSA4NC44NzVBOS43NTQgOS43NTQgMCAwIDEgMzcuNTc1IDg2Yy0uMzQ5LjMyNC0uNTI2LjgtLjkxNSAxLjA4OC0uNzY4LjU2OS0xLjI5MiAxLjM3Ny0yLjAwNSAyLjAwNWE1LjgyNiA1LjgyNiAwIDAgMS0xLjE1My44MjJjLS40LjI1Mi0uNy42NDQtMS4xMTEuODczLS43OTEuNS0xLjcuODQ2LTIuNTI0IDEuMzI1YS4zMjkuMzI5IDAgMCAxLS40OTItLjI0MWwtLjAwNy0uMDU3YTYuODYxIDYuODYxIDAgMCAxLS4xMTctLjkwNSA0LjkgNC45IDAgMCAwIC4wNzgtLjkwNiAzLjAxIDMuMDEgMCAwIDEtLjA0NC0uOWwuMDI3LS44OTRhMTYuODMyIDE2LjgzMiAwIDAgMC0uMDA3LTEuNzc0Yy0uMDkxLS41NzkuMTQ2LTEuMTk0LS4wNTYtMS43NjRhMTEuMTE0IDExLjExNCAwIDAgMS0uMzEyLTEuNzM2IDkuMDY3IDkuMDY3IDAgMCAwLS42NDgtMS42NDUgMjYuOTkyIDI2Ljk5MiAwIDAgMC0uNzU0LTEuNjA4IDcuNTI4IDcuNTI4IDAgMCAwLS44OTMtMS41NDMuMTg3LjE4NyAwIDAgMSAuMDM3LS4yNjJsLjAyLS4wMTMuMDQtLjAyMmE2Ljg2NyA2Ljg2NyAwIDAgMSA0LjM0LS44MDggMTYuMzQxIDE2LjM0MSAwIDAgMSAyLjIyMS4wNjVjLjcuMjY0IDEuNDc3LjIzMiAyLjE3Mi41NDdhOC41MjYgOC41MjYgMCAwIDAgMS4wMDcuNTE3Yy4xNzQuMDczLjM0NS4xNTIuNTE2LjIzNWE0LjMwOCA0LjMwOCAwIDAgMSAuNDUzLjM0OWMuMjc1LjI1Ny43LjM0OS45MzQuNjgxYTMuODE2IDMuODE2IDAgMCAxIC42MDYgMS4wMTIgNC41NTggNC41NTggMCAwIDEgLjM3NCAxLjEyNSAzLjI3NCAzLjI3NCAwIDAgMS0uMTMyIDEuMTY0IDYuNjYgNi42NiAwIDAgMS0uMjY2IDEuMTI0IDguOTkyIDguOTkyIDAgMCAxLS41MTUgMS4wMjF6bS0uNjczLS40MzNhOC4yMjMgOC4yMjMgMCAwIDAgLjUtLjkgMy4zIDMuMyAwIDAgMCAuMzkxLS45MzEgNS4wMjQgNS4wMjQgMCAwIDAtLjAzOC0uOTcxIDEuODEyIDEuODEyIDAgMCAwLS4yMTctLjkxMiAyLjcxOCAyLjcxOCAwIDAgMC0uNjUtLjdjLS4yNDctLjE4OS0uMzU5LS41ODItLjY4My0uNzIyYTIuOTU1IDIuOTU1IDAgMCAxLS44OTQtLjUgMi40MzIgMi40MzIgMCAwIDAtLjk5MS0uMzIyIDcuNDY0IDcuNDY0IDAgMCAwLTIuMDMxLS41MzEgMTMuMzUzIDEzLjM1MyAwIDAgMC0yLjEtLjMwNyA1LjUgNS41IDAgMCAwLTEuMDU1LjE0OWMtLjM0Ny4wNTktLjY5My4wNjYtMS4wMzMuMTE5YTE2LjQ3NCAxNi40NzQgMCAwIDAtMi4wMTcuNDMxbC4xNTMtLjQ3YTUuNzE3IDUuNzE3IDAgMCAwIC44NzUgMS41NzkgMTIuMjE5IDEyLjIxOSAwIDAgMSAuODcgMS42Yy4yNy41NDkuMjk0IDEuMTk0LjU0MSAxLjc1Ni4yMjQuNTY0LjY1MiAxLjEyNC40NjggMS43NzktLjEyNi42MjkuMzg2IDEuMTkyLjI5MiAxLjgxNi0uMDE3LjYxMi0uMDQ1IDEuMjE1LS4wNDIgMS44MTVsLS4wMjMuOUEyLjk1MiAyLjk1MiAwIDAgMSAzMCA5MGEzLjM0NSAzLjM0NSAwIDAgMCAuMDcuODg1YzAgLjI5NS0uMDM5LjU5LS4wNTYuODg3bC0uNDEzLS4yNDdhMTMuMjQ3IDEzLjI0NyAwIDAgMCAyLjM3OC0xLjM0OSAxMS4zNTkgMTEuMzU5IDAgMCAwIDEuMTI5LS43OTMgOS4zMjQgOS4zMjQgMCAwIDEgMS4wMzItLjkxNGMuMzY0LS4yNzYuNzI1LS41NjMgMS4wNzQtLjg1OGEzLjk4MyAzLjk4MyAwIDAgMCAuOTQ1LS45OTNjLjI0NS0uMzkxLjY2MS0uNjMyLjg4Ni0xLjAzNy4yNDYtLjM4MS41MDQtLjc1LjczMS0xLjEzOXoiLz48L2c+PHBhdGggZD0iTTE0NC4xOSAyNS42MWEuMjQ5LjI0OSAwIDAgMS0uMDcuMDQgNDAuNTIxIDQwLjUyMSAwIDAgMC01LjQ5IDMuMDdjLTMuMSAyLjMyLTMuOTggOC4wNS04LjM2IDguMzYtMy4yMS4yMi01LjcyLTIuMDYtNS4yLTUuNC41My0zLjM5IDQuMTItNC40IDYuMzItNi40NiAyLjAyLTEuOSAzLjEyLTQuNDIgNC40Ni02Ljc5YTEwNS45NDYgMTA1Ljk0NiAwIDAgMSA4LjM0IDcuMTh6IiBmaWxsPSIjYWZiYWRkIi8+PHBhdGggZD0iTTExNy44NTUgMzcuMDMzYTUwLjkzNiA1MC45MzYgMCAxIDAgNC4yNjUgNzEuOTA4IDUwLjY3MSA1MC42NzEgMCAwIDAtNC4yNjUtNzEuOTA4em05LjcgNDkuNjM4Yy0yLjE3NiA2Ljg5Mi01LjE3NSAxMy4yOTUtMTAuMDEyIDE4Ljc0Mi00LjIyNSA0Ljc1My05LjUzMyA5LjMtMTUuNzM5IDExLjExOS0zLjk3OCAxLjE3LTguMDIgMi45NjYtMTIuMTM0IDMuNjA3YTQ1LjMyOCA0NS4zMjggMCAwIDEtOC43OTMuMjEyIDQ0LjUxNiA0NC41MTYgMCAwIDEtMjYuOTY3LTExLjE2NGMtOC43LTcuNzI5LTEyLjk0My0xNy4zNzktMTQuNDQ2LTI4LjYxNmEzNy4yIDM3LjIgMCAwIDEtLjE3NS0xMC41NjRjMS4yMjUtOC40OSA1LjE0Ni0xOC4wMzYgMTAuODQ3LTI0LjQ1MyA5LjktMTEuMTUyIDI3LjgxNy0xOC43MzUgNDIuNjg2LTE0LjYzOWE3MC42NzQgNzAuNjc0IDAgMCAxIDguODQgMi41OTRjNC4zNiAxLjg2MyA4LjU3NyA1LjEzOCAxMi4xMDcgOC4yNzFhNDcuOTQzIDQ3Ljk0MyAwIDAgMSA5LjE4NyAxMC42MzYgMjguMTU1IDI4LjE1NSAwIDAgMSAyLjA2NSAzLjYwOCAzOC41IDM4LjUgMCAwIDEgMi40NTEgNy44NTNjMS40NzIgNy4wNzcgMi4yOTQgMTUuNzk5LjA4NyAyMi43OTR6IiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTEyMy4zIDEwOS45ODZhNTEuNTU0IDUxLjU1NCAwIDAgMS0xNi4zNjYgMTIuMzA2Yy0xLjU2Ni43LTMuMiAxLjIzMS00Ljc2OSAxLjkyMmwtNC44NjUgMS42NzhjLTEuNjU3LjQ0MS0zLjMzNy44MTQtNS4wMTMgMS4yMjhsLTUuMTI2Ljc0MWE0OS41NTMgNDkuNTUzIDAgMCAxLTIwLjQxNC0yLjg0MyA1My44IDUzLjggMCAwIDEtMTcuNjY3LTEwLjU0NmwtMy42NjMtMy42MzljLTEuMTI1LTEuMy0yLjItMi42NDktMy4yOS0zLjk3Ny0uOTk1LTEuNC0xLjktMi44NzEtMi44NDQtNC4zLS44NTUtMS40ODgtMS42LTMuMDM4LTIuNDA2LTQuNTUyLS43LTEuNTYzLTEuMy0zLjE3Ni0xLjk0Ni00Ljc1OS0uNTM2LTEuNjI1LS45NzgtMy4yODItMS40NjgtNC45Mi0uMzY4LTEuNjctLjYzNC0zLjM2Mi0uOTQ1LTUuMDM4bC0uNDQzLTUuMWMuMDI5LTEuNy4wMTMtMy40MDYgMC01LjEwNi4xNTMtMS42OTQuMjU2LTMuMzk0LjQzMy01LjA4NS4zLTEuNjc1LjU4Ni0zLjM1Ni45NjQtNS4wMTIuNDk0LTEuNjI4LjkyNC0zLjI3NyAxLjQ3NC00Ljg4NC42NTYtMS41NjkgMS4yNTktMy4xNiAxLjk3Ni00LjcuODE1LTEuNDkgMS41NTUtMy4wMiAyLjQwOS00LjQ4Mi45NTctMS40IDEuODIxLTIuODYxIDIuNzczLTQuMjYzbDMuMTQ2LTRhNTEuMzg0IDUxLjM4NCAwIDAgMSAxNi4xNzMtMTIuMTMzIDUzLjA0IDUzLjA0IDAgMCAxIDQuNjgtMS45NzcgODEuMTkgODEuMTkgMCAwIDEgNC44LTEuNjg5IDQ2LjYwOCA0Ni42MDggMCAwIDEgNC45NjEtMS4yMiA1Mi41MTIgNTIuNTEyIDAgMCAxIDUuMDgyLS42IDUyLjQ2NyA1Mi40NjcgMCAwIDEgMzcuOTg1IDEyLjc3MmwzLjYyMSAzLjY2OWMxLjExMyAxLjMwNyAyLjE2NSAyLjY2NiAzLjI0NSA0IC45OTMgMS40IDEuODg5IDIuODYyIDIuODMzIDQuMjg5Ljg2NSAxLjQ3NSAxLjY1NiAzIDIuNDg1IDQuNS43MzYgMS41NDQgMS4zNiAzLjE0MyAyLjA0MyA0LjcxNS41NzIgMS42MTMgMS4wNDUgMy4yNjMgMS41NyA0LjkuNCAxLjY2Ni43MjMgMy4zNTEgMS4wODQgNS4wMjguMjM1IDEuNy4zNjIgMy40MTMuNTA3IDUuMTE4bC0uMDYxIDUuMTM2LS41NDkgNS4xYy0uMzExIDEuNjc3LS41NzEgMy4zNjgtLjkyOSA1LjAzNS0uNDgxIDEuNjM4LS44OCAzLjMtMS4zOTMgNC45MzFhNTIuMzI2IDUyLjMyNiAwIDAgMS0xMC4wODcgMTcuNzU3em0tMi4zNTUtMi4wOTFhNDkuNTgxIDQ5LjU4MSAwIDAgMCA5LjYzNC0xNi42NTVjLjUtMS41MzEuODgxLTMuMSAxLjMzMS00LjY0NS4zMzQtMS41NzQuNTczLTMuMTcuODY5LTQuNzUxLjE1LTEuNi4xODctMy4yMTYuMjktNC44MTZsLS4xNjktNC44MWMtLjIyLTEuNTktLjQxNi0zLjE3Ni0uNTY4LTQuNzctLjMxOC0xLjU2Ny0uNTk1LTMuMTQ2LS45MzktNC43MS0uNDY4LTEuNTMxLS44OTQtMy4wNzctMS4zODctNC42LS42MDktMS40ODEtMS4xNTYtMi45OTQtMS44MTEtNC40NTlhNDguMjcyIDQ4LjI3MiAwIDAgMC0xMS40NTUtMTUuMzk0IDQzLjkyIDQzLjkyIDAgMCAwLTE2LjUwNy05LjkyMSA0OS45NTMgNDkuOTUzIDAgMCAwLTE5LjEwNi0yLjM1NSA0OS4xNyA0OS4xNyAwIDAgMC00Ljc4OS41ODZjLTEuNTkuMjQ1LTMuMTcyLjUyMy00Ljc2OC44YTMwLjkyOCAzMC45MjggMCAwIDAtOS4xMzQgMy4yMTIgNTMuNDM0IDUzLjQzNCAwIDAgMC0xNC45ODcgMTIuMDA2Yy0xLjAxOCAxLjIzNS0yLjA4MyAyLjQzNi0zLjEyMyAzLjY2NWE3NS4zMjggNzUuMzI4IDAgMCAwLTIuNzE5IDMuOTgzYy0uNzgzIDEuNC0xLjQ3OCAyLjg1Ny0yLjIwOSA0LjI4OC0uNjQyIDEuNDcyLTEuMTU1IDMtMS43NTYgNC40ODgtLjUwOCAxLjUyMi0uOSAzLjA4My0xLjM2MiA0LjYyMS0uMzUgMS41NjctLjU4NCAzLjE1OS0uOTM0IDQuNzMxLS4yMTEgMS41OTMtLjM0NyAzLjItLjUgNC44LS4wMi44IDAgMS42MTEgMCAyLjQxNmwuMDgzIDIuNDE0LjcyMiA0Ljc3Yy4zNjggMS41NjMuNjg5IDMuMTMxIDEgNC43bC42NTkgMi4zMTNjLjIxNi43NzIuMzgxIDEuNTY1LjYzOCAyLjMyNi41NzMgMS41IDEuMDkzIDMuMDMgMS43MTYgNC41Mi43MjQgMS40MzggMS4zNzIgMi45MzMgMi4yMjIgNC4zMDcuOTE4IDEuMzMyIDEuNzg1IDIuNyAyLjc0IDQgMS4wMTQgMS4yNTggMS45NjYgMi41NzQgMi45OTMgMy44MzRsMy4zNTQgMy41NTFhNDQuMDIzIDQ0LjAyMyAwIDAgMCAxNi43NDggOS44NzUgNTEuMTU4IDUxLjE1OCAwIDAgMCAxOS4yNTEgMi4zMjZsNC44NDUtLjQ0NmMxLjU5Mi0uMzEgMy4yLS41ODEgNC43ODYtLjkxOCAxLjU1MS0uNDc5IDMuMTQ0LS44NDggNC42NjktMS40MTMgMS40ODEtLjY3OSAyLjk4Ny0xLjMgNC40MjktMi4wMzlhNTAuOTI5IDUwLjkyOSAwIDAgMCAxNS4yNDItMTEuODN6bTYuODg5IDMuNzA1YzIuOSAyLjM0NyA1Ljc2NCA0Ljc0IDguNDQgNy4zNDMgMS4zNDYgMS4yOTIgMi42IDIuNjg0IDMuOTc1IDMuOTQ3IDEuMzUgMS4yODggMi43OTUgMi40NjkgNC4yNTEgMy42MzdzMi45IDIuMzQ1IDQuMjY3IDMuNjE5IDIuNyAyLjU3NyA0LjA0OSAzLjg2NGMuNjY3LjY1MyAxLjQgMS4yMzcgMi4wOTMgMS44NTVsMi4yIDEuNzM3Yy43NDIuNTY4IDEuNDE3IDEuMjEzIDIuMTIxIDEuODI0czEuNCAxLjIzNSAyLjA2NSAxLjg4N2ExLjggMS44IDAgMCAxLTIuMzQ0IDIuNzMybC0uMDQ5LS4wMzdjLS43NDgtLjU2Mi0xLjQ3LTEuMTUyLTIuMTg3LTEuNzQ5cy0xLjQ1NC0xLjE3MS0yLjE0Mi0xLjhjLS43MDYtLjYwOS0xLjM4LTEuMjU0LTIuMDYyLTEuODlzLTEuMzE2LTEuMzI2LTIuMDIzLTEuOTM0Yy0yLjgwOS0yLjQ1Mi01LjYtNC45MjEtOC4yMzYtNy41NzItMS4zMjYtMS4zMTUtMi42NTUtMi42MjYtNC4wNjEtMy44NXMtMi44NTItMi40LTQuMjY0LTMuNjIyYy0xLjQ1MS0xLjE3My0yLjctMi41NzItNC4wODUtMy44MjRhNDEuMjQyIDQxLjI0MiAwIDAgMC00LjQtMy40NyAxLjggMS44IDAgMCAxIDItM3EuMDY4LjA0Ni4xMzEuMXoiIGZpbGw9IiMwODExNDAiLz48cGF0aCBkPSJNMTcwIDE0MS44MThhNi45NDMgNi45NDMgMCAwIDEtMS42NyA0LjM4NWMtMS4xIDEuNDYtMy4yNjggNS4wODMtNS4wNiA1LjYyMi0yLjY5My44MDgtNi41LTIuNzQ2LTguMzE3LTQuMS00LjY3NS0zLjQ4NC00LjQwNi0zLjAyNC04LjY3Ni02Ljk4Mi00LjMxLTQtOC41MjktOC4wODktMTIuNzc4LTEyLjE1LTIuMy0yLjE5My05LjI1My01Ljg4My03LjMxOC0xMC4xMzQuOTc2LTIuMTEgNC44NzMtNS4xMjkgNi43LTYuNDkzIDUuODMyLTQuMzYxIDE3LjE0NSAxMC4xODMgMjAuOTg2IDEzLjU5MyA0LjU1NSA0LjA0NCA0LjUyOCAzLjY0OCA5LjA4MiA3LjY5MiAyLjgzMSAyLjUxOCA2LjkyOSA0Ljk3NSA3LjA1MSA4LjU2N3oiIGZpbGw9IiMwODExNDAiLz48cGF0aCBkPSJNMTcwLjE5NCAxNDEuODExYTYuNjM5IDYuNjM5IDAgMCAxLTEuMTc2IDMuNzM1IDIxNC4yNSAyMTQuMjUgMCAwIDEtMi4yMzcgMy4xNiAxNC4yMTIgMTQuMjEyIDAgMCAxLTIuNjMxIDIuODkgMi45MiAyLjkyIDAgMCAxLTEuOTQ4LjU2NSA1LjU3OCA1LjU3OCAwIDAgMS0xLjkzNi0uNWMtMi40MjktMS4wODItNC4yOTItMi45NDUtNi4zNjUtNC40MjVhNjQuNjM3IDY0LjYzNyAwIDAgMS02LjA3NS00Ljc4NWMtMy43NzctMy41LTcuNDQ5LTcuMS0xMS4xNjctMTAuNjY0YTU2LjUzMyA1Ni41MzMgMCAwIDAtNS43NTktNS4xMDYgMjkuMDkxIDI5LjA5MSAwIDAgMS0yLjk0Mi0yLjUxNyA3LjYyNyA3LjYyNyAwIDAgMS0yLjEwNS0zLjI1MiAzLjYgMy42IDAgMCAxIC4wMjQtMS45NjcgNS4wNTQgNS4wNTQgMCAwIDEgLjk1NC0xLjcxMyAyMS4zODQgMjEuMzg0IDAgMCAxIDIuNzI5LTIuNzUxYy45NzMtLjg0OCAxLjk5My0xLjYzNiAzLjAxMi0yLjQyM2E0LjQ0IDQuNDQgMCAwIDEgMy43MTItLjk2OCAxMC44NDEgMTAuODQxIDAgMCAxIDMuNjIxIDEuNDMzIDI2LjM0OCAyNi4zNDggMCAwIDEgMy4xNzMgMi4yMzQgNjcuNjExIDY3LjYxMSAwIDAgMSA1LjY2MiA1LjI2OWwyLjY3MyAyLjc4NmMuODg1LjkzMiAxLjc1MyAxLjg4MiAyLjcgMi43MyAxLjg5NCAxLjc0MyAzLjkxMSAzLjMyMiA1LjkxMSA0Ljk1MSAxIC44MTcgMS45NTggMS42NzYgMi45MTUgMi41MzdzMS45NjYgMS42NDUgMi45NiAyLjQ2N2ExOS4zNjQgMTkuMzY0IDAgMCAxIDIuNzkgMi43MDcgNi4xODYgNi4xODYgMCAwIDEgMS41MDUgMy42MDd6bS0uMzkzLjAxM2E1LjggNS44IDAgMCAwLTEuNDA3LTMuMzg3IDE4Ljc4MyAxOC43ODMgMCAwIDAtMi43My0yLjY1NmMtLjk4NS0uODE5LTIuMDA3LTEuNjA2LTIuOTg1LTIuNDU3bC0yLjkzLTIuNWMtMS45OC0xLjYyNS0zLjk5LTMuMjYxLTUuOS00Ljk4Ny0xLjkxOC0xLjc2LTMuNTg4LTMuNzA5LTUuMzgzLTUuNTUxYTU5LjY2OCA1OS42NjggMCAwIDAtNS42MTgtNS4yNTMgMjUuOTg1IDI1Ljk4NSAwIDAgMC0zLjEzMS0yLjIgMTAuNDg0IDEwLjQ4NCAwIDAgMC0zLjQ5NC0xLjM4MSA0LjE0IDQuMTQgMCAwIDAtMy40NzYuODMzIDQ0LjAwMiA0NC4wMDIgMCAwIDAtMi45ODYgMi40MjEgMjEuMDc1IDIxLjA3NSAwIDAgMC0yLjY1OSAyLjczMSAzLjc3OCAzLjc3OCAwIDAgMC0uOSAzLjM3OCA3LjEzMyA3LjEzMyAwIDAgMCAxLjk5MiAzLjEwOCAyOC43NzkgMjguNzc5IDAgMCAwIDIuOTIzIDIuNDY4IDI4LjQyNiAyOC40MjYgMCAwIDEgMi45OTUgMi40NjdsMi43ODUgMi42NzFjMy44IDMuNDY3IDcuNCA3LjE1NyAxMS4xODQgMTAuNjMyLjk0My44NzMgMS45IDEuNzIgMi45MjMgMi41czIuMDggMS41MTEgMy4xMTQgMi4yNzdjMi4xMDYgMS40ODEgMy45OCAzLjMxNiA2LjMxNCA0LjM0MSAxLjEyNi40ODggMi41Ljc4NyAzLjUxNC4wMTVhMTEuNzUyIDExLjc1MiAwIDAgMCAyLjU1Ni0yLjhsMi4yLTMuMTU3YTYuMjU5IDYuMjU5IDAgMCAwIDEuMDk4LTMuNTEzeiIgZmlsbD0iIzA4MTE0MCIvPjxwYXRoIGQ9Ik0xNDEuNzUyIDExNC4wNjJhMzUuNTQgMzUuNTQgMCAwIDEtMi43MjYgMy4xMjMgMjMuNzE0IDIzLjcxNCAwIDAgMC0yLjg0IDMuMDIzIDMwLjA2NiAzMC4wNjYgMCAwIDEtMi43OTIgMy4wNjUgMTUuNTY2IDE1LjU2NiAwIDAgMC0xLjMyMSAxLjYgMjEuNzM3IDIxLjczNyAwIDAgMS0xLjM4MSAxLjU0Ni45LjkgMCAwIDEtMS4zNjktMS4xN2wuMDA4LS4wMTFhMjUuNjUzIDI1LjY1MyAwIDAgMSAyLjc0MS0zLjExOWMuOTExLTEuMDQyIDEuODMxLTIuMDc2IDIuODQyLTMuMDNhMzMuNDM3IDMzLjQzNyAwIDAgMCAyLjc5Mi0zLjA3NCAyMC4yMzEgMjAuMjMxIDAgMCAwIDIuNy0zLjE1My45LjkgMCAxIDEgMS41NTkuOTEuOTEzLjkxMyAwIDAgMS0uMDYzLjA5NHptMTQuOTg3IDM1LjExNGEzOS4yMTIgMzkuMjEyIDAgMCAxIDIuMi0zLjM1OSAyNi44NTYgMjYuODU2IDAgMCAwIDIuMzctMy4zIDE5LjE0MiAxOS4xNDIgMCAwIDEgMi41MDYtMy4yMzljLjQ2Ny0uNS44NzEtMS4wNjMgMS4zLTEuNjA5YTEzLjI4IDEzLjI4IDAgMCAxIDEuNDY5LTEuNDc2LjkuOSAwIDAgMSAxLjI2MyAxLjI3OWwtLjAzNi4wNDFhOTQuODY4IDk0Ljg2OCAwIDAgMS0yLjY0MiAyLjg4NGMtLjgyNSAxLjAyMi0xLjYxMSAyLjA4Mi0yLjQ3NSAzLjFhMjUuNjQzIDI1LjY0MyAwIDAgMC0yLjI4NSAzLjMgMjEuMDczIDIxLjA3MyAwIDAgMC0yLjE5MSAzLjQwNy45LjkgMCAxIDEtMS42MTEtLjgwN3oiIGZpbGw9IiNmZmM3NTciLz48cGF0aCBkPSJNMzguODM0IDY3LjY5MWMuNDQtMi43NzkgMS4zODYtNS40MDkgMS45NDItOC4xNzNhNDMuODkgNDMuODkgMCAwIDEgMy40MjQtNy42NzIgMzMuNSAzMy41IDAgMCAxIDIuMjM2LTMuNTYzQTMwLjkgMzAuOSAwIDAgMSA0OS4wNjMgNDVjLjkzMS0xLjA0OCAxLjg0NC0yLjEgMi44NjktMy4wNTNsMy4xMjktMi43NjdhNDQuOTQ5IDQ0Ljk0OSAwIDAgMSAzLjM2Mi0yLjQ2N2MxLjE4MS0uNzI4IDIuMi0xLjcyOCAzLjQxOS0yLjRsMS44LTEuMDYzIDEuODYyLS45NjFjMS4yNjQtLjU5IDIuNS0xLjI1OSAzLjgyMi0xLjczMS42NjktLjIxIDEuMzIzLS40NjEgMi0uNjI4czEuMzQ5LS4zNzEgMi4wMTMtLjU5M2EzMS45MjQgMzEuOTI0IDAgMCAxIDQuMDg2LS45NjJjLjY5MS0uMTE4IDEuMzkzLS4xNTggMi4wODktLjIyNy42OTItLjEwNiAxLjM4NC0uMiAyLjA4Mi0uMjYyIDEuMzkyLS4xODEgMi44LS4yMjkgNC4yLS4yNzdhLjc4Ny43ODcgMCAxIDEgLjA1MyAxLjU3MmgtLjFjLTEuMzQ5LjAyLTIuNy4wMzYtNC4wMzkuMTg1YTE5LjEzNiAxOS4xMzYgMCAwIDAtMy45OC43MDVjLS42NTEuMTc3LTEuMzI2LjIzMi0xLjk4MS4zOTNsLTEuOTc4LjQzM2E0MC4wMzMgNDAuMDMzIDAgMCAwLTMuODc1IDEuMiAyOC43NzkgMjguNzc5IDAgMCAwLTcuMzI3IDMuNSAxMC42IDEwLjYgMCAwIDEtMS43NyAxIDUgNSAwIDAgMC0uOTIxLjQ1MWMtLjI3OC4yLS41NDQuNDA5LS44MTYuNjEyLTEuMDgzLjgyNi0yLjAyNCAxLjgyMi0zLjA4NyAyLjY0OC0uNTMxLjQxNS0xLjEwOS43OC0xLjYxOCAxLjIyNWwtMS40MjQgMS40MjdjLS41LjQ1NC0uOTI2Ljk3OS0xLjQyIDEuNDQxYTEwLjI1OCAxMC4yNTggMCAwIDAtMS4zNDcgMS41IDI1LjEyMyAyNS4xMjMgMCAwIDEtMi40MzUgMy4yMjggMTEuMjQzIDExLjI0MyAwIDAgMC0xLjEyMiAxLjY5M2MtLjQuNTUyLS43NjUgMS4xMjYtMS4xNTMgMS42OWEzMi43MzYgMzIuNzM2IDAgMCAwLTMuMTEyIDcuNTQ0IDE5LjI4MyAxOS4yODMgMCAwIDAtMS4yMSAzLjkgNzEuMzMzIDcxLjMzMyAwIDAgMC0uNzQ5IDQgLjc4Ny43ODcgMCAwIDEtMS41NTYtLjIzOXptODIuOTA1IDM0LjI2bC0xLjg1NCAyLjMwOWEyMS4wOTEgMjEuMDkxIDAgMCAxLTEuOTQ2IDIuMjE1bC0xLjA1MiAxLjAzYy0uMzQ3LjM0Ny0uNjYxLjcyNy0xIDEuMDgzcS0xIDEuMDg0LTIuMDc3IDIuMTE2YTI5LjA4NSAyOS4wODUgMCAwIDEtMTAuMzI0IDUuOTA3bC01LjU0MSAxLjcxNGE0Ni41IDQ2LjUgMCAwIDEtNS42NzggMS41MTZjLS45NzEuMTctMS45NDIuMzc3LTIuOTI4LjQ4N2EyOC41MzEgMjguNTMxIDAgMCAxLTIuOTQ3LjE0OWMtLjk4IDAtMS45NTYtLjAzMi0yLjkzLS4wODNzLTEuOTQyLS4wNDUtMi45MjMtLjExOWEzOC44NjIgMzguODYyIDAgMCAxLTUuOC0uODY3IDUxLjU0NyA1MS41NDcgMCAwIDEtNS43MDktMS40IDQ3IDQ3IDAgMCAxLTEwLjYtNS4xMThjLTEuNjEzLTEuMTQtMy4xLTIuNDM2LTQuNi0zLjdhMzYuMjUgMzYuMjUgMCAwIDEtNC4xNzQtNC4xNzEgNTEuMjA1IDUxLjIwNSAwIDAgMS0xLjc3Ny0yLjM1OWMtLjYtLjc4LTEuMTYxLTEuNTg2LTEuNzE5LTIuNGE0My4zMTggNDMuMzE4IDAgMCAxLTIuOTktNS4xLjc4Ny43ODcgMCAxIDEgMS40MDctLjcwNnYuMDA2bC4wMTYuMDMyYTQxLjU0NiA0MS41NDYgMCAwIDAgMi44MTEgNC45NTMgMzguOSAzOC45IDAgMCAwIDEuNjUzIDIuMzE2Yy42LjczOCAxLjI1MiAxLjQyNyAxLjg4OSAyLjEyNiAxLjI4NyAxLjM4NSAyLjU2MSAyLjc4NyAzLjk1NyA0LjA3OGE0MC40MjcgNDAuNDI3IDAgMCAwIDQuNDU0IDMuNTQ3IDMzLjggMzMuOCAwIDAgMCAxMC4xNjIgNS4wODhjMS44NDEuNDUxIDMuNTM3IDEuNDY3IDUuNDU0IDEuNjcgMS44ODIuMzE5IDMuNzg4LjM5MSA1LjY2OS41MzUuOTMzLjExIDEuOS4yNDEgMi44NTYuMjY0czEuOTExLjAxIDIuODYtLjAyMWMuOTQ5LS4wMTEgMS44OS0uMDgyIDIuODIzLS4xNDdhMTIuMzI3IDEyLjMyNyAwIDAgMCAyLjc2MS0uNDY3Yy45MDYtLjI1OSAxLjc4OS0uNiAyLjcxMi0uODM2LjkxNS0uMjYzIDEuODU2LS40NzMgMi43ODctLjczOC45NDQtLjIyNiAxLjg0Ni0uNTg2IDIuNzc1LS44ODcuOTI1LS4yNzMgMS45MzEtLjQ3NCAyLjgyNi0uNzIyIDMuNzA2LS45NDkgNi44MzMtMy4zNTcgOS43LTUuODE3Ljc0MS0uNiAxLjQ3My0xLjIxMyAyLjE4LTEuODU4YTE1Ljk3NiAxNS45NzYgMCAwIDAgMS45NzgtMi4wNzZjMS4yOTItMS40MjUgMi4zNzYtMi45ODUgMy41NTktNC40NzJsLjA1LS4wNjNhLjc4Ni43ODYgMCAwIDEgMS4yMzEuOTc5ek00MC4yMTggODcuNDE0YTQuNzEgNC43MSAwIDAgMS0uNDU0LTEuNTU0IDMuNTczIDMuNTczIDAgMCAwLS4yNTEtMS42IDMuOTI4IDMuOTI4IDAgMCAxLS4yNzEtMS41OSAyLjQ4NiAyLjQ4NiAwIDAgMC0uMjE5LS43OCAzLjE4MiAzLjE4MiAwIDAgMS0uMTMtLjguOS45IDAgMCAxIDEuNzM0LS4zODRsLjA0Ny4xMWEzLjc3OSAzLjc3OSAwIDAgMSAuMjk1IDEuNTM5IDYuOTM3IDYuOTM3IDAgMCAxIC4yIDEuNTU2IDQuMDI1IDQuMDI1IDAgMCAwIC4zMTIgMS41MzYgNC4yNTEgNC4yNTEgMCAwIDEgLjExNi43NzggMS42ODUgMS42ODUgMCAwIDAgLjM1Ni43MTYuOTEuOTEgMCAxIDEtMS41MS45ODF6IiBmaWxsPSIjMDgxMTQwIi8+PHBhdGggZD0iTTI1LjMgMTIzLjYyN2MtMS43MjMgMy41NTMtNS4xMTQgNC4yMzMtOC41OTIgNC42MTZhNzEuNjM3IDcxLjYzNyAwIDAgMC03LjUyMSAxLjYgMzkuOTMxIDM5LjkzMSAwIDAgMS00Ljg5My03LjE0M2MxLjg1NS0uNSAzLjgyOS0xLjA4MiA0LjM2Ni0xLjMwNyA0Ljk1My0yLjEgNy43MzYtNi44MzcgMTIuNDkyLTkuMTE4IDEuMzc1LS42NjMgNC40MzctMS4xNSA1Ljc1NS0uMDc1IDIuMDgxIDEuNy0xLjMgMTAuNzgzLTEuNjA3IDExLjQyN3oiIGZpbGw9IiNhZmJhZGQiLz48cGF0aCBkPSJNODAuNDc1IDU4Ljk5NWMtLjQtLjgzOC0uODM4LTEuNjYtMS4yNTgtMi41YTE0LjYzMSAxNC42MzEgMCAwIDAtMS40MDctMi40MzZjLS41NTQtLjc2LTEuMDY3LTEuNTQ1LTEuNTktMi4zMjdhMTEuMDc5IDExLjA3OSAwIDAgMC0uODg3LTEuMDk1Yy0uMzA3LS4zNTUtLjU4OC0uNzMtLjg5MS0xLjA4N2EuNDUuNDUgMCAwIDEgLjY2Ny0uNmwuMDE4LjAxOWExNS44NjIgMTUuODYyIDAgMCAxIDEuOCAyLjI0NSAyMi4wMjMgMjIuMDIzIDAgMCAxIDEuNiAyLjM4OGMuNDcxLjgzNC45NzkgMS42NDQgMS40NjggMi40Ny4yNDQuNDE0LjQyOS44NTkuNjM5IDEuMjkxcy40My44Ni42NzYgMS4yODJhLjQ1MS40NTEgMCAwIDEtLjc3OS40NTVsLS4wMTctLjAzMnptLTMuMDA3IDQuMDZhMTkuNTQ3IDE5LjU0NyAwIDAgMS03LjcyNS01LjU2NiAxMC4xMzMgMTAuMTMzIDAgMCAxLTEuMzA3LTIuMDc4IDMuNTUgMy41NSAwIDAgMS0uMjktMi41OTQgMi42NjUgMi42NjUgMCAwIDEgLjgxMS0xLjExNyAzLjQxNiAzLjQxNiAwIDAgMSAxLjItLjU3NyAzLjYzOSAzLjYzOSAwIDAgMSAyLjU4MS4yNDEgMS45IDEuOSAwIDAgMSAuNTc4LjQ1NSAyLjU2NiAyLjU2NiAwIDAgMSAuMzc3LjU4IDIgMiAwIDAgMSAuMTUzIDEuNDQ1IDMuMDQ5IDMuMDQ5IDAgMCAxLTEuOTU1IDEuOCA4LjMxNyA4LjMxNyAwIDAgMS00Ljg4NS4wOTUgOS42OTMgOS42OTMgMCAwIDEtNC4yMzItMi4zODggOS45MjIgOS45MjIgMCAwIDEtMi40Ni00LjE4NS40NTEuNDUxIDAgMSAxIC44Ni0uMjcgOC44MzUgOC44MzUgMCAwIDAgNi4wNTIgNS45ODkgNy40NDMgNy40NDMgMCAwIDAgNC4zMzMtLjExQTIuMjQ1IDIuMjQ1IDAgMCAwIDczIDUzLjU5NWExLjEyOSAxLjEyOSAwIDAgMC0uMDc4LS44MzMgMS43NCAxLjc0IDAgMCAwLS4yNS0uNDA2IDEuMDggMS4wOCAwIDAgMC0uMzM1LS4yN2MtMS4xMjEtLjYxOC0zLjA0Mi0uMjctMy40NDEgMWEyLjc1OCAyLjc1OCAwIDAgMCAuMyAxLjk2OSA5LjI3NiA5LjI3NiAwIDAgMCAxLjIzNCAxLjg2NyAxOC4zMSAxOC4zMSAwIDAgMCAzLjMzNyAzLjEzMSAxOC41MDkgMTguNTA5IDAgMCAwIDQuMDMzIDIuMTY2LjQ1MS40NTEgMCAwIDEtLjMyNC44NDF6bS0uODY4IDMuNTI2Yy0xLjIxMi0uMzQ1LTIuNDY4LS41OTUtMy43MjItLjk1NGE0Ny43NCA0Ny43NCAwIDAgMS0xLjg2My0uNjEzIDE4LjUxNiAxOC41MTYgMCAwIDAtMS44NDYtLjUgMzEuNTUxIDMxLjU1MSAwIDAgMS0zLjc0Ni0xLjA0NmMtLjYxOC0uMjE1LTEuMjQ4LS40LTEuODctLjYzOGE5Ljg0NyA5Ljg0NyAwIDAgMS0xLjc4NS0uOTM0LjQ1LjQ1IDAgMCAxIC40NzEtLjc2N2wuMDI3LjAxNmEyMC44NjYgMjAuODY2IDAgMCAwIDMuNDIxIDEuNDg2YzEuMjEuMzgyIDIuNDYuNjc0IDMuNyAxLjA2MyAxLjI1NC4zNiAyLjQ4Mi44MDYgMy43MTMgMS4wOC42MjMuMTQ2IDEuMjM5LjMzNiAxLjg2Ny41czEuMjYzLjMwOSAxLjkxLjQ1M2EuNDUxLjQ1MSAwIDAgMS0uMi44OGwtLjAyNS0uMDA2eiIgZmlsbD0iIzIyMjY2ZCIvPjxwYXRoIGQ9Ik04MC41MjcgNTguOTczYy0uMjE0LS40MTItLjI3Mi0uOS0uNjU4LTEuMjM0LS4yNTItLjM5NC0uMzg4LS44NDktLjYwOC0xLjI2NHMtLjQtLjg1MS0uNTc4LTEuMjkzYy0uMS0uMjE1LS4yNS0uNC0uMzQ5LS42MTVhMi42OTQgMi42OTQgMCAwIDAtLjM2NC0uNjA3Yy0uMTM2LS4xOTMtLjIzOC0uNDA4LS4zNy0uNi0uMDk0LS4yMjItLjM2Ny0uMzIxLS40ODEtLjUyOC0uMy0uMzY2LS41OTEtLjczNS0uOS0xLjA5MmE2Ljg5MyA2Ljg5MyAwIDAgMC0uODE5LTEuMTUgMy44OTIgMy44OTIgMCAwIDAtLjkxMy0xLjA3Mi4zOTIuMzkyIDAgMCAxIC41NjMtLjU0NmwuMDM2LjAzNmE4LjcyOCA4LjcyOCAwIDAgMCAxIDEuMDQ0Yy4zLjM3Mi41Mi44MS44MDUgMS4xOTRhMy45ODggMy45ODggMCAwIDAgLjg1MyAxLjE1NGMuMjA4LjE0OC4xMjYuNDkzLjM0Mi42MzVhMy41MDggMy41MDggMCAwIDEgLjUwNS41MjcgMTQuODIyIDE0LjgyMiAwIDAgMSAxLjMgMi41NzEgNS45MjkgNS45MjkgMCAwIDAgLjczIDEuMjQgNy45OCA3Ljk4IDAgMCAwIC42NCAxLjMuMzkzLjM5MyAwIDAgMS0uNzEzLjMyOXoiIGZpbGw9IiNmZmM2NTciLz48cGF0aCBkPSJNODAuMTIgNTkuMTY0YTIzLjM4MSAyMy4zODEgMCAwIDAtMS41MDktMi44MzNBMjUuOTE4IDI1LjkxOCAwIDAgMCA3NyA1My42MzhjLS4zLS40NDYtLjU4Ny0uOS0uODY3LTEuMzY0LS4yNzQtLjQ3Ni0uNi0uODUtLjg5Mi0xLjMtLjMxMS0uNDI3LS42ODMtLjgyNC0xLTEuMjU4YS42OTEuNjkxIDAgMCAxIC4yMjMtMS4wNDguNzIuNzIgMCAwIDEgLjU4LS4wMjcuNy43IDAgMCAxIC4yNC4xNjRsLjE0NC4xNDNhMTUuMTggMTUuMTggMCAwIDEgMS4wMzYgMS4yNTZjLjMuNDYxLjcyNi44MDkgMS4wMDYgMS4yNzQuNjA1Ljg5IDEuMyAxLjc1NiAxLjg0NCAyLjY2Ny40NjQuOTY1IDEuMDg2IDEuODM0IDEuNTI4IDIuODQ0YTkuMjU0IDkuMjU0IDAgMCAwIC43MDkgMS40MjIuODYxLjg2MSAwIDAgMSAuMTM1LjYxNS44LjggMCAwIDEtLjQuNTYxLjgyNC44MjQgMCAwIDEtMS4wMDYtLjE3IDEuMTY3IDEuMTY3IDAgMCAxLS4xNi0uMjUzem0uNzExLS4zMzljLjAzOS4wODEuMDQ1LjA4Mi4wNDUuMDgyYS4wNDMuMDQzIDAgMCAwIC4wMi4wMS4wNDMuMDQzIDAgMCAwIC4wNC0uMDA3LjAzNy4wMzcgMCAwIDAgLjAxNy0uMDMyLjA1NS4wNTUgMCAwIDAgMC0uMDE2bC0uMDQxLS4wNzQtLjM5My0uNzE4Yy0uMTQtLjIzMS0uMzA3LS40NjUtLjQzLS42ODktLjI3Mi0uNDUyLS40MTktLjk0OC0uNy0xLjQxOC0uMjQ2LS40NzktLjUyNi0uOTM3LS43ODctMS40MDZBMTQuODI5IDE0LjgyOSAwIDAgMCA3Ni44NiA1MS45Yy0uMzc1LS4zODEtLjQ1My0uOTkxLS44NS0xLjMzOC0uMzU0LS4zODgtLjc1Mi0uNzMyLTEuMTEzLTEuMTA2LS4wNDYtLjA0Ny0uMDgxLS4xLS4xMjItLjE1NC0uMDIyLS4wMzEuMDA4LS4wMTMuMDA1LS4wMjRzMC0uMDMxIDAtLjAyMi4wMS4wMTUuMDExIDBjLjM1NC40LjYyNi44NTYgMSAxLjI1NWE0LjI1MSA0LjI1MSAwIDAgMSAuOTggMS4zMjYgNS4wODMgNS4wODMgMCAwIDAgLjQyNy42NzdsLjM4My43MDlhMTAuNjg0IDEwLjY4NCAwIDAgMCAuOSAxLjM1MSAxMiAxMiAwIDAgMSAuODcyIDEuMzkgMjcuNzU4IDI3Ljc1OCAwIDAgMCAxLjQ3NyAyLjg2MXpNNzcuNDg5IDYzYTM0LjQ2NiAzNC40NjYgMCAwIDEtNC4yMDgtMi4yNyAxNy4yNiAxNy4yNiAwIDAgMS0zLjQ5LTMuMjgxIDkuMzczIDkuMzczIDAgMCAxLTEuMjg0LTIuMDcyIDMuMzkgMy4zOSAwIDAgMS0uMjI2LTIuNTE2IDIuNjg4IDIuNjg4IDAgMCAxIC43NTgtMS4wNjEgMi45NTggMi45NTggMCAwIDEgMS4xNTQtLjU0MSAzLjgyNyAzLjgyNyAwIDAgMSAyLjQ1OC4yNiAxLjkxMSAxLjkxMSAwIDAgMSAuODU4Ljk2NCAxLjc3NCAxLjc3NCAwIDAgMSAuMTE1IDEuMjkzIDIuOTY5IDIuOTY5IDAgMCAxLTEuNzg4IDEuNzI4IDguMzI5IDguMzI5IDAgMCAxLTQuODI4LjIyNyA5Ljc4NSA5Ljc4NSAwIDAgMS00LjE3Mi0yLjQ0IDEwLjIxNiAxMC4yMTYgMCAwIDEtLjc1OC0uOTUxIDkuNDk1IDkuNDk1IDAgMCAxLS42ODItMSAxMi4yNjUgMTIuMjY1IDAgMCAxLTEuMDI3LTIuMTkuMzkzLjM5MyAwIDAgMSAuNzM2LS4yNzh2LjAwNmwuMDEzLjAzNmE4LjU0MyA4LjU0MyAwIDAgMCAyLjMyNSAzLjc3NCAxMS4zNTQgMTEuMzU0IDAgMCAwIDEuNzI1IDEuMzc1IDcuNzI5IDcuNzI5IDAgMCAwIDIuMDQ0Ljg2NyA2LjM5NCA2LjM5NCAwIDAgMCA0LjM1Ni0uMTIyYy4zMzEtLjEzOS42MTgtLjMyNS45MjYtLjQ3MWExLjA0MSAxLjA0MSAwIDAgMCAuNTYxLS43MjkgMS40NjMgMS40NjMgMCAwIDAtLjc1OS0xLjQ1MyAyLjM5MSAyLjM5MSAwIDAgMC0xLjkyOS0uMjA3IDEuODMgMS44MyAwIDAgMC0xLjQxMSAxLjE1NSA0LjAyOSA0LjAyOSAwIDAgMCAuMjQ4IDEuOTQ3IDQuMzIzIDQuMzIzIDAgMCAwIC41My45NzljLjE3My4zMzQuNC42NDUuNjA1Ljk2NmExMy43MTEgMTMuNzExIDAgMCAwIDMuNDI1IDMuMDYxIDE0Ljc5MyAxNC43OTMgMCAwIDAgNC4wMTYgMi4yMTIuMzk0LjM5NCAwIDAgMS0uMjk0LjczeiIgZmlsbD0iI2ZmYzY1NyIvPjxwYXRoIGQ9Ik03Ny4zMjEgNjMuNDIxYTIxLjk4NyAyMS45ODcgMCAwIDEtOC4wMjEtNS43MzMgMTAuMTM1IDEwLjEzNSAwIDAgMS0xLjM0Mi0yLjE3MiAzLjk0NCAzLjk0NCAwIDAgMS0uMy0yLjY4NCAzLjEgMy4xIDAgMCAxIDEuOTE1LTEuOTc3IDQuMjYzIDQuMjYzIDAgMCAxIDIuNjY2LS4xNDEgMi45NjggMi45NjggMCAwIDEgMS4yNDIuNjY0IDIuODYgMi44NiAwIDAgMSAuNDIxLjU2OSAyLjE1NSAyLjE1NSAwIDAgMSAuMzE3LjYzNiAyLjMxNiAyLjMxNiAwIDAgMS0uMDE3IDEuNDQ3IDIuODE3IDIuODE3IDAgMCAxLS43ODkgMS4xNDkgNC45ODIgNC45ODIgMCAwIDEtMi4zNyAxLjA1NCA4LjE4MyA4LjE4MyAwIDAgMS0yLjUxNy4wNjcgMTAuMDEgMTAuMDEgMCAwIDEtNC42NDMtMS43MTggMTAuMTM0IDEwLjEzNCAwIDAgMS0zLjY0Ny00LjkyOCAyIDIgMCAwIDEtLjE2NS0uNjg1LjY4LjY4IDAgMCAxIDEuMzE4LS4xNjNsLjIuNTdhMTAuMTYyIDEwLjE2MiAwIDAgMCAuNDkzIDEuMDgyIDguNTIgOC41MiAwIDAgMCAzLjI3NiAzLjMyNCA3Ljg1OSA3Ljg1OSAwIDAgMCA0LjQ4OCAxIDUuMTc4IDUuMTc4IDAgMCAwIDIuMTU4LS42MjMgMS4zODUgMS4zODUgMCAwIDAgLjYzLS42Ny44NjUuODY1IDAgMCAwLS4yMDgtLjc3OGMtLjY2Ny0uOTE5LTMuMTE1LS42NjUtMy4yMzMuN2EzLjU0IDMuNTQgMCAwIDAgLjY1NCAyLjA1MSAxNS4zNTQgMTUuMzU0IDAgMCAwIDEuNDMzIDEuODczIDE0LjY3NiAxNC42NzYgMCAwIDAgMy42MiAzLjA3MSAxNy4wMTkgMTcuMDE5IDAgMCAwIDIuMTIgMS4xbC41NTEuMjI4LjI3OC4xMDdhLjk1Mi45NTIgMCAwIDEgLjQuMjQ3LjgzNC44MzQgMCAwIDEgLjA2OCAxLjAzNi44NDQuODQ0IDAgMCAxLS45OTYuMjk3em0uMjkzLS43MzFhLjA1NC4wNTQgMCAwIDAgLjA2NC0uMDg0Yy4wNi4wMTQtLjIyLS4wODctLjQtLjE2MWwtLjU3My0uMjQzYTE4Ljk2NSAxOC45NjUgMCAwIDEtMi4yLTEuMTU4IDE2LjU2OCAxNi41NjggMCAwIDEtMi4wMjUtMS40NTMgMTguMTY0IDE4LjE2NCAwIDAgMS0xLjg0Ny0xLjY3OEExMC43ODYgMTAuNzg2IDAgMCAxIDY5LjEgNTUuOWE0LjI2NyA0LjI2NyAwIDAgMS0uNzItMi42MDcgMi4xMTYgMi4xMTYgMCAwIDEgLjc2MS0xLjMwOSAyLjg4NiAyLjg4NiAwIDAgMSAxLjMtLjU3MiAzLjM0NyAzLjM0NyAwIDAgMSAxLjM4My4wMzEgMi43NDEgMi43NDEgMCAwIDEgLjY2OC4yNDYgMS4zNSAxLjM1IDAgMCAxIC41ODkuNTMyIDEuNjUgMS42NSAwIDAgMSAuMjgxIDEuNTA5IDIuMTMzIDIuMTMzIDAgMCAxLS45OTQgMS4wNjQgNi41OTIgNi41OTIgMCAwIDEtMi40ODMuNyA4LjU0NyA4LjU0NyAwIDAgMS00LjkxOS0xLjA3NiA5LjYwNSA5LjYwNSAwIDAgMS0zLjQyMS0zLjY4NCAxMC43NjcgMTAuNzY3IDAgMCAxLS41NTUtMS4xMzRsLS4yMjItLjU3NmMtLjAwOC0uMDA5LS4wMjctLjAwNy0uMDIzIDAtLjEtLjMxMy4zMzcuODQyLjYxNSAxLjQ2MWE4LjUzMSA4LjUzMSAwIDAgMCAxLjE5MSAxLjk3NyA4LjcgOC43IDAgMCAwIDEuNzI3IDEuNTI2IDkuMSA5LjEgMCAwIDAgNC4zMTEgMS41ODkgOS4zIDkuMyAwIDAgMCAyLjI4MS0uMTUgNC4zNzQgNC4zNzQgMCAwIDAgMi4wMTYtLjgyNCAxLjgxNyAxLjgxNyAwIDAgMCAuNTg5LS44MjQgMS41NDcgMS41NDcgMCAwIDAtLjAwNy0uOTYzIDEuNiAxLjYgMCAwIDAtLjIyLS40NjMgMi4yNDEgMi4yNDEgMCAwIDAtLjI4OS0uNDM4IDIuMTcyIDIuMTcyIDAgMCAwLS45MTktLjUyYy0xLjM5Mi0uNDYyLTMuMzA1LjE3MS0zLjY3OCAxLjYzM2EzLjMxIDMuMzEgMCAwIDAgLjMyOCAyLjE3MSA5LjM4IDkuMzggMCAwIDAgMS4yNiAxLjk3MyAxNy45MjMgMTcuOTIzIDAgMCAwIDcuNjY0IDUuNTE4em0tLjk5NyAzLjgzN2E2LjEyMyA2LjEyMyAwIDAgMC0xLjg1OC0uNDM1Yy0uNjMzLS4xMDctMS4yMzktLjM0OC0xLjg2OC0uNTE0YTEyLjQwOSAxMi40MDkgMCAwIDEtMS44MzctLjY4NWMtLjI5NC0uMTI0LS42MTItLjE3OS0uOTEtLjNhNC43MTYgNC43MTYgMCAwIDAtLjkyNS0uMjY5Yy0uMzEzLS4wNzUtLjYxNy0uMTg2LS45My0uMjY1LS4zLS4xMjgtLjY1Ni0uMDQyLS45NjItLjE1Mi0uNjMxLS4xNDUtMS4yNy0uMjc1LTEuOS0uNDQ1LS41OTMtLjI4OS0xLjIzNS0uNDM3LTEuODM2LS43MTgtLjU1Ni0uMzcyLTEuMi0uNTQ4LTEuNzg4LS45YS4zOTMuMzkzIDAgMCAxIC4zOTUtLjY3OWwuMDQxLjAyM2E2LjE3NCA2LjE3NCAwIDAgMCAxLjY4OC43NjdjLjU3OS4yMjYgMS4xNDEuNTMgMS43NDkuNzE4YTYuNDc1IDYuNDc1IDAgMCAwIDEuODQ1LjUxNWMuMzM1LS4wMTQuNTc5LjMyNi45MTYuMzA5YTYuMDkyIDYuMDkyIDAgMCAxIC45NzEuMTE1IDMuNSAzLjUgMCAwIDAgLjkzMS4yOTNjLjMyLjA3My42MTMuMjMxLjkzNi4zYTEuODExIDEuODExIDAgMCAxIC45LjMxMyAxLjcgMS43IDAgMCAwIC40NTIuMTU3bC40NDEuMjA3YTkuMTkgOS4xOSAwIDAgMCAxLjg5My40IDE4LjI1OCAxOC4yNTggMCAwIDAgMS45LjQ5LjM5My4zOTMgMCAwIDEtLjIyMS43NTV6IiBmaWxsPSIjZmZjNjU3Ii8+PHBhdGggZD0iTTc2LjQ5MiA2Ni45NmMtMS4zNzUtLjMzOS0yLjcwOS0uNzc1LTQuMTI2LTEtMS40LS40NC0yLjY0Ny0uODcyLTQuMDI4LTEuMmEyNy44MTQgMjcuODE0IDAgMCAxLTQuMDQ2LTEuMzgzYy0uMzI4LS4xNDMtLjY2NS0uMjI3LTEuMDA1LS4zNjJhNy42ODQgNy42ODQgMCAwIDEtLjk3Mi0uNDlsLS40NTgtLjI4OS0uMjI3LS4xNTVhLjY3Ni42NzYgMCAwIDEtLjI0LS4zMS43LjcgMCAwIDEgLjE0OC0uNzMxLjY4My42ODMgMCAwIDEgLjczOS0uMTU0IDE2LjQ5IDE2LjQ5IDAgMCAwIDEuODkzLjk0MiAxNS45NzYgMTUuOTc2IDAgMCAwIDIuMDA3LjYyMmw0LjA4OCAxLjA4MmMuNjczLjIyNCAxLjMyMi41IDIgLjY2OHMxLjM2LjMgMi4wMzguNTIyYy4zMzguMS42NzQuMjI5IDEuMDE0LjMxNWwxLjAzLjIyMi41MTUuMTExYS45NS45NSAwIDAgMSAuMzcyLjEzNy44MTIuODEyIDAgMCAxIC4xMTggMS4yNS44NjIuODYyIDAgMCAxLS44Ni4yMDN6bS4yMTYtLjc1N2MuMTQyLjA0My4xMTEtLjAzMS4xMTEtLjA1NWEuMDUuMDUgMCAwIDAtLjAxOC0uMDE4LjYuNiAwIDAgMC0uMS0uMDI0bC0uNTE5LS4xMTdjLS42ODktLjE2OS0xLjM5MS0uMy0yLjA3Ny0uNDM1LTEuMzQ1LS4zMy0yLjc2Ny0uNzk0LTQuMDgtMS4yMzNhMzQuNjM2IDM0LjYzNiAwIDAgMC00LjA4LTEuMTY3Yy0uNzI1LS4xLTEuMjg5LS42MjYtMS45OS0uNzkxLS4zMzgtLjEyLS42ODYtLjIyNS0xLjAyMi0uMzY1bC0uNTA2LS4yMTQtLjI1MS0uMTE3LS4xMi0uMDY4Yy0uMDQ4LS4wMjktLjA3OS0uMDQ2LS4wNTktLjAzNi4wNjItLjAxLjAwNi0uMDY5LjAxLS4wNDFoLjAwNWwuMjEuMTI5LjQ0NC4yNDdhOC4yIDguMiAwIDAgMCAxLjg3OS44IDkuODQyIDkuODQyIDAgMCAxIDEuOTcyLjcgNi43MDggNi43MDggMCAwIDAgMSAuMzE5bC45OTUuMzRjMS4zNDEuNDI1IDIuOC42NzMgNC4xMDYgMS4xYTM5LjE2NCAzOS4xNjQgMCAwIDAgNC4wOSAxLjA0M3oiIGZpbGw9IiNmZmM2NTciLz48cGF0aCBkPSJNNjguMSA0NC45MDZjLjAzNi0uMjkzLS4yMzMtLjU3Ni0uNDUxLS40NzNhLjUxNS41MTUgMCAwIDAtLjA5LjcyN2MuMTgyLjE5MS41LjAzOS41NDEtLjI1NCIgZmlsbD0iI2ZmYzc1NyIvPjxwYXRoIGQ9Ik02Ny43MDcgNDQuODU3Yy0uMDM4LS4wMzItLjE1OS4wMjMtLjAyMi0uMDE1YS4zMS4zMSAwIDAgMCAuMDUtLjAxNGMuMDIxLS4wMjcuMDMtLjA3Ni4wNDUtLjA2OC4wMjctLjAxMy4wMzgtLjAzMi4wMzUtLjAzOHMtLjE0NC0uMDA4LS4xNTQuMDY1YzAgLjE1NC4yLjIxOS4xMi4wODItLjA1LS4wNzctLjA3Ny4wMTgtLjAyOS4wMzkuMDEtLjAwNyAwLS4wNDEtLjA0NS0uMDUxYS42NTYuNjU2IDAgMSAxIC44MDktLjYyNWwtLjAxNS43MjRhLjc3Mi43NzIgMCAwIDEtLjIyOS41NTFjLS4xNjYuMTYxLS40MjkuMTIxLS42NTYuMTEzYS43LjcgMCAwIDEtLjUtLjQxNSAxLjA4NSAxLjA4NSAwIDAgMS0uMDgyLS41YzAtLjE1NS0uMDU0LS4zOTIuMTcyLS41NDdhLjc2Ni43NjYgMCAwIDEgLjQtLjA5MWMuMDY5LjAyNS4xMjQtLjAyMy4xOS0uMDMxYS40NS40NSAwIDAgMSAuMTU5LjA3OCAyLjQxMiAyLjQxMiAwIDAgMSAuMTkzLjJjLjA2My4wNDMuMTkxLjA1Mi4yMjMuMTM3YS43LjcgMCAwIDEgLjEzMy41MDYuMjk0LjI5NCAwIDAgMS0uNDc3LjE3em00LjEgMS4zNDNjLjA2Ny0uNTUzLS41MDctMS4xLS45NjItLjkyMWEuOS45IDAgMCAwLS4xNjcgMS4zNzIuNjg3LjY4NyAwIDAgMCAxLjEyOS0uNDUxIiBmaWxsPSIjZmZjNzU3Ii8+PHBhdGggZD0iTTcxLjQxIDQ2LjE1NGMtLjAyMi0uMTg4LS4yNDItLjMyNC0uMzI1LS40NTVsLS4wMzgtLjAzNWMtLjAwOC0uMDI5LS4wMjctLjA3OC0uMDQxLS4wNjJhLjE3Mi4xNzIgMCAwIDAtLjA5My4wMjVjLS4wNTUuMDQyLS4yNDEuMTI0LS4yNjMuMjktLjAxMi4zMy4yNDUuNTg5LjQuNTIzLjA3Mi0uMDUuMTUzLjAwNS4yNzMtLjAyMmEuMjMyLjIzMiAwIDAgMCAuMDg2LS4yNjMuNDE2LjQxNiAwIDEgMSAuODA2LS4xMjdsLS4wMTEuMjI0YTEuMSAxLjEgMCAwIDEtLjQxNS44MDkgMS4yNTggMS4yNTggMCAwIDEtLjkuMTMgMS4wMzkgMS4wMzkgMCAwIDEtLjcxMi0uNTUyIDEuNDggMS40OCAwIDAgMS0uMTQ5LS44LjkxMi45MTIgMCAwIDEgLjMzOC0uODI5Ljk4Ni45ODYgMCAwIDEgLjUyOC0uMTExYy4wODYuMDI2LjE2Mi0uMDE2LjI0NS0uMDIxYS43NjIuNzYyIDAgMCAxIC4yMTEuMDk0IDIuODg2IDIuODg2IDAgMCAxIC4zMDkuMjU3Yy4xLjA2OC4yNTkuMTA2LjMyMy4yMjhhMS4wOTIgMS4wOTIgMCAwIDEgLjIyNS44LjQuNCAwIDAgMS0uNzg1LS4wMTV6IiBmaWxsPSIjZmZjNzU3Ii8+PC9zdmc+Cg==';

var styles$38 = {
  "Image": "p_d9",
};

class EmptySearchResult$1 extends PureComponent {
    render() {
        const { title, description, withIllustration, polaris: { intl } } = this.props;
        const altText = intl.translate('Polaris.EmptySearchResult.altText');
        const descriptionMarkup = description ? createElement(
            'p',
            null,
            description
        ) : null;
        const illustrationMarkup = withIllustration ? createElement(Image$1, { alt: altText, source: emptySearch, className: styles$38.Image, draggable: false }) : null;
        return createElement(
            Stack$1,
            { alignment: 'center', vertical: true },
            illustrationMarkup,
            createElement(
                DisplayText$1,
                { size: 'small' },
                title
            ),
            createElement(
                TextStyle$1,
                { variation: 'subdued' },
                descriptionMarkup
            )
        );
    }
}
var EmptySearchResult$2 = withAppProvider()(EmptySearchResult$1);

var styles$39 = {
  "EmptyState": "p_l6",
  "imageContained": "p_pv",
  "Image": "p_e5",
  "Section": "p_cs",
  "ImageContainer": "p_ms",
  "DetailsContainer": "p_fg",
  "Details": "p_p5",
  "Content": "p_un",
  "Actions": "p_pw",
};

class EmptyState$1 extends PureComponent {
  render() {
    const { children, heading, image, largeImage, imageContained, action, secondaryAction } = this.props;
    const className = classNames$1(styles$39.EmptyState, imageContained && styles$39.imageContained);
    const imageMarkup = largeImage ? createElement(Image$1, { alt: '', role: 'presentation', className: styles$39.Image, source: largeImage, sourceSet: [{ source: image, descriptor: '568w' }, { source: largeImage, descriptor: '1136w' }], sizes: '(max-width: 568px) 60vw' }) : createElement(Image$1, { role: 'presentation', alt: '', className: styles$39.Image, source: image });
    const secondaryActionMarkup = secondaryAction ? buttonFrom(secondaryAction, { plain: true }) : null;
    return createElement(
      'div',
      { className: className },
      createElement(
        'div',
        { className: styles$39.Section },
        createElement(
          'div',
          { className: styles$39.DetailsContainer },
          createElement(
            'div',
            { className: styles$39.Details },
            createElement(
              TextContainer$1,
              null,
              createElement(
                DisplayText$1,
                { size: 'medium' },
                heading
              ),
              createElement(
                'div',
                { className: styles$39.Content },
                children
              )
            ),
            createElement(
              'div',
              { className: styles$39.Actions },
              createElement(
                Stack$1,
                { alignment: 'center' },
                buttonFrom(action, { primary: true, size: 'large' }),
                secondaryActionMarkup
              )
            )
          )
        ),
        createElement(
          'div',
          { className: styles$39.ImageContainer },
          imageMarkup
        )
      )
    );
  }
}

var styles$40 = {
  "Truncate": "p_mz",
};

function Truncate$1({ children }) {
    return createElement(
        'span',
        { className: styles$40.Truncate },
        children
    );
}

var styles$41 = {
  "ExceptionList": "p_l4",
  "Item": "p_v1",
  "Icon": "p_k6",
  "statusWarning": "p_ff",
  "statusCritical": "p_nm",
  "Bullet": "p_kf",
  "Title": "p_zf",
  "Description": "p_cg",
};

function ExceptionList$1({ items: itemsList }) {
  const items = itemsList.map((item, index) => {
    const { status, icon, title, description, truncate = false } = item;
    const itemClasses = classNames$1(styles$41.Item, status && styles$41[variationName$1('status', status)]);
    const iconMarkup = icon ? createElement(Icon$2, { source: icon }) : createElement('span', { className: styles$41.Bullet });
    const titleMarkup = title && createElement(
      'span',
      { className: styles$41.Title },
      title
    );
    const descriptionMarkup = description && createElement(
      'span',
      { className: styles$41.Description },
      description
    );
    const Element = truncate ? Truncate$1 : Fragment;
    return createElement(
      'li',
      { className: itemClasses, key: index },
      createElement(
        'span',
        { className: styles$41.Icon },
        iconMarkup
      ),
      createElement(
        Element,
        null,
        titleMarkup,
        descriptionMarkup
      )
    );
  });
  return createElement(
    'ul',
    { className: styles$41.ExceptionList },
    items
  );
}

class Form$1 extends PureComponent {
    render() {
        const { acceptCharset, action, autoComplete, children, encType, implicitSubmit = true, method, name, noValidate, target: target$$1 } = this.props;
        const autoCompleteInputs = normalizeAutoComplete(autoComplete);
        const submitMarkup = implicitSubmit ? createElement(
            VisuallyHidden$1,
            null,
            createElement('button', { type: 'submit', 'aria-hidden': 'true' })
        ) : null;
        return createElement(
            'form',
            { acceptCharset: acceptCharset, action: action, autoComplete: autoCompleteInputs, encType: encType, method: method, name: name, noValidate: noValidate, target: target$$1, onSubmit: this.handleSubmit },
            children,
            submitMarkup
        );
    }
    handleSubmit(event) {
        const { preventDefault = true, onSubmit } = this.props;
        if (!preventDefault) {
            return;
        }
        event.preventDefault();
        onSubmit(event);
    }
}
__decorate([autobind], Form$1.prototype, "handleSubmit", null);
function normalizeAutoComplete(autoComplete) {
    if (autoComplete == null) {
        return autoComplete;
    }
    return autoComplete ? 'on' : 'off';
}

var styles$42 = {
  "DateTextField": "p_nv",
  "DatePicker": "p_uh",
};

const VALID_DATE_REGEX = /^\d{4}-\d{1,2}-\d{1,2}$/;
var DateFilterOption;
(function (DateFilterOption) {
    DateFilterOption["PastWeek"] = "past_week";
    DateFilterOption["PastMonth"] = "past_month";
    DateFilterOption["PastQuarter"] = "past_quarter";
    DateFilterOption["PastYear"] = "past_year";
    DateFilterOption["ComingWeek"] = "coming_week";
    DateFilterOption["ComingMonth"] = "coming_month";
    DateFilterOption["ComingQuarter"] = "coming_quarter";
    DateFilterOption["ComingYear"] = "coming_year";
    DateFilterOption["OnOrBefore"] = "on_or_before";
    DateFilterOption["OnOrAfter"] = "on_or_after";
})(DateFilterOption || (DateFilterOption = {}));
class DateSelector$1 extends PureComponent {
    constructor() {
        super(...arguments);
        this.state = {
            datePickerMonth: this.now.getMonth(),
            datePickerYear: this.now.getFullYear(),
            initialConsumerFilterKey: this.props.filterKey
        };
    }
    render() {
        const { filterValue, filterKey, filterMinKey, filterMaxKey, dateOptionType, polaris: { intl } } = this.props;
        const { selectedDate, datePickerMonth, datePickerYear, userInputDateError } = this.state;
        const dateFilterOption = getDateFilterOption(filterValue, filterKey, filterMinKey, filterMaxKey);
        const showDatePredicate = dateFilterOption === DateFilterOption.OnOrBefore || dateFilterOption === DateFilterOption.OnOrAfter;
        const datePredicateMarkup = showDatePredicate && createElement(
            Fragment,
            null,
            createElement(
                'div',
                { className: styles$42.DateTextField },
                createElement(TextField$1, { label: intl.translate('Polaris.ResourceList.DateSelector.dateValueLabel'), placeholder: intl.translate('Polaris.ResourceList.DateSelector.dateValuePlaceholder'), value: this.dateTextFieldValue, error: userInputDateError, prefix: createElement(Icon$2, { source: 'calendar', color: 'skyDark' }), autoComplete: false, onChange: this.handleDateFieldChange, onBlur: this.handleDateBlur })
            ),
            createElement(
                'div',
                { className: styles$42.DatePicker },
                createElement(DatePicker$2, { selected: selectedDate, month: datePickerMonth, year: datePickerYear, onChange: this.handleDatePickerChange, onMonthChange: this.handleDatePickerMonthChange })
            )
        );
        return createElement(
            Fragment,
            null,
            createElement(Select$1, { label: intl.translate('Polaris.ResourceList.DateSelector.SelectOptions.dateFilterLabel'), labelHidden: true, options: dateOptionType ? this.dateOptionTypes[dateOptionType] : this.dateOptionTypes.full, placeholder: intl.translate('Polaris.ResourceList.FilterValueSelector.selectFilterValuePlaceholder'), value: dateFilterOption, onChange: this.handleDateFilterOptionsChange }),
            datePredicateMarkup
        );
    }
    get dateComparatorOptions() {
        const { polaris: { intl } } = this.props;
        return [{
            value: DateFilterOption.OnOrBefore,
            label: intl.translate('Polaris.ResourceList.DateSelector.SelectOptions.OnOrBefore')
        }, {
            value: DateFilterOption.OnOrAfter,
            label: intl.translate('Polaris.ResourceList.DateSelector.SelectOptions.OnOrAfter')
        }];
    }
    get datePastOptions() {
        const { polaris: { intl } } = this.props;
        return [{
            value: DateFilterOption.PastWeek,
            label: intl.translate('Polaris.ResourceList.DateSelector.SelectOptions.PastWeek')
        }, {
            value: DateFilterOption.PastMonth,
            label: intl.translate('Polaris.ResourceList.DateSelector.SelectOptions.PastMonth')
        }, {
            value: DateFilterOption.PastQuarter,
            label: intl.translate('Polaris.ResourceList.DateSelector.SelectOptions.PastQuarter')
        }, {
            value: DateFilterOption.PastYear,
            label: intl.translate('Polaris.ResourceList.DateSelector.SelectOptions.PastYear')
        }];
    }
    get dateFutureOptions() {
        const { polaris: { intl } } = this.props;
        return [{
            value: DateFilterOption.ComingWeek,
            label: intl.translate('Polaris.ResourceList.DateSelector.SelectOptions.ComingWeek')
        }, {
            value: DateFilterOption.ComingMonth,
            label: intl.translate('Polaris.ResourceList.DateSelector.SelectOptions.ComingMonth')
        }, {
            value: DateFilterOption.ComingQuarter,
            label: intl.translate('Polaris.ResourceList.DateSelector.SelectOptions.ComingQuarter')
        }, {
            value: DateFilterOption.ComingYear,
            label: intl.translate('Polaris.ResourceList.DateSelector.SelectOptions.ComingYear')
        }];
    }
    get dateOptionTypes() {
        return {
            past: [...this.datePastOptions, ...this.dateComparatorOptions],
            future: [...this.dateFutureOptions, ...this.dateComparatorOptions],
            full: [...this.datePastOptions, ...this.dateFutureOptions, ...this.dateComparatorOptions]
        };
    }
    get now() {
        return new Date();
    }
    get dateTextFieldValue() {
        const { userInputDate, selectedDate } = this.state;
        if (!userInputDate && !selectedDate) {
            return undefined;
        }
        if (userInputDate !== undefined) {
            return userInputDate;
        }
        if (selectedDate) {
            return formatDateValue(selectedDate);
        }
    }
    handleDateFilterOptionsChange(newOption) {
        const { onFilterValueChange, onFilterKeyChange, filterMinKey, filterMaxKey } = this.props;
        const { initialConsumerFilterKey, selectedDate } = this.state;
        if (!initialConsumerFilterKey) {
            return;
        }
        if (newOption === DateFilterOption.OnOrBefore) {
            onFilterKeyChange(filterMaxKey);
            onFilterValueChange(selectedDate ? formatDateValue(selectedDate) : undefined);
            return;
        }
        if (newOption === DateFilterOption.OnOrAfter) {
            onFilterKeyChange(filterMinKey);
            onFilterValueChange(selectedDate ? formatDateValue(selectedDate) : undefined);
            return;
        }
        onFilterKeyChange(initialConsumerFilterKey);
        onFilterValueChange(newOption);
    }
    handleDateFieldChange(value) {
        const { onFilterValueChange } = this.props;
        const { userInputDateError } = this.state;
        if (value.length === 0) {
            this.setState({
                selectedDate: undefined
            }, () => {
                onFilterValueChange(undefined);
            });
        }
        if (userInputDateError && isValidDate(value)) {
            this.setState({
                userInputDateError: undefined
            });
        }
        this.setState({
            userInputDate: value
        });
    }
    handleDateBlur() {
        const { polaris: { intl }, onFilterValueChange } = this.props;
        if (!this.dateTextFieldValue || !isValidDate(this.dateTextFieldValue)) {
            this.setState({
                selectedDate: undefined,
                userInputDateError: intl.translate('Polaris.ResourceList.DateSelector.dateValueError')
            });
            onFilterValueChange(undefined);
            return;
        }
        const { userInputDate } = this.state;
        if (!userInputDate) {
            return;
        }
        const nextDate = new Date(userInputDate.replace(/-/g, '/'));
        this.setState({
            selectedDate: nextDate,
            datePickerMonth: nextDate.getMonth(),
            datePickerYear: nextDate.getFullYear(),
            userInputDate: undefined,
            userInputDateError: undefined
        }, this.handleDateChanged);
    }
    handleDateChanged() {
        const { onFilterValueChange } = this.props;
        const { selectedDate } = this.state;
        if (!selectedDate) {
            return;
        }
        onFilterValueChange(formatDateValue(selectedDate));
    }
    handleDatePickerChange({ end: nextDate }) {
        this.setState({
            selectedDate: new Date(nextDate),
            userInputDate: undefined,
            userInputDateError: undefined
        }, this.handleDateChanged);
    }
    handleDatePickerMonthChange(month, year) {
        this.setState({ datePickerMonth: month, datePickerYear: year });
    }
}
__decorate([autobind], DateSelector$1.prototype, "handleDateFilterOptionsChange", null);
__decorate([autobind], DateSelector$1.prototype, "handleDateFieldChange", null);
__decorate([autobind], DateSelector$1.prototype, "handleDateBlur", null);
__decorate([autobind], DateSelector$1.prototype, "handleDatePickerChange", null);
__decorate([autobind], DateSelector$1.prototype, "handleDatePickerMonthChange", null);
function isValidDate(date) {
    if (!date) {
        return false;
    }
    return VALID_DATE_REGEX.test(date) && !isNaN(new Date(date).getTime());
}
function getDateFilterOption(filterValue, filterKey, filterMinKey, filterMaxKey) {
    if (filterKey === filterMaxKey) {
        return DateFilterOption.OnOrBefore;
    }
    if (filterKey === filterMinKey) {
        return DateFilterOption.OnOrAfter;
    }
    return filterValue;
}
function formatDateValue(date) {
    return date.toISOString().slice(0, 10);
}
var DateSelector$2 = withAppProvider()(DateSelector$1);

var FilterType;
(function (FilterType) {
    FilterType[FilterType["Select"] = 0] = "Select";
    FilterType[FilterType["TextField"] = 1] = "TextField";
    FilterType[FilterType["DateSelector"] = 2] = "DateSelector";
})(FilterType || (FilterType = {}));

class FilterValueSelector extends PureComponent {
    componentDidMount() {
        const { filter: { operatorText, type } } = this.props;
        if (type === FilterType.DateSelector || !operatorText || typeof operatorText === 'string' || operatorText.length === 0) {
            return;
        }
        this.handleOperatorOptionChange(operatorText[0].key);
    }
    render() {
        const { filter, filterKey, value, onChange, onFilterKeyChange, polaris: { intl } } = this.props;
        const { operatorText } = filter;
        const showOperatorOptions = filter.type !== FilterType.DateSelector && operatorText && typeof operatorText !== 'string';
        const operatorOptionsMarkup = showOperatorOptions ? createElement(Select$1, { label: filter.label, labelHidden: true, options: buildOperatorOptions(operatorText), value: filterKey, onChange: this.handleOperatorOptionChange }) : null;
        const selectedFilterLabel = typeof operatorText === 'string' ? operatorText : '';
        switch (filter.type) {
            case FilterType.Select:
                return createElement(
                    Stack$1,
                    { vertical: true },
                    operatorOptionsMarkup,
                    createElement(Select$1, { label: selectedFilterLabel, options: filter.options, placeholder: intl.translate('Polaris.ResourceList.FilterValueSelector.selectFilterValuePlaceholder'), value: value, onChange: onChange })
                );
            case FilterType.TextField:
                return createElement(
                    Stack$1,
                    { vertical: true },
                    operatorOptionsMarkup,
                    createElement(TextField$1, { label: selectedFilterLabel, value: value, type: filter.textFieldType, onChange: onChange })
                );
            case FilterType.DateSelector:
                return createElement(DateSelector$2, { dateOptionType: filter.dateOptionType, filterValue: value, filterKey: filterKey, filterMinKey: filter.minKey, filterMaxKey: filter.maxKey, onFilterValueChange: onChange, onFilterKeyChange: onFilterKeyChange });
            default:
                return null;
        }
    }
    handleOperatorOptionChange(operatorKey) {
        const { value, onChange, onFilterKeyChange } = this.props;
        onFilterKeyChange(operatorKey);
        if (!value) {
            return;
        }
        onChange(value);
    }
}
__decorate([autobind], FilterValueSelector.prototype, "handleOperatorOptionChange", null);
function buildOperatorOptions(operatorText) {
    if (!operatorText || typeof operatorText === 'string') {
        return [];
    }
    return operatorText.map(({ key, optionLabel }) => {
        return { value: key, label: optionLabel };
    });
}
var FilterValueSelector$1 = withAppProvider()(FilterValueSelector);

class FilterCreator extends PureComponent {
    constructor() {
        super(...arguments);
        this.state = {
            popoverActive: false
        };
        this.node = null;
    }
    get canAddFilter() {
        return Boolean(this.state.selectedFilter && this.state.selectedFilterKey && this.state.selectedFilterValue);
    }
    render() {
        const { filters, resourceName, disabled, polaris: { intl } } = this.props;
        const { popoverActive, selectedFilter, selectedFilterKey, selectedFilterValue } = this.state;
        const activator = createElement(
            Button$2,
            { onClick: this.togglePopover, disclosure: true, disabled: disabled, onFocus: this.handleButtonFocus },
            intl.translate('Polaris.ResourceList.FilterCreator.filterButtonLabel')
        );
        const filterOptions = filters.map(({ key, label }) => ({
            value: key,
            label
        }));
        const filterValueSelectionMarkup = selectedFilter ? createElement(FilterValueSelector$1, { filter: selectedFilter, filterKey: selectedFilterKey, value: selectedFilterValue, onFilterKeyChange: this.handleFilterKeyChange, onChange: this.handleFilterValueChange }) : null;
        const addFilterButtonMarkup = selectedFilter ? createElement(
            Button$2,
            { onClick: this.handleAddFilter, disabled: !this.canAddFilter },
            intl.translate('Polaris.ResourceList.FilterCreator.addFilterButtonLabel')
        ) : null;
        return createElement(
            Popover$1,
            { active: popoverActive, activator: activator, onClose: this.togglePopover, sectioned: true, fullHeight: true },
            createElement(
                Form$1,
                { onSubmit: this.handleAddFilter },
                createElement(
                    FormLayout$1,
                    null,
                    createElement(Select$1, { label: intl.translate('Polaris.ResourceList.FilterCreator.showAllWhere', { resourceNamePlural: resourceName.plural.toLocaleLowerCase() }), placeholder: intl.translate('Polaris.ResourceList.FilterCreator.selectFilterKeyPlaceholder'), options: filterOptions, onChange: this.handleFilterKeyChange, value: selectedFilter && selectedFilter.key }),
                    filterValueSelectionMarkup,
                    addFilterButtonMarkup
                )
            )
        );
    }
    handleButtonFocus(...args) {
        const event = args[0];
        if (!this.node && event) {
            this.node = event.target;
        }
    }
    togglePopover() {
        this.setState(({ popoverActive }) => ({ popoverActive: !popoverActive }));
    }
    handleFilterKeyChange(filterKey) {
        const { filters } = this.props;
        const foundFilter = filters.find(filter => {
            const { minKey, maxKey, operatorText } = filter;
            if (minKey || maxKey) {
                return filter.key === filterKey || minKey === filterKey || maxKey === filterKey;
            }
            if (operatorText && typeof operatorText !== 'string') {
                return filter.key === filterKey || operatorText.filter(({ key }) => key === filterKey).length === 1;
            }
            return filter.key === filterKey;
        });
        if (!foundFilter) {
            return;
        }
        this.setState({
            selectedFilter: foundFilter,
            selectedFilterKey: filterKey,
            selectedFilterValue: undefined
        });
    }
    handleFilterValueChange(filterValue) {
        this.setState({ selectedFilterValue: filterValue });
    }
    handleAddFilter() {
        const { onAddFilter } = this.props;
        const { selectedFilterKey } = this.state;
        if (!onAddFilter || !this.canAddFilter || !selectedFilterKey) {
            return;
        }
        onAddFilter({
            key: selectedFilterKey,
            value: this.state.selectedFilterValue || ''
        });
        this.setState({
            popoverActive: false,
            selectedFilter: undefined,
            selectedFilterValue: undefined
        });
        if (this.node != null) {
            this.node.focus();
        }
    }
}
__decorate([autobind], FilterCreator.prototype, "handleButtonFocus", null);
__decorate([autobind], FilterCreator.prototype, "togglePopover", null);
__decorate([autobind], FilterCreator.prototype, "handleFilterKeyChange", null);
__decorate([autobind], FilterCreator.prototype, "handleFilterValueChange", null);
__decorate([autobind], FilterCreator.prototype, "handleAddFilter", null);
var FilterCreator$1 = withAppProvider()(FilterCreator);

var styles$43 = {
  "Controls": "p_so",
  "Search": "p_qi",
  "AppliedFilters": "p_vg",
  "AppliedFilter": "p_us",
};

var styles$44 = {
  "Select": "p_hd",
  "disabled": "p_ng",
  "Content": "p_e3",
  "InlineLabel": "p_gn",
  "Icon": "p_w1",
  "Backdrop": "p_tu",
  "error": "p_b6",
  "Input": "p_ir",
  "placeholder": "p_ok",
  "SelectedOption": "p_mj",
};

const PLACEHOLDER_VALUE = '';
const getUniqueID$5 = createUniqueIDFactory('Select');
function Select$1({ options: optionsProp, groups: groupsProp, label, labelAction, labelHidden: labelHiddenProp, labelInline, disabled, helpText, placeholder, id = getUniqueID$5(), name, value = PLACEHOLDER_VALUE, error, onChange, onFocus, onBlur }) {
    const labelHidden = labelInline ? true : labelHiddenProp;
    const className = classNames$1(styles$44.Select, error && styles$44.error, disabled && styles$44.disabled);
    const handleChange = onChange ? event => onChange(event.currentTarget.value, id) : undefined;
    const describedBy = [];
    if (helpText) {
        describedBy.push(helpTextID$1(id));
    }
    if (error) {
        describedBy.push(`${id}Error`);
    }
    if (groupsProp != null) {
        // eslint-disable-next-line no-console
        console.warn('Deprecation: the `groups` prop is deprecated and will be removed in the next major version. Pass groups to the `options` prop instead.');
    }
    const options = optionsProp || groupsProp || [];
    let normalizedOptions = options.map(normalizeOption);
    if (placeholder) {
        normalizedOptions = [{
            label: placeholder,
            value: PLACEHOLDER_VALUE,
            disabled: true
        }, ...normalizedOptions];
    }
    const inlineLabelMarkup = labelInline && createElement(
        'span',
        { className: styles$44.InlineLabel },
        label
    );
    const selectedOption = getSelectedOption(normalizedOptions, value);
    const contentMarkup = createElement(
        'div',
        { className: styles$44.Content, 'aria-hidden': true },
        inlineLabelMarkup,
        createElement(
            'span',
            { className: styles$44.SelectedOption },
            selectedOption
        ),
        createElement(
            'span',
            { className: styles$44.Icon },
            createElement(Icon$2, { source: 'arrowUpDown' })
        )
    );
    const optionsMarkup = normalizedOptions.map(renderOption);
    return createElement(
        Labelled$1,
        { id: id, label: label, error: error, action: labelAction, labelHidden: labelHidden, helpText: helpText },
        createElement(
            'div',
            { className: className },
            createElement(
                'select',
                { id: id, name: name, value: value, className: styles$44.Input, disabled: disabled, onFocus: onFocus, onBlur: onBlur, onChange: handleChange, 'aria-invalid': Boolean(error), 'aria-describedby': describedBy.length ? describedBy.join(' ') : undefined },
                optionsMarkup
            ),
            contentMarkup,
            createElement('div', { className: styles$44.Backdrop })
        )
    );
}
function isString(option) {
    return typeof option === 'string';
}
function isGroup(option) {
    return option.options != null;
}
function normalizeStringOption(option) {
    return {
        label: option,
        value: option
    };
}
/**
 * Converts a string option (and each string option in a Group) into
 * an Option object.
 */
function normalizeOption(option) {
    if (isString(option)) {
        return normalizeStringOption(option);
    } else if (isGroup(option)) {
        const { title, options } = option;
        return {
            title,
            options: options.map(option => {
                return isString(option) ? normalizeStringOption(option) : option;
            })
        };
    }
    return option;
}
/**
 * Gets the text to display in the UI, for the currently selected option
 */
function getSelectedOption(options, value) {
    const flatOptions = flattenOptions(options);
    let selectedOption = flatOptions.find(option => value === option.value);
    if (selectedOption === undefined) {
        // Get the first visible option (not the hidden placeholder)
        selectedOption = flatOptions.find(option => !option.hidden);
    }
    return selectedOption ? selectedOption.label : '';
}
/**
 * Ungroups an options array
 */
function flattenOptions(options) {
    let flatOptions = [];
    options.forEach(optionOrGroup => {
        if (isGroup(optionOrGroup)) {
            flatOptions = flatOptions.concat(optionOrGroup.options);
        } else {
            flatOptions.push(optionOrGroup);
        }
    });
    return flatOptions;
}
function renderSingleOption(option) {
    const { value, label } = option,
          rest = __rest(option, ["value", "label"]);
    return createElement(
        'option',
        Object.assign({ key: value, value: value }, rest),
        label
    );
}
function renderOption(optionOrGroup) {
    if (isGroup(optionOrGroup)) {
        const { title, options } = optionOrGroup;
        return createElement(
            'optgroup',
            { label: title, key: title },
            options.map(renderSingleOption)
        );
    }
    return renderSingleOption(optionOrGroup);
}

var selectIcon = {"viewBox":"0 0 20 20","body":"<path d=\"M9 14.41l-3.71-3.7 1.42-1.42L9 11.59l5.29-5.3 1.42 1.42L9 14.41zM17 2H3c-.55 0-1 .45-1 1v14c0 .55.45 1 1 1h14c.55 0 1-.45 1-1V3c0-.55-.45-1-1-1z\" />"};

var styles$45 = {
  "CheckableButton": "p_mh",
  "CheckableButton-measuring": "p_ec",
  "CheckableButton-plain": "p_uc",
  "CheckableButton-selectMode": "p_uy",
  "CheckableButton-selected": "p_if",
  "Checkbox": "p_fw",
  "Label": "p_rs",
};

function CheckableButton$1({ accessibilityLabel, label = '', onToggleAll, selected, selectMode, plain, measuring, disabled }) {
    const className = plain ? classNames$1(styles$45.CheckableButton, styles$45['CheckableButton-plain']) : classNames$1(styles$45.CheckableButton, selectMode && styles$45['CheckableButton-selectMode'], selected && styles$45['CheckableButton-selected'], measuring && styles$45['CheckableButton-measuring']);
    return createElement(
        'div',
        { className: className, onClick: onToggleAll },
        createElement(
            'div',
            { className: styles$45.Checkbox },
            createElement(Checkbox$2, { label: accessibilityLabel, labelHidden: true, checked: selected, disabled: disabled })
        ),
        createElement(
            'span',
            { className: styles$45.Label },
            label
        )
    );
}
var CheckableButton$2 = withAppProvider()(CheckableButton$1);

var styles$46 = {
  "Button": "p_i8",
  "Group-measuring": "p_mt",
  "Group": "p_oc",
  "Group-entering": "p_m7",
  "Group-exiting": "p_zu",
  "Group-entered": "p_kt",
  "Group-exited": "p_oy",
  "Group-smallScreen": "p_ru",
  "Group-largeScreen": "p_cp",
  "ButtonGroup": "p_ni",
  "Button-cancel": "p_rl",
  "Popover": "p_sn",
  "ActionContent": "p_dp",
  "ActionIcon": "p_mb",
  "disabled": "p_js",
  "PaginatedSelectAll": "p_c1",
  "Slide": "p_gq",
  "Slide-appear": "p_hi",
  "Slide-enter": "p_gc",
  "Slide-exit": "p_bf",
  "Slide-appearing": "p_ii",
  "Slide-entering": "p_a1",
};

class BulkActionButton extends PureComponent {
    componentDidMount() {
        const { handleMeasurement } = this.props;
        if (handleMeasurement) {
            const bulkActionButtonNode = findDOMNode(this);
            const width = bulkActionButtonNode instanceof Element && bulkActionButtonNode.getBoundingClientRect().width || 0;
            handleMeasurement(width);
        }
    }
    render() {
        const { url, external, onAction, content, disclosure, accessibilityLabel, disabled } = this.props;
        const disclosureIconMarkup = disclosure ? createElement(
            'span',
            { className: styles$46.ActionIcon },
            createElement(Icon$2, { source: 'caretDown' })
        ) : null;
        const contentMarkup = disclosureIconMarkup ? createElement(
            'span',
            { className: styles$46.ActionContent },
            createElement(
                'span',
                null,
                content
            ),
            disclosureIconMarkup
        ) : content;
        if (url) {
            return createElement(
                UnstyledLink$2,
                { external: external, url: url, onMouseUp: handleMouseUpByBlurring, className: styles$46.Button, 'aria-label': accessibilityLabel },
                contentMarkup
            );
        }
        const className = classNames(styles$46.Button, disabled && styles$46.disabled);
        return createElement(
            'button',
            { className: className, onClick: onAction, onMouseUp: handleMouseUpByBlurring, 'aria-label': accessibilityLabel, type: 'button', disabled: disabled },
            contentMarkup
        );
    }
}

const MAX_PROMOTED_ACTIONS = 2;
const slideClasses = {
    appear: classNames$1(styles$46.Slide, styles$46['Slide-appear']),
    appearActive: classNames$1(styles$46.Slide, styles$46['Slide-appearing']),
    enter: classNames$1(styles$46.Slide, styles$46['Slide-enter']),
    enterActive: classNames$1(styles$46.Slide, styles$46['Slide-entering']),
    exit: classNames$1(styles$46.Slide, styles$46['Slide-exit'])
};
class BulkActions$1 extends PureComponent {
    constructor() {
        super(...arguments);
        this.state = {
            smallScreenPopoverVisible: false,
            largeScreenPopoverVisible: false,
            containerWidth: 0,
            measuring: true
        };
        this.promotedActionsWidths = [];
        this.bulkActionsWidth = 0;
        this.addedMoreActionsWidthForMeasuring = 0;
    }
    get numberOfPromotedActionsToRender() {
        const { promotedActions } = this.props;
        const { containerWidth, measuring } = this.state;
        if (!promotedActions) {
            return 0;
        }
        if (containerWidth >= this.bulkActionsWidth || measuring) {
            return promotedActions.length;
        }
        let sufficientSpace = false;
        let counter = promotedActions.length - 1;
        let totalWidth = 0;
        while (!sufficientSpace && counter >= 0) {
            totalWidth += this.promotedActionsWidths[counter];
            const widthWithRemovedAction = this.bulkActionsWidth - totalWidth + this.addedMoreActionsWidthForMeasuring;
            if (containerWidth >= widthWithRemovedAction) {
                sufficientSpace = true;
            } else {
                counter--;
            }
        }
        return counter;
    }
    get hasActions() {
        const { promotedActions, actions } = this.props;
        return Boolean(promotedActions && promotedActions.length > 0 || actions && actions.length > 0);
    }
    get actionSections() {
        const { actions } = this.props;
        if (!actions || actions.length === 0) {
            return;
        }
        if (instanceOfBulkActionListSectionArray(actions)) {
            return actions;
        }
        if (instanceOfBulkActionArray(actions)) {
            return [{
                items: actions
            }];
        }
    }
    componentDidMount() {
        const { actions, promotedActions } = this.props;
        if (promotedActions && !actions && this.moreActionsNode) {
            this.addedMoreActionsWidthForMeasuring = this.moreActionsNode.getBoundingClientRect().width;
        }
        this.bulkActionsWidth = this.largeScreenButtonsNode ? this.largeScreenButtonsNode.getBoundingClientRect().width - this.addedMoreActionsWidthForMeasuring : 0;
        if (this.containerNode) {
            // eslint-disable-next-line react/no-did-mount-set-state
            this.setState({
                containerWidth: this.containerNode.getBoundingClientRect().width,
                measuring: false
            });
        }
    }
    render() {
        const { selectMode, accessibilityLabel, label = '', onToggleAll, selected, disabled, promotedActions, paginatedSelectAllText = null, paginatedSelectAllAction, polaris: { intl } } = this.props;
        if (promotedActions && promotedActions.length > MAX_PROMOTED_ACTIONS) {
            // eslint-disable-next-line no-console
            console.warn(intl.translate('Polaris.ResourceList.BulkActions.warningMessage', {
                maxPromotedActions: MAX_PROMOTED_ACTIONS
            }));
        }
        const { smallScreenPopoverVisible, largeScreenPopoverVisible, measuring } = this.state;
        const paginatedSelectAllActionMarkup = paginatedSelectAllAction ? createElement(
            Button$2,
            { onClick: paginatedSelectAllAction.onAction, plain: true, disabled: disabled },
            paginatedSelectAllAction.content
        ) : null;
        const paginatedSelectAllTextMarkup = paginatedSelectAllText && paginatedSelectAllAction ? createElement(
            'span',
            { 'aria-live': 'polite' },
            paginatedSelectAllText
        ) : paginatedSelectAllText;
        const paginatedSelectAllMarkup = paginatedSelectAllActionMarkup || paginatedSelectAllTextMarkup ? createElement(
            'div',
            { className: styles$46.PaginatedSelectAll },
            paginatedSelectAllTextMarkup,
            ' ',
            paginatedSelectAllActionMarkup
        ) : null;
        const cancelButtonClassName = classNames$1(styles$46.Button, styles$46['Button-cancel']);
        const cancelButton = createElement(
            'button',
            { className: cancelButtonClassName
                // eslint-disable-next-line react/jsx-no-bind
                , onClick: this.setSelectMode.bind(this, false) },
            'Cancel'
        );
        const numberOfPromotedActionsToRender = this.numberOfPromotedActionsToRender;
        const allActionsPopover = this.hasActions ? createElement(
            'div',
            { className: styles$46.Popover, ref: this.setMoreActionsNode },
            createElement(
                Popover$1,
                { active: smallScreenPopoverVisible, activator: createElement(BulkActionButton, { disclosure: true, onAction: this.toggleSmallScreenPopover, content: intl.translate('Polaris.ResourceList.BulkActions.actionsActivatorLabel') }), onClose: this.toggleSmallScreenPopover },
                createElement(ActionList$1, { items: promotedActions, sections: this.actionSections, onActionAnyItem: this.toggleSmallScreenPopover })
            )
        ) : null;
        const promotedActionsMarkup = promotedActions && numberOfPromotedActionsToRender > 0 ? [...promotedActions].slice(0, numberOfPromotedActionsToRender).map((action, index) => createElement(BulkActionButton, Object.assign({}, action, { key: index, handleMeasurement: this.handleMeasurement }))) : null;
        const rolledInPromotedActions = promotedActions && numberOfPromotedActionsToRender < promotedActions.length ? [...promotedActions].slice(numberOfPromotedActionsToRender) : [];
        const activatorLabel = !promotedActions || promotedActions && numberOfPromotedActionsToRender === 0 && !measuring ? intl.translate('Polaris.ResourceList.BulkActions.actionsActivatorLabel') : intl.translate('Polaris.ResourceList.BulkActions.moreActionsActivatorLabel');
        let combinedActions = [];
        if (this.actionSections && rolledInPromotedActions.length > 0) {
            combinedActions = [{ items: rolledInPromotedActions }, ...this.actionSections];
        } else if (this.actionSections) {
            combinedActions = this.actionSections;
        } else if (rolledInPromotedActions.length > 0) {
            combinedActions = [{ items: rolledInPromotedActions }];
        }
        const actionsPopover = this.actionSections || rolledInPromotedActions.length > 0 || measuring ? createElement(
            'div',
            { className: styles$46.Popover, ref: this.setMoreActionsNode },
            createElement(
                Popover$1,
                { active: largeScreenPopoverVisible, activator: createElement(BulkActionButton, { disclosure: true, onAction: this.toggleLargeScreenPopover, content: activatorLabel, disabled: disabled }), onClose: this.toggleLargeScreenPopover },
                createElement(ActionList$1, { sections: combinedActions, onActionAnyItem: this.toggleLargeScreenPopover })
            )
        ) : null;
        const checkableButtonProps = {
            accessibilityLabel,
            label,
            selected,
            selectMode,
            onToggleAll,
            measuring,
            disabled
        };
        const smallScreenGroup = createElement(
            Transition,
            { timeout: 0, 'in': selectMode, key: 'smallGroup' },
            status => {
                const smallScreenGroupClassName = classNames$1(styles$46.Group, styles$46['Group-smallScreen'], styles$46[`Group-${status}`]);
                return createElement(
                    'div',
                    { className: smallScreenGroupClassName },
                    createElement(
                        'div',
                        { className: styles$46.ButtonGroup },
                        createElement(
                            CSSTransition,
                            { 'in': selectMode, timeout: Duration.Base, classNames: slideClasses, appear: true },
                            createElement(CheckableButton$2, checkableButtonProps)
                        ),
                        allActionsPopover,
                        cancelButton
                    ),
                    paginatedSelectAllMarkup
                );
            }
        );
        const largeScreenGroup = createElement(
            Transition,
            { timeout: 0, 'in': selectMode, key: 'largeGroup' },
            status => {
                const largeScreenGroupClassName = classNames$1(styles$46.Group, styles$46['Group-largeScreen'], !measuring && styles$46[`Group-${status}`], measuring && styles$46['Group-measuring']);
                return createElement(
                    'div',
                    { className: largeScreenGroupClassName },
                    createElement(EventListener$1, { event: 'resize', handler: this.handleResize }),
                    createElement(
                        'div',
                        { className: styles$46.ButtonGroup, ref: this.setLargeScreenButtonsNode },
                        createElement(CheckableButton$2, checkableButtonProps),
                        promotedActionsMarkup,
                        actionsPopover
                    ),
                    paginatedSelectAllMarkup
                );
            }
        );
        return createElement(
            'div',
            { ref: this.setContainerNode },
            smallScreenGroup,
            largeScreenGroup
        );
    }
    setLargeScreenButtonsNode(node) {
        this.largeScreenButtonsNode = node;
    }
    setContainerNode(node) {
        this.containerNode = node;
    }
    setMoreActionsNode(node) {
        this.moreActionsNode = node;
    }
    setSelectMode(val) {
        const { onSelectModeToggle } = this.props;
        if (onSelectModeToggle) {
            onSelectModeToggle(val);
        }
    }
    toggleSmallScreenPopover() {
        this.setState(({ smallScreenPopoverVisible }) => ({
            smallScreenPopoverVisible: !smallScreenPopoverVisible
        }));
    }
    toggleLargeScreenPopover() {
        this.setState(({ largeScreenPopoverVisible }) => ({
            largeScreenPopoverVisible: !largeScreenPopoverVisible
        }));
    }
    handleResize() {
        const { smallScreenPopoverVisible, largeScreenPopoverVisible } = this.state;
        if (this.containerNode) {
            const containerWidth = this.containerNode.getBoundingClientRect().width;
            if (containerWidth > 0) {
                this.setState({ containerWidth });
            }
        }
        if (smallScreenPopoverVisible || largeScreenPopoverVisible) {
            this.setState({
                smallScreenPopoverVisible: false,
                largeScreenPopoverVisible: false
            });
        }
    }
    handleMeasurement(width) {
        const { measuring } = this.state;
        if (measuring) {
            this.promotedActionsWidths.push(width);
        }
    }
}
__decorate([autobind], BulkActions$1.prototype, "setLargeScreenButtonsNode", null);
__decorate([autobind], BulkActions$1.prototype, "setContainerNode", null);
__decorate([autobind], BulkActions$1.prototype, "setMoreActionsNode", null);
__decorate([autobind], BulkActions$1.prototype, "setSelectMode", null);
__decorate([autobind], BulkActions$1.prototype, "toggleSmallScreenPopover", null);
__decorate([autobind], BulkActions$1.prototype, "toggleLargeScreenPopover", null);
__decorate([autobind, debounce(50, { trailing: true })], BulkActions$1.prototype, "handleResize", null);
__decorate([autobind], BulkActions$1.prototype, "handleMeasurement", null);
function instanceOfBulkActionListSectionArray(actions) {
    const validList = actions.filter(action => {
        return action.items;
    });
    return actions.length === validList.length;
}
function instanceOfBulkActionArray(actions) {
    const validList = actions.filter(action => {
        return !action.items;
    });
    return actions.length === validList.length;
}
var BulkActions$2 = withAppProvider()(BulkActions$1);

const getUniqueID$7 = createUniqueIDFactory('portal-');
class Portal$1 extends PureComponent {
    constructor() {
        super(...arguments);
        this.portalId = this.props.idPrefix !== '' ? `${this.props.idPrefix}-${getUniqueID$7()}` : getUniqueID$7();
    }
    // eslint-disable-next-line react/no-deprecated
    componentWillMount() {
        if (isServer) {
            return;
        }
        this.portalNode = document.createElement('div');
        this.portalNode.setAttribute('data-portal-id', this.portalId);
        document.body.appendChild(this.portalNode);
    }
    componentWillUnmount() {
        if (isServer) {
            return;
        }
        document.body.removeChild(this.portalNode);
    }
    render() {
        if (isServer) {
            return null;
        }
        return createPortal(this.props.children, this.portalNode);
    }
}
Portal$1.defaultProps = { idPrefix: '' };

const contextTypes = {
    scrollToPosition: func
};

class ScrollTo$1 extends Component {
    constructor() {
        super(...arguments);
        this.ref = createRef();
    }
    componentDidMount() {
        const { scrollToPosition } = this.context;
        if (!scrollToPosition || !this.ref.current) {
            return;
        }
        scrollToPosition(this.ref.current.offsetTop);
    }
    render() {
        const getUniqueId = createUniqueIDFactory(`ScrollTo`);
        // eslint-disable-next-line jsx-a11y/anchor-is-valid
        return createElement('a', { id: getUniqueId(), ref: this.ref });
    }
}
ScrollTo$1.contextTypes = contextTypes;

var styles$47 = {
  "Scrollable": "p_b3",
  "horizontal": "p_w0",
  "vertical": "p_ag",
  "hasTopShadow": "p_kg",
  "hasBottomShadow": "p_fp",
};

const MAX_SCROLL_DISTANCE = 100;
const DELTA_THRESHOLD = 0.2;
const DELTA_PERCENTAGE = 0.2;
const EVENTS_TO_LOCK = ['scroll', 'touchmove', 'wheel'];
const PREFERS_REDUCED_MOTION = prefersReducedMotion();
class Scrollable$1 extends Component {
    constructor() {
        super(...arguments);
        this.state = {
            topShadow: false,
            bottomShadow: false,
            scrollPosition: 0
        };
    }
    static forNode(node) {
        return closest(node, scrollable.selector) || document;
    }
    getChildContext() {
        return {
            scrollToPosition: this.scrollToPosition
        };
    }
    componentDidMount() {
        const { polaris } = this.props;
        if (this.scrollArea == null) {
            return;
        }
        polaris.stickyManager.setContainer(this.scrollArea);
        addEventListener(this.scrollArea, 'scroll', () => {
            window.requestAnimationFrame(this.handleScroll);
        });
        addEventListener(window, 'resize', this.handleResize);
        window.requestAnimationFrame(() => {
            this.handleScroll();
            if (this.props.hint) {
                this.scrollHint();
            }
        });
    }
    componentWillUnmount() {
        const { polaris } = this.props;
        if (this.scrollArea == null) {
            return;
        }
        removeEventListener(this.scrollArea, 'scroll', this.handleScroll);
        removeEventListener(window, 'resize', this.handleResize);
        polaris.stickyManager.removeScrollListener();
    }
    componentDidUpdate() {
        const { scrollPosition } = this.state;
        if (scrollPosition && this.scrollArea && scrollPosition > 0) {
            this.scrollArea.scrollTop = scrollPosition;
        }
    }
    render() {
        const { topShadow, bottomShadow } = this.state;
        const _a = this.props,
              { children, className, horizontal, vertical = true, shadow, hint } = _a,
              rest = __rest(_a, ["children", "className", "horizontal", "vertical", "shadow", "hint"]);
        const finalClassName = classNames$1(className, styles$47.Scrollable, vertical && styles$47.vertical, horizontal && styles$47.horizontal, topShadow && styles$47.hasTopShadow, bottomShadow && styles$47.hasBottomShadow);
        return createElement(
            'div',
            Object.assign({ className: finalClassName }, scrollable.props, rest, { ref: this.setScrollArea }),
            children
        );
    }
    setScrollArea(scrollArea) {
        this.scrollArea = scrollArea;
    }
    handleScroll() {
        const { scrollArea } = this;
        const { shadow } = this.props;
        if (scrollArea == null) {
            return;
        }
        const { scrollTop, clientHeight, scrollHeight } = scrollArea;
        const shouldBottomShadow = Boolean(shadow && !(scrollTop + clientHeight >= scrollHeight));
        const shouldTopShadow = Boolean(shadow && scrollTop > 0);
        this.setState({
            topShadow: shouldTopShadow,
            bottomShadow: shouldBottomShadow,
            scrollPosition: scrollTop
        });
    }
    handleResize() {
        this.handleScroll();
    }
    scrollHint() {
        const { scrollArea } = this;
        if (scrollArea == null) {
            return;
        }
        const { clientHeight, scrollHeight } = scrollArea;
        if (PREFERS_REDUCED_MOTION || this.state.scrollPosition > 0 || scrollHeight <= clientHeight) {
            return;
        }
        const scrollDistance = scrollHeight - clientHeight;
        this.toggleLock();
        this.setState({
            scrollPosition: scrollDistance > MAX_SCROLL_DISTANCE ? MAX_SCROLL_DISTANCE : scrollDistance
        }, () => {
            window.requestAnimationFrame(this.scrollStep);
        });
    }
    scrollStep() {
        this.setState(({ scrollPosition }) => {
            const delta = scrollPosition * DELTA_PERCENTAGE;
            return {
                scrollPosition: delta < DELTA_THRESHOLD ? 0 : scrollPosition - delta
            };
        }, () => {
            if (this.state.scrollPosition > 0) {
                window.requestAnimationFrame(this.scrollStep);
            } else {
                this.toggleLock(false);
            }
        });
    }
    toggleLock(shouldLock = true) {
        const { scrollArea } = this;
        if (scrollArea == null) {
            return;
        }
        EVENTS_TO_LOCK.forEach(eventName => {
            if (shouldLock) {
                addEventListener(scrollArea, eventName, prevent);
            } else {
                removeEventListener(scrollArea, eventName, prevent);
            }
        });
    }
    scrollToPosition(scrollY) {
        this.setState({ scrollPosition: scrollY });
    }
}
Scrollable$1.childContextTypes = contextTypes;
Scrollable$1.ScrollTo = ScrollTo$1;
__decorate([autobind], Scrollable$1.prototype, "setScrollArea", null);
__decorate([autobind], Scrollable$1.prototype, "handleScroll", null);
__decorate([autobind, debounce(50, { trailing: true })], Scrollable$1.prototype, "handleResize", null);
__decorate([autobind], Scrollable$1.prototype, "scrollHint", null);
__decorate([autobind], Scrollable$1.prototype, "scrollStep", null);
__decorate([autobind], Scrollable$1.prototype, "scrollToPosition", null);
function prevent(evt) {
    evt.preventDefault();
}
function prefersReducedMotion() {
    try {
        return window.matchMedia('(prefers-reduced-motion: reduce)').matches;
    } catch (err) {
        return false;
    }
}
var Scrollable$2 = withSticky()(Scrollable$1);

var styles$48 = {
  "Popover": "p_fr",
  "fullWidth": "p_ur",
  "Content": "p_ap",
  "measuring": "p_xf",
  "exiting": "p_lj",
  "positionedAbove": "p_eg",
  "Wrapper": "p_ia",
  "Content-fullHeight": "p_g8",
  "Pane": "p_rk",
  "Pane-fixed": "p_w9",
  "Section": "p_sk",
  "FocusTracker": "p_qy",
};

function Section$5({ children }) {
    return createElement(
        'div',
        { className: styles$48.Section },
        children
    );
}

function Pane$1({ fixed, sectioned, children }) {
    const className = classNames$1(styles$48.Pane, fixed && styles$48['Pane-fixed']);
    const content = sectioned ? wrapWithComponent(children, Section$5) : children;
    return fixed ? createElement(
        'div',
        { className: className },
        content
    ) : createElement(
        Scrollable$2,
        { hint: true, shadow: true, className: className },
        content
    );
}

class KeypressListener$1 extends Component {
    componentDidMount() {
        addEventListener(document, 'keyup', this.handleKeyEvent);
    }
    componentWillUnmount() {
        removeEventListener(document, 'keyup', this.handleKeyEvent);
    }
    render() {
        return null;
    }
    handleKeyEvent(event) {
        const { keyCode, handler } = this.props;
        if (event.keyCode === keyCode) {
            handler(event);
        }
    }
}
__decorate([autobind], KeypressListener$1.prototype, "handleKeyEvent", null);

function calculateVerticalPosition(activatorRect, overlayRect, overlayMargins, scrollableContainerRect, containerRect, preferredPosition, fixed) {
    const activatorTop = activatorRect.top;
    const activatorBottom = activatorTop + activatorRect.height;
    const spaceAbove = activatorRect.top;
    const spaceBelow = containerRect.height - activatorRect.top - activatorRect.height;
    const desiredHeight = overlayRect.height;
    const verticalMargins = overlayMargins.activator + overlayMargins.container;
    const minimumSpaceToScroll = overlayMargins.container;
    const distanceToTopScroll = activatorRect.top - Math.max(scrollableContainerRect.top, 0);
    const distanceToBottomScroll = containerRect.top + Math.min(containerRect.height, scrollableContainerRect.top + scrollableContainerRect.height) - (activatorRect.top + activatorRect.height);
    const enoughSpaceFromTopScroll = distanceToTopScroll >= minimumSpaceToScroll;
    const enoughSpaceFromBottomScroll = distanceToBottomScroll >= minimumSpaceToScroll;
    const heightIfBelow = Math.min(spaceBelow, desiredHeight);
    const heightIfAbove = Math.min(spaceAbove, desiredHeight);
    const containerRectTop = fixed ? 0 : containerRect.top;
    const positionIfAbove = {
        height: heightIfAbove - verticalMargins,
        top: activatorTop + containerRectTop - heightIfAbove,
        positioning: 'above'
    };
    const positionIfBelow = {
        height: heightIfBelow - verticalMargins,
        top: activatorBottom + containerRectTop,
        positioning: 'below'
    };
    if (preferredPosition === 'above') {
        return (enoughSpaceFromTopScroll || distanceToTopScroll >= distanceToBottomScroll && !enoughSpaceFromBottomScroll) && (spaceAbove > desiredHeight || spaceAbove > spaceBelow) ? positionIfAbove : positionIfBelow;
    }
    if (preferredPosition === 'below') {
        return (enoughSpaceFromBottomScroll || distanceToBottomScroll >= distanceToTopScroll && !enoughSpaceFromTopScroll) && (spaceBelow > desiredHeight || spaceBelow > spaceAbove) ? positionIfBelow : positionIfAbove;
    }
    if (enoughSpaceFromTopScroll && enoughSpaceFromBottomScroll) {
        return spaceAbove > spaceBelow ? positionIfAbove : positionIfBelow;
    }
    return distanceToTopScroll > minimumSpaceToScroll ? positionIfAbove : positionIfBelow;
}
function calculateHorizontalPosition(activatorRect, overlayRect, containerRect, overlayMargins, preferredAlignment) {
    const maximum = containerRect.width - overlayRect.width;
    if (preferredAlignment === 'left') {
        return Math.min(maximum, Math.max(0, activatorRect.left - overlayMargins.horizontal));
    } else if (preferredAlignment === 'right') {
        const activatorRight = activatorRect.left + activatorRect.width;
        return Math.min(maximum, Math.max(0, activatorRight - overlayRect.width + overlayMargins.horizontal));
    }
    return Math.min(maximum, Math.max(0, activatorRect.center.x - overlayRect.width / 2));
}
function rectIsOutsideOfRect(inner, outer) {
    const { center } = inner;
    return center.y < outer.top || center.y > outer.top + outer.height;
}

var styles$49 = {
  "PositionedOverlay": "p_gv",
  "fixed": "p_gu",
  "calculating": "p_vm",
};

class PositionedOverlay$1 extends PureComponent {
    constructor() {
        super(...arguments);
        this.state = {
            measuring: true,
            activatorRect: getRectForNode(this.props.activator),
            left: 0,
            top: 0,
            height: 0,
            width: null,
            positioning: 'below',
            zIndex: null,
            outsideScrollableContainer: false,
            lockPosition: false
        };
        this.overlay = null;
        this.scrollableContainer = null;
    }
    componentDidMount() {
        this.scrollableContainer = Scrollable$2.forNode(this.props.activator);
        if (this.scrollableContainer && !this.props.fixed) {
            this.scrollableContainer.addEventListener('scroll', this.handleMeasurement);
        }
        this.handleMeasurement();
    }
    componentWillUnmount() {
        if (this.scrollableContainer && !this.props.fixed) {
            this.scrollableContainer.removeEventListener('scroll', this.handleMeasurement);
        }
    }
    // eslint-disable-next-line react/no-deprecated
    componentWillReceiveProps() {
        this.handleMeasurement();
    }
    componentDidUpdate() {
        const { outsideScrollableContainer, top } = this.state;
        const { onScrollOut, active } = this.props;
        if (active && onScrollOut != null && top !== 0 && outsideScrollableContainer) {
            onScrollOut();
        }
    }
    render() {
        const { left, top, zIndex, width } = this.state;
        const { render, fixed } = this.props;
        const style = {
            top: top == null ? undefined : top,
            left: left == null ? undefined : left,
            width: width == null ? undefined : width,
            zIndex: zIndex == null ? undefined : zIndex
        };
        const className = classNames$1(styles$49.PositionedOverlay, fixed && styles$49.fixed);
        return createElement(
            'div',
            { className: className, style: style, ref: this.setOverlay },
            createElement(EventListener$1, { event: 'resize', handler: this.handleMeasurement }),
            render(this.overlayDetails())
        );
    }
    overlayDetails() {
        const { measuring, left, positioning, height, activatorRect } = this.state;
        return {
            measuring,
            left,
            desiredHeight: height,
            positioning,
            activatorRect
        };
    }
    setOverlay(node) {
        this.overlay = node;
    }
    handleMeasurement() {
        const { lockPosition, top } = this.state;
        this.setState({
            left: 0,
            top: lockPosition ? top : 0,
            height: 0,
            positioning: 'below',
            measuring: true
        }, () => {
            if (this.overlay == null || this.scrollableContainer == null) {
                return;
            }
            const { activator, preferredPosition = 'below', preferredAlignment = 'center', onScrollOut, fullWidth, fixed } = this.props;
            const activatorRect = getRectForNode(activator);
            const currentOverlayRect = getRectForNode(this.overlay);
            const scrollableElement = isDocument$1(this.scrollableContainer) ? document.body : this.scrollableContainer;
            const scrollableContainerRect = getRectForNode(scrollableElement);
            const overlayRect = fullWidth ? Object.assign({}, currentOverlayRect, { width: activatorRect.width }) : currentOverlayRect;
            // If `body` is 100% height, it still acts as though it were not constrained
            // to that size. This adjusts for that.
            if (scrollableElement === document.body) {
                scrollableContainerRect.height = document.body.scrollHeight;
            }
            const overlayMargins = this.overlay.firstElementChild ? getMarginsForNode(this.overlay.firstElementChild) : { activator: 0, container: 0, horizontal: 0 };
            const containerRect = windowRect();
            const zIndexForLayer = getZIndexForLayerFromNode(activator);
            const zIndex = zIndexForLayer == null ? zIndexForLayer : zIndexForLayer + 1;
            const verticalPosition = calculateVerticalPosition(activatorRect, overlayRect, overlayMargins, scrollableContainerRect, containerRect, preferredPosition, fixed);
            const horizontalPosition = calculateHorizontalPosition(activatorRect, overlayRect, containerRect, overlayMargins, preferredAlignment);
            this.setState({
                measuring: false,
                activatorRect: getRectForNode(activator),
                left: horizontalPosition,
                top: lockPosition ? top : verticalPosition.top,
                lockPosition: Boolean(fixed),
                height: verticalPosition.height || 0,
                width: fullWidth ? overlayRect.width : null,
                positioning: verticalPosition.positioning,
                outsideScrollableContainer: onScrollOut != null && rectIsOutsideOfRect(activatorRect, intersectionWithViewport(scrollableContainerRect)),
                zIndex
            });
        });
    }
}
__decorate([autobind], PositionedOverlay$1.prototype, "overlayDetails", null);
__decorate([autobind], PositionedOverlay$1.prototype, "setOverlay", null);
__decorate([autobind], PositionedOverlay$1.prototype, "handleMeasurement", null);
function intersectionWithViewport(rect) {
    const viewport = windowRect();
    return new Rect({
        top: Math.max(rect.top, 0),
        left: Math.max(rect.left, 0),
        height: Math.min(rect.height - rect.top + viewport.top, viewport.height, viewport.height - rect.top),
        width: Math.min(rect.width - rect.left + viewport.left, viewport.width, viewport.width - rect.left)
    });
}
function getMarginsForNode(node) {
    const nodeStyles = window.getComputedStyle(node);
    return {
        activator: parseFloat(nodeStyles.marginTop || ''),
        container: parseFloat(nodeStyles.marginBottom || ''),
        horizontal: parseFloat(nodeStyles.marginLeft || '')
    };
}
function getZIndexForLayerFromNode(node) {
    const layerNode = closest(node, layer.selector) || document.body;
    const zIndex = layerNode === document.body ? 'auto' : parseInt(window.getComputedStyle(layerNode).zIndex || '0', 10);
    return zIndex === 'auto' || isNaN(zIndex) ? null : zIndex;
}
function windowRect() {
    return new Rect({
        top: window.scrollY,
        left: window.scrollX,
        height: window.innerHeight,
        width: window.innerWidth
    });
}
function isDocument$1(node) {
    return node === document;
}

var CloseSource;
(function (CloseSource) {
    CloseSource[CloseSource["Click"] = 0] = "Click";
    CloseSource[CloseSource["EscapeKeypress"] = 1] = "EscapeKeypress";
    CloseSource[CloseSource["FocusOut"] = 2] = "FocusOut";
    CloseSource[CloseSource["ScrollOut"] = 3] = "ScrollOut";
})(CloseSource || (CloseSource = {}));
class PopoverOverlay$1 extends PureComponent {
    constructor() {
        super(...arguments);
        this.contentNode = createRef();
        this.transitionStatus = null;
    }
    componentDidMount() {
        if (this.props.active) {
            this.focusContent();
        }
    }
    componentDidUpdate(oldProps) {
        if (this.props.active && !oldProps.active) {
            this.focusContent();
        }
    }
    render() {
        const { active } = this.props;
        return createElement(
            Transition,
            { 'in': active, timeout: Duration.Fast, mountOnEnter: true, unmountOnExit: true },
            this.renderOverlay
        );
    }
    focusContent() {
        if (this.props.preventAutofocus) {
            return;
        }
        if (this.contentNode == null) {
            return;
        }
        write(() => {
            if (this.contentNode.current == null) {
                return;
            }
            this.contentNode.current.focus();
        });
    }
    renderOverlay(transitionStatus) {
        const { active, activator, fullWidth, preferredPosition = 'below', preferredAlignment = 'center', fixed } = this.props;
        return createElement(PositionedOverlay$1, { fullWidth: fullWidth, active: active, activator: activator, preferredPosition: preferredPosition, preferredAlignment: preferredAlignment
            // eslint-disable-next-line react/jsx-no-bind
            , render: this.renderPopover.bind(this, transitionStatus), fixed: fixed, onScrollOut: this.handleScrollOut });
    }
    renderPopover(transitionStatus, overlayDetails) {
        const { measuring, desiredHeight, positioning } = overlayDetails;
        const { id, children, sectioned, fullWidth, fullHeight } = this.props;
        const className = classNames$1(styles$48.Popover, transitionStatus && animationVariations(transitionStatus), positioning === 'above' && styles$48.positionedAbove, fullWidth && styles$48.fullWidth, measuring && styles$48.measuring);
        this.transitionStatus = transitionStatus;
        const contentStyles = measuring ? undefined : { height: desiredHeight };
        const contentClassNames = classNames$1(styles$48.Content, fullHeight && styles$48['Content-fullHeight']);
        const content = createElement(
            'div',
            { id: id, tabIndex: -1, className: contentClassNames, style: contentStyles, ref: this.contentNode },
            renderPopoverContent(children, { sectioned })
        );
        return createElement(
            'div',
            Object.assign({ className: className }, overlay.props),
            createElement(EventListener$1, { event: 'click', handler: this.handleClick }),
            createElement(EventListener$1, { event: 'touchstart', handler: this.handleClick }),
            createElement(KeypressListener$1, { keyCode: Keys.ESCAPE, handler: this.handleEscape }),
            createElement('div', { className: styles$48.FocusTracker
                // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
                , tabIndex: 0, onFocus: this.handleFocusFirstItem }),
            createElement(
                'div',
                { className: styles$48.Wrapper },
                content
            ),
            createElement('div', { className: styles$48.FocusTracker
                // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
                , tabIndex: 0, onFocus: this.handleFocusLastItem })
        );
    }
    handleClick(event) {
        const target$$1 = event.target;
        const { contentNode, props: { activator, onClose } } = this;
        const isDescendant = contentNode.current != null && nodeContainsDescendant(contentNode.current, target$$1);
        const isActivatorDescendant = nodeContainsDescendant(activator, target$$1);
        if (isDescendant || isActivatorDescendant || this.transitionStatus !== 'entered') {
            return;
        }
        onClose(CloseSource.Click);
    }
    handleScrollOut() {
        this.props.onClose(CloseSource.ScrollOut);
    }
    handleEscape() {
        this.props.onClose(CloseSource.EscapeKeypress);
    }
    handleFocusFirstItem() {
        this.props.onClose(CloseSource.FocusOut);
    }
    handleFocusLastItem() {
        this.props.onClose(CloseSource.FocusOut);
    }
}
__decorate([autobind], PopoverOverlay$1.prototype, "renderOverlay", null);
__decorate([autobind], PopoverOverlay$1.prototype, "renderPopover", null);
__decorate([autobind], PopoverOverlay$1.prototype, "handleClick", null);
__decorate([autobind], PopoverOverlay$1.prototype, "handleScrollOut", null);
__decorate([autobind], PopoverOverlay$1.prototype, "handleEscape", null);
__decorate([autobind], PopoverOverlay$1.prototype, "handleFocusFirstItem", null);
__decorate([autobind], PopoverOverlay$1.prototype, "handleFocusLastItem", null);
function renderPopoverContent(children, props) {
    const childrenArray = Children.toArray(children);
    if (isElementOfType(childrenArray[0], Pane$1)) {
        return childrenArray;
    }
    return wrapWithComponent(childrenArray, Pane$1, props);
}
function animationVariations(status) {
    switch (status) {
        case 'exiting':
            return styles$48.exiting;
        default:
            return null;
    }
}

const getUniqueID$6 = createUniqueIDFactory('Popover');
class Popover$1 extends PureComponent {
    constructor() {
        super(...arguments);
        this.state = {
            activatorNode: null
        };
        this.activatorContainer = null;
        this.id = getUniqueID$6();
    }
    componentDidMount() {
        this.setAccessibilityAttributes();
    }
    componentDidUpdate() {
        if (this.activatorContainer && this.state.activatorNode && !this.activatorContainer.contains(this.state.activatorNode)) {
            this.setActivator(this.activatorContainer);
        }
        this.setAccessibilityAttributes();
    }
    render() {
        const _a = this.props,
              { activatorWrapper: WrapperComponent = 'div', children, onClose, activator, activatorWrapper, active, fixed, preventAutofocus = true } = _a,
              rest = __rest(_a, ["activatorWrapper", "children", "onClose", "activator", "activatorWrapper", "active", "fixed", "preventAutofocus"]);
        const { activatorNode } = this.state;
        const portal = activatorNode ? createElement(
            Portal$1,
            { idPrefix: 'popover' },
            createElement(
                PopoverOverlay$1,
                Object.assign({ id: this.id, activator: activatorNode, onClose: this.handleClose, active: active, fixed: fixed, preventAutofocus: preventAutofocus }, rest),
                children
            )
        ) : null;
        return createElement(
            WrapperComponent,
            { ref: this.setActivator },
            Children.only(this.props.activator),
            portal
        );
    }
    setAccessibilityAttributes() {
        const { id, activatorContainer } = this;
        if (activatorContainer == null) {
            return;
        }
        const firstFocusable = findFirstFocusableNode(activatorContainer);
        const focusableActivator = firstFocusable || activatorContainer;
        focusableActivator.tabIndex = focusableActivator.tabIndex || 0;
        focusableActivator.setAttribute('aria-controls', id);
        focusableActivator.setAttribute('aria-owns', id);
        focusableActivator.setAttribute('aria-haspopup', 'true');
        focusableActivator.setAttribute('aria-expanded', String(this.props.active));
    }
    handleClose(source) {
        this.props.onClose(source);
        if (this.activatorContainer == null) {
            return;
        }
        if (source === CloseSource.FocusOut || source === CloseSource.EscapeKeypress) {
            focusFirstFocusableNode(this.activatorContainer, false);
        }
    }
    setActivator(node) {
        if (node == null) {
            this.activatorContainer = null;
            this.setState({ activatorNode: null });
            return;
        }
        this.setState({ activatorNode: node.firstElementChild });
        this.activatorContainer = node;
    }
}
Popover$1.Pane = Pane$1;
Popover$1.Section = Section$5;
__decorate([autobind], Popover$1.prototype, "handleClose", null);
__decorate([autobind], Popover$1.prototype, "setActivator", null);

const SELECT_ALL_ITEMS = 'All';

var styles$50 = {
  "CheckboxWrapper": "p_vq",
  "Item": "p_ja",
  "persistActions": "p_x8",
  "Actions": "p_lp",
  "selected": "p_k4",
  "focused": "p_l3",
  "focusedInner": "p_u5",
  "Link": "p_y8",
  "Button": "p_lz",
  "Container": "p_th",
  "Owned": "p_pu",
  "Handle": "p_ab",
  "selectable": "p_n1",
  "selectMode": "p_gw",
  "Media": "p_f8",
  "Content": "p_ba",
  "Disclosure": "p_di",
};

const intl = new Intl(undefined);
const { Provider: Provider$2, Consumer: Consumer$2 } = createContext({
    selectMode: false,
    resourceName: {
        singular: intl.translate('Polaris.ResourceList.defaultItemSingular'),
        plural: intl.translate('Polaris.ResourceList.defaultItemPlural')
    }
});

const getUniqueCheckboxID = createUniqueIDFactory('ResourceListItemCheckbox');
class Item$9 extends PureComponent {
    constructor() {
        super(...arguments);
        this.state = {
            actionsMenuVisible: false,
            focused: false,
            focusedInner: false
        };
        this.node = null;
        this.checkboxId = getUniqueCheckboxID();
    }
    render() {
        const { children, url, media, shortcutActions, ariaControls, ariaExpanded, persistActions = false, polaris: { intl }, accessibilityLabel, context: { selectable, selectMode, loading } } = this.props;
        const { actionsMenuVisible, focused, focusedInner } = this.state;
        const selected = this.isSelected();
        // let mediaMarkup: React.ReactNode = null;
        let ownedMarkup = null;
        let handleMarkup = null;
        const mediaMarkup = media ? createElement(
            'div',
            { className: styles$50.Media },
            media
        ) : null;
        const checkboxAccessibilityLabel = accessibilityLabel || intl.translate('Polaris.Common.checkbox');
        if (selectable) {
            const label = selected ? intl.translate('Polaris.ResourceList.Item.deselectItem', {
                accessibilityLabel: checkboxAccessibilityLabel
            }) : intl.translate('Polaris.ResourceList.Item.selectItem', {
                accessibilityLabel: checkboxAccessibilityLabel
            });
            handleMarkup = createElement(
                'div',
                { className: styles$50.Handle, onClick: this.handleLargerSelectionArea },
                createElement(
                    'div',
                    { onClick: stopPropagation, className: styles$50.CheckboxWrapper },
                    createElement(Checkbox$2, { id: this.checkboxId, label: label, labelHidden: true, onChange: this.handleSelection, checked: selected, disabled: loading })
                )
            );
        }
        if (media || selectable) {
            ownedMarkup = createElement(
                'div',
                { className: styles$50.Owned },
                handleMarkup,
                mediaMarkup
            );
        }
        const className = classNames$1(styles$50.Item, focused && styles$50.focused, selectable && styles$50.selectable, selected && styles$50.selected, selectMode && styles$50.selectMode, persistActions && styles$50.persistActions, focusedInner && styles$50.focusedInner);
        let actionsMarkup = null;
        let disclosureMarkup = null;
        if (shortcutActions) {
            if (persistActions) {
                actionsMarkup = createElement(
                    'div',
                    { className: styles$50.Actions, onClick: stopPropagation },
                    createElement(
                        ButtonGroup$1,
                        null,
                        buttonsFrom(shortcutActions, { size: 'slim', plain: true })
                    )
                );
                disclosureMarkup = createElement(
                    'div',
                    { className: styles$50.Disclosure, onClick: stopPropagation },
                    createElement(
                        Popover$1,
                        { activator: createElement(Button$2, { 'aria-label': intl.translate('Polaris.ResourceList.Item.actionsDropdown'), onClick: this.handleActionsClick, plain: true, icon: 'horizontalDots' }), onClose: this.handleCloseRequest, active: actionsMenuVisible },
                        createElement(ActionList$1, { items: shortcutActions })
                    )
                );
            } else {
                actionsMarkup = createElement(
                    'div',
                    { className: styles$50.Actions, onClick: stopPropagation },
                    createElement(
                        ButtonGroup$1,
                        { segmented: true },
                        buttonsFrom(shortcutActions, { size: 'slim' })
                    )
                );
            }
        }
        const content = children ? createElement(
            'div',
            { className: styles$50.Content },
            children
        ) : null;
        const containerMarkup = createElement(
            'div',
            { className: styles$50.Container, id: this.props.id },
            ownedMarkup,
            content,
            actionsMarkup,
            disclosureMarkup
        );
        const accessibleMarkup = url ? createElement(UnstyledLink$2, { 'aria-describedby': this.props.id, 'aria-label': accessibilityLabel, className: styles$50.Link, url: url, onFocus: this.handleAnchorFocus, onBlur: this.handleFocusedBlur }) : createElement('button', { className: styles$50.Button, 'aria-label': accessibilityLabel, 'aria-controls': ariaControls, 'aria-expanded': ariaExpanded, onClick: this.handleClick, onFocus: this.handleAnchorFocus, onBlur: this.handleFocusedBlur });
        return createElement(
            'div',
            { ref: this.setNode, className: className, onClick: this.handleClick, onFocus: this.handleFocus, onBlur: this.handleBlur, onMouseDown: this.handleMouseDown, onKeyUp: this.handleKeypress },
            accessibleMarkup,
            containerMarkup
        );
    }
    setNode(node) {
        this.node = node;
    }
    handleAnchorFocus() {
        this.setState({ focused: true, focusedInner: false });
    }
    handleFocusedBlur() {
        this.setState({ focused: true, focusedInner: true });
    }
    handleFocus() {
        this.setState({ focused: true });
    }
    handleBlur(event) {
        const isInside = this.compareEventNode(event);
        if (this.node == null || !this.node.contains(event.relatedTarget)) {
            this.setState({ focused: false });
        } else if (isInside) {
            this.setState({ focusedInner: true });
        }
    }
    handleMouseDown() {
        this.setState({ focusedInner: true });
    }
    handleLargerSelectionArea(event) {
        stopPropagation(event);
        this.handleSelection(!this.isSelected());
    }
    handleSelection(value) {
        const { id, context: { onSelectionChange } } = this.props;
        if (id == null || onSelectionChange == null) {
            return;
        }
        this.setState({ focused: true, focusedInner: true });
        onSelectionChange(value, id);
    }
    handleClick(event) {
        const { id, onClick, url, context: { selectMode } } = this.props;
        const anchor = this.node && this.node.querySelector('a');
        if (selectMode) {
            this.handleLargerSelectionArea(event);
            return;
        }
        if (anchor === event.target) {
            return;
        }
        if (onClick) {
            onClick(id);
        }
        if (url && anchor) {
            anchor.click();
        }
    }
    handleKeypress(event) {
        const { onClick = noop, context: { selectMode } } = this.props;
        const { key } = event;
        if (key === 'Enter' && !selectMode) {
            onClick();
        }
    }
    handleActionsClick() {
        this.setState(({ actionsMenuVisible }) => ({
            actionsMenuVisible: !actionsMenuVisible
        }));
    }
    handleCloseRequest() {
        this.setState({ actionsMenuVisible: false });
    }
    isSelected() {
        const { id, context: { selectedItems } } = this.props;
        return selectedItems && (Array.isArray(selectedItems) && selectedItems.includes(id) || selectedItems === SELECT_ALL_ITEMS);
    }
    compareEventNode(event) {
        return this.props.onClick ? event.target === this.node : event.target.tagName.toLowerCase() === 'a';
    }
}
__decorate([autobind], Item$9.prototype, "setNode", null);
__decorate([autobind], Item$9.prototype, "handleAnchorFocus", null);
__decorate([autobind], Item$9.prototype, "handleFocusedBlur", null);
__decorate([autobind], Item$9.prototype, "handleFocus", null);
__decorate([autobind], Item$9.prototype, "handleBlur", null);
__decorate([autobind], Item$9.prototype, "handleMouseDown", null);
__decorate([autobind], Item$9.prototype, "handleLargerSelectionArea", null);
__decorate([autobind], Item$9.prototype, "handleSelection", null);
__decorate([autobind], Item$9.prototype, "handleClick", null);
__decorate([autobind], Item$9.prototype, "handleKeypress", null);
__decorate([autobind], Item$9.prototype, "handleActionsClick", null);
__decorate([autobind], Item$9.prototype, "handleCloseRequest", null);
function stopPropagation(event) {
    event.stopPropagation();
}
var Item$10 = compose(withContext$1(Consumer$2), withAppProvider())(Item$9);

var styles$51 = {
  "FiltersWrapper": "p_rf",
  "ResourceList": "p_ij",
  "HeaderOuterWrapper": "p_qh",
  "HeaderWrapper-disabled": "p_ut",
  "HeaderWrapper-overlay": "p_rz",
  "HeaderWrapper": "p_nt",
  "HeaderWrapper-isSticky": "p_q2",
  "HeaderContentWrapper": "p_k5",
  "HeaderWrapper-inSelectMode": "p_vi",
  "SortWrapper": "p_jh",
  "HeaderWrapper-hasSelect": "p_vr",
  "HeaderWrapper-hasSort": "p_na",
  "SortLabel": "p_eo",
  "ItemCountTextWrapper": "p_gs",
  "BulkActionsWrapper": "p_pp",
  "CheckableButtonWrapper": "p_j9",
  "SelectButtonWrapper": "p_r1",
  "EmptySearchResultWrapper": "p_es",
  "ResourceListWrapper": "p_y5",
  "ItemWrapper": "p_f0",
  "SpinnerContainer": "p_k0",
  "LoadingOverlay": "p_c7",
  "DisabledPointerEvents": "p_kh",
};

const SMALL_SCREEN_WIDTH = 458;
const SMALL_SPINNER_HEIGHT = 28;
const LARGE_SPINNER_HEIGHT = 45;
const getUniqueID$4 = createUniqueIDFactory('Select');
class ResourceList$1 extends Component {
    constructor(props) {
        super(props);
        this.state = {
            selectMode: false,
            loadingPosition: 0,
            listNode: null
        };
        this.listRef = createRef();
        const { polaris: { intl } } = props;
        this.defaultResourceName = {
            singular: intl.translate('Polaris.ResourceList.defaultItemSingular'),
            plural: intl.translate('Polaris.ResourceList.defaultItemPlural')
        };
    }
    get selectable() {
        const { promotedBulkActions, bulkActions } = this.props;
        return Boolean(promotedBulkActions && promotedBulkActions.length > 0 || bulkActions && bulkActions.length > 0);
    }
    get bulkSelectState() {
        const { selectedItems, items } = this.props;
        let selectState = 'indeterminate';
        if (!selectedItems || Array.isArray(selectedItems) && selectedItems.length === 0) {
            selectState = false;
        } else if (selectedItems === SELECT_ALL_ITEMS || Array.isArray(selectedItems) && selectedItems.length === items.length) {
            selectState = true;
        }
        return selectState;
    }
    get itemCountText() {
        const { resourceName = this.defaultResourceName, items, polaris: { intl } } = this.props;
        const itemsCount = items.length;
        const resource = itemsCount === 1 ? resourceName.singular : resourceName.plural;
        return intl.translate('Polaris.ResourceList.showing', {
            itemsCount,
            resource
        });
    }
    get bulkActionsLabel() {
        const { selectedItems = [], items, polaris: { intl } } = this.props;
        const selectedItemsCount = selectedItems === SELECT_ALL_ITEMS ? `${items.length}+` : selectedItems.length;
        return intl.translate('Polaris.ResourceList.selected', {
            selectedItemsCount
        });
    }
    get bulkActionsAccessibilityLabel() {
        const { resourceName = this.defaultResourceName, selectedItems = [], items, polaris: { intl } } = this.props;
        const selectedItemsCount = selectedItems.length;
        const totalItemsCount = items.length;
        const allSelected = selectedItemsCount === totalItemsCount;
        if (totalItemsCount === 1 && allSelected) {
            return intl.translate('Polaris.ResourceList.a11yCheckboxDeselectAllSingle', { resourceNameSingular: resourceName.singular });
        } else if (totalItemsCount === 1) {
            return intl.translate('Polaris.ResourceList.a11yCheckboxSelectAllSingle', {
                resourceNameSingular: resourceName.singular
            });
        } else if (allSelected) {
            return intl.translate('Polaris.ResourceList.a11yCheckboxDeselectAllMultiple', {
                itemsLength: items.length,
                resourceNamePlural: resourceName.plural
            });
        } else {
            return intl.translate('Polaris.ResourceList.a11yCheckboxSelectAllMultiple', {
                itemsLength: items.length,
                resourceNamePlural: resourceName.plural
            });
        }
    }
    get paginatedSelectAllText() {
        const { hasMoreItems, selectedItems, items, resourceName = this.defaultResourceName, polaris: { intl } } = this.props;
        if (!this.selectable || !hasMoreItems) {
            return;
        }
        if (selectedItems === SELECT_ALL_ITEMS) {
            return intl.translate('Polaris.ResourceList.allItemsSelected', {
                itemsLength: items.length,
                resourceNamePlural: resourceName.plural
            });
        }
    }
    get paginatedSelectAllAction() {
        const { hasMoreItems, selectedItems, items, resourceName = this.defaultResourceName, polaris: { intl } } = this.props;
        if (!this.selectable || !hasMoreItems) {
            return;
        }
        const actionText = selectedItems === SELECT_ALL_ITEMS ? intl.translate('Polaris.Common.undo') : intl.translate('Polaris.ResourceList.selectAllItems', {
            itemsLength: items.length,
            resourceNamePlural: resourceName.plural
        });
        return {
            content: actionText,
            onAction: this.handleSelectAllItemsInStore
        };
    }
    get emptySearchResultText() {
        const { polaris: { intl }, resourceName = this.defaultResourceName } = this.props;
        return {
            title: intl.translate('Polaris.ResourceList.emptySearchResultTitle', {
                resourceNamePlural: resourceName.plural
            }),
            description: intl.translate('Polaris.ResourceList.emptySearchResultDescription')
        };
    }
    get getContext() {
        const { selectedItems, resourceName = this.defaultResourceName, loading } = this.props;
        const { selectMode } = this.state;
        return {
            selectable: this.selectable,
            selectedItems,
            selectMode,
            resourceName,
            loading,
            onSelectionChange: this.handleSelectionChange
        };
    }
    // eslint-disable-next-line react/no-deprecated
    componentWillReceiveProps(nextProps) {
        const { selectedItems } = this.props;
        if (selectedItems && selectedItems.length > 0 && (!nextProps.selectedItems || nextProps.selectedItems.length === 0) && !isSmallScreen()) {
            this.setState({ selectMode: false });
        }
    }
    componentDidMount() {
        this.setState({
            listNode: this.listRef.current
        }, () => {
            if (this.props.loading) {
                this.setLoadingPosition();
            }
        });
    }
    componentDidUpdate(prevProps) {
        if (this.props.loading && !prevProps.loading) {
            this.setLoadingPosition();
        }
    }
    render() {
        const { items, promotedBulkActions, bulkActions, filterControl, loading, showHeader = false, sortOptions, sortValue, onSortChange, polaris: { intl } } = this.props;
        const { selectMode, loadingPosition, listNode } = this.state;
        const itemsExist = items.length > 0;
        const filterControlMarkup = filterControl ? createElement(
            'div',
            { className: styles$51.FiltersWrapper },
            filterControl
        ) : null;
        const bulkActionsMarkup = this.selectable ? createElement(
            'div',
            { className: styles$51.BulkActionsWrapper },
            createElement(BulkActions$2, { label: this.bulkActionsLabel, accessibilityLabel: this.bulkActionsAccessibilityLabel, selected: this.bulkSelectState, onToggleAll: this.handleToggleAll, selectMode: selectMode, onSelectModeToggle: this.handleSelectMode, promotedActions: promotedBulkActions, paginatedSelectAllAction: this.paginatedSelectAllAction, paginatedSelectAllText: this.paginatedSelectAllText, actions: bulkActions, disabled: loading }),
            createElement(EventListener$1, { event: 'resize', handler: this.handleResize })
        ) : null;
        const selectId = getUniqueID$4();
        const sortingLabelMarkup = createElement(
            'label',
            { className: styles$51.SortLabel, htmlFor: selectId },
            intl.translate('Polaris.ResourceList.sortingLabel')
        );
        const sortingSelectMarkup = sortOptions && sortOptions.length > 0 ? createElement(
            'div',
            { className: styles$51.SortWrapper },
            sortingLabelMarkup,
            createElement(Select$1, { label: intl.translate('Polaris.ResourceList.sortingLabel'), labelHidden: true, options: sortOptions, onChange: onSortChange, value: sortValue, disabled: selectMode })
        ) : null;
        const itemCountTextMarkup = createElement(
            'div',
            { className: styles$51.ItemCountTextWrapper },
            this.itemCountText
        );
        const selectButtonMarkup = this.selectable ? createElement(
            'div',
            { className: styles$51.SelectButtonWrapper },
            createElement(
                Button$2,
                { disabled: selectMode, icon: selectIcon
                    // eslint-disable-next-line react/jsx-no-bind
                    , onClick: this.handleSelectMode.bind(this, true) },
                intl.translate('Polaris.ResourceList.selectButtonText')
            )
        ) : null;
        const checkableButtonMarkup = this.selectable ? createElement(
            'div',
            { className: styles$51.CheckableButtonWrapper },
            createElement(CheckableButton$2, { accessibilityLabel: this.bulkActionsAccessibilityLabel, label: this.itemCountText, onToggleAll: this.handleToggleAll, plain: true, disabled: loading })
        ) : null;
        const needsHeader = this.selectable || sortOptions && sortOptions.length > 0;
        const headerWrapperOverlay = loading ? createElement('div', { className: styles$51['HeaderWrapper-overlay'] }) : null;
        const headerMarkup = (showHeader || needsHeader) && listNode && itemsExist && createElement(
            'div',
            { className: styles$51.HeaderOuterWrapper },
            createElement(
                Sticky$1,
                { boundingElement: listNode },
                isSticky => {
                    const headerClassName = classNames$1(styles$51.HeaderWrapper, sortOptions && sortOptions.length > 0 && styles$51['HeaderWrapper-hasSort'], this.selectable && styles$51['HeaderWrapper-hasSelect'], loading && styles$51['HeaderWrapper-disabled'], this.selectable && selectMode && styles$51['HeaderWrapper-inSelectMode'], isSticky && styles$51['HeaderWrapper-isSticky']);
                    return createElement(
                        'div',
                        { className: headerClassName },
                        headerWrapperOverlay,
                        createElement(
                            'div',
                            { className: styles$51.HeaderContentWrapper },
                            itemCountTextMarkup,
                            checkableButtonMarkup,
                            sortingSelectMarkup,
                            selectButtonMarkup
                        ),
                        bulkActionsMarkup
                    );
                }
            )
        );
        const emptyStateMarkup = filterControl && !itemsExist ? createElement(
            'div',
            { className: styles$51.EmptySearchResultWrapper },
            createElement(EmptySearchResult$2, Object.assign({}, this.emptySearchResultText, { withIllustration: true }))
        ) : null;
        const defaultTopPadding = 8;
        const topPadding = loadingPosition > 0 ? loadingPosition : defaultTopPadding;
        const spinnerStyle = { paddingTop: `${topPadding}px` };
        const spinnerSize = items.length === 1 ? 'small' : 'large';
        const loadingOverlay = loading ? createElement(
            Fragment,
            null,
            createElement(
                'div',
                { className: styles$51.SpinnerContainer, style: spinnerStyle },
                createElement(Spinner$2, { size: spinnerSize, accessibilityLabel: 'Items are loading' })
            ),
            createElement('div', { className: styles$51.LoadingOverlay })
        ) : null;
        const resourceListClassName = classNames$1(styles$51.ResourceList, loading && styles$51.disabledPointerEvents);
        const listMarkup = itemsExist ? createElement(
            'ul',
            { className: resourceListClassName, ref: this.listRef, 'aria-live': 'polite', 'aria-busy': loading },
            loadingOverlay,
            items.map(this.renderItem)
        ) : emptyStateMarkup;
        return createElement(
            Provider$2,
            { value: this.getContext },
            createElement(
                'div',
                { className: styles$51.ResourceListWrapper },
                filterControlMarkup,
                headerMarkup,
                listMarkup
            )
        );
    }
    handleResize() {
        const { selectedItems } = this.props;
        const { selectMode } = this.state;
        if (selectedItems && selectedItems.length === 0 && selectMode && !isSmallScreen()) {
            this.handleSelectMode(false);
        }
    }
    setLoadingPosition() {
        const { listNode } = this.state;
        if (listNode != null) {
            if (typeof window === 'undefined') {
                return;
            }
            const overlay = listNode.getBoundingClientRect();
            const viewportHeight = Math.max(document.documentElement.clientHeight, window.innerHeight || 0);
            const overflow = viewportHeight - overlay.height;
            const spinnerHeight = this.props.items.length === 1 ? SMALL_SPINNER_HEIGHT : LARGE_SPINNER_HEIGHT;
            const spinnerPosition = overflow > 0 ? (overlay.height - spinnerHeight) / 2 : (viewportHeight - overlay.top - spinnerHeight) / 2;
            this.setState({ loadingPosition: spinnerPosition });
        }
    }
    handleSelectAllItemsInStore() {
        const { onSelectionChange, selectedItems, items, idForItem = defaultIdForItem } = this.props;
        const newlySelectedItems = selectedItems === SELECT_ALL_ITEMS ? getAllItemsOnPage(items, idForItem) : SELECT_ALL_ITEMS;
        if (onSelectionChange) {
            onSelectionChange(newlySelectedItems);
        }
    }
    renderItem(item, index) {
        const { renderItem, idForItem = defaultIdForItem, loading } = this.props;
        const id = idForItem(item, index);
        const tabIndex = loading ? -1 : 0;
        return createElement(
            'li',
            { key: id, className: styles$51.ItemWrapper, tabIndex: tabIndex },
            renderItem(item, id)
        );
    }
    handleSelectionChange(selected, id) {
        const { onSelectionChange, selectedItems, items, idForItem = defaultIdForItem } = this.props;
        if (selectedItems == null || onSelectionChange == null) {
            return;
        }
        const newlySelectedItems = selectedItems === SELECT_ALL_ITEMS ? getAllItemsOnPage(items, idForItem) : [...selectedItems];
        if (selected) {
            newlySelectedItems.push(id);
        } else {
            newlySelectedItems.splice(newlySelectedItems.indexOf(id), 1);
        }
        if (newlySelectedItems.length === 0 && !isSmallScreen()) {
            this.handleSelectMode(false);
        } else if (newlySelectedItems.length > 0) {
            this.handleSelectMode(true);
        }
        if (onSelectionChange) {
            onSelectionChange(newlySelectedItems);
        }
    }
    handleSelectMode(selectMode) {
        const { onSelectionChange } = this.props;
        this.setState({ selectMode });
        if (!selectMode && onSelectionChange) {
            onSelectionChange([]);
        }
    }
    handleToggleAll() {
        const { onSelectionChange, selectedItems, items, idForItem = defaultIdForItem } = this.props;
        let newlySelectedItems = [];
        if (Array.isArray(selectedItems) && selectedItems.length === items.length || selectedItems === SELECT_ALL_ITEMS) {
            newlySelectedItems = [];
        } else {
            newlySelectedItems = items.map((item, index) => {
                const id = idForItem(item, index);
                return id;
            });
        }
        if (newlySelectedItems.length === 0 && !isSmallScreen()) {
            this.handleSelectMode(false);
        } else if (newlySelectedItems.length > 0) {
            this.handleSelectMode(true);
        }
        if (onSelectionChange) {
            onSelectionChange(newlySelectedItems);
        }
    }
}
ResourceList$1.Item = Item$10;
ResourceList$1.FilterControl = FilterControl$2;
__decorate([autobind], ResourceList$1.prototype, "bulkSelectState", null);
__decorate([autobind], ResourceList$1.prototype, "itemCountText", null);
__decorate([autobind], ResourceList$1.prototype, "bulkActionsLabel", null);
__decorate([autobind], ResourceList$1.prototype, "bulkActionsAccessibilityLabel", null);
__decorate([autobind], ResourceList$1.prototype, "paginatedSelectAllText", null);
__decorate([autobind], ResourceList$1.prototype, "paginatedSelectAllAction", null);
__decorate([debounce(50), autobind], ResourceList$1.prototype, "handleResize", null);
__decorate([autobind], ResourceList$1.prototype, "setLoadingPosition", null);
__decorate([autobind], ResourceList$1.prototype, "handleSelectAllItemsInStore", null);
__decorate([autobind], ResourceList$1.prototype, "renderItem", null);
__decorate([autobind], ResourceList$1.prototype, "handleSelectionChange", null);
__decorate([autobind], ResourceList$1.prototype, "handleSelectMode", null);
__decorate([autobind], ResourceList$1.prototype, "handleToggleAll", null);
function getAllItemsOnPage(items, idForItem) {
    return items.map((item, index) => {
        return idForItem(item, index);
    });
}
function defaultIdForItem(item, index) {
    return item.hasOwnProperty('id') ? item.id : index.toString();
}
function isSmallScreen() {
    return typeof window === 'undefined' ? false : window.innerWidth <= SMALL_SCREEN_WIDTH;
}
var ResourceList$2 = withAppProvider()(ResourceList$1);

var styles$52 = {
  "marginNone": "p_sr",
  "paddingNone": "p_ow",
  "marginExtraTight": "p_vf",
  "paddingExtraTight": "p_z8",
  "marginTight": "p_dt",
  "paddingTight": "p_zi",
  "marginBase": "p_pc",
  "paddingBase": "p_z6",
  "marginLoose": "p_rj",
  "paddingLoose": "p_fh",
  "marginExtraLoose": "p_hk",
  "paddingExtraLoose": "p_a7",
  "marginTopNone": "p_cd",
  "paddingTopNone": "p_mg",
  "marginTopExtraTight": "p_om",
  "paddingTopExtraTight": "p_pe",
  "marginTopTight": "p_or",
  "paddingTopTight": "p_cc",
  "marginTopBase": "p_xw",
  "paddingTopBase": "p_vs",
  "marginTopLoose": "p_gd",
  "paddingTopLoose": "p_eb",
  "marginTopExtraLoose": "p_x6",
  "paddingTopExtraLoose": "p_iy",
  "marginLeftNone": "p_lh",
  "paddingLeftNone": "p_gp",
  "marginLeftExtraTight": "p_jq",
  "paddingLeftExtraTight": "p_sb",
  "marginLeftTight": "p_s7",
  "paddingLeftTight": "p_zq",
  "marginLeftBase": "p_xk",
  "paddingLeftBase": "p_g5",
  "marginLeftLoose": "p_s4",
  "paddingLeftLoose": "p_g9",
  "marginLeftExtraLoose": "p_uz",
  "paddingLeftExtraLoose": "p_nj",
  "marginRightNone": "p_kc",
  "paddingRightNone": "p_c8",
  "marginRightExtraTight": "p_fj",
  "paddingRightExtraTight": "p_bs",
  "marginRightTight": "p_xj",
  "paddingRightTight": "p_um",
  "marginRightBase": "p_gf",
  "paddingRightBase": "p_yh",
  "marginRightLoose": "p_uq",
  "paddingRightLoose": "p_t6",
  "marginRightExtraLoose": "p_io",
  "paddingRightExtraLoose": "p_sv",
  "marginBottomNone": "p_s1",
  "paddingBottomNone": "p_a9",
  "marginBottomExtraTight": "p_nh",
  "paddingBottomExtraTight": "p_hy",
  "marginBottomTight": "p_ps",
  "paddingBottomTight": "p_ue",
  "marginBottomBase": "p_f4",
  "paddingBottomBase": "p_xm",
  "marginBottomLoose": "p_lo",
  "paddingBottomLoose": "p_xu",
  "marginBottomExtraLoose": "p_ac",
  "paddingBottomExtraLoose": "p_v7",
};

function Spacing$1({ children, margin, marginTop, marginLeft, marginRight, marginBottom, padding, paddingTop, paddingLeft, paddingRight, paddingBottom }) {
    const className = classNames$1(styles$52.Spacing, margin && styles$52[variationName$1('margin', stringSpacing(margin))], marginTop && styles$52[variationName$1('marginTop', stringSpacing(marginTop))], marginLeft && styles$52[variationName$1('marginLeft', stringSpacing(marginLeft))], marginRight && styles$52[variationName$1('marginRight', stringSpacing(marginRight))], marginBottom && styles$52[variationName$1('marginBottom', stringSpacing(marginBottom))], padding && styles$52[variationName$1('padding', stringSpacing(padding))], paddingTop && styles$52[variationName$1('paddingTop', stringSpacing(paddingTop))], paddingLeft && styles$52[variationName$1('paddingLeft', stringSpacing(paddingLeft))], paddingRight && styles$52[variationName$1('paddingRight', stringSpacing(paddingRight))], paddingBottom && styles$52[variationName$1('paddingBottom', stringSpacing(paddingBottom))]);
    return createElement(
        'div',
        { className: className },
        children
    );
}
function stringSpacing(value) {
    if (typeof value === 'string') {
        return value;
    }
    if (value === true) {
        return 'base';
    }
    return 'none';
}

class FilterControl$1 extends Component {
    render() {
        const { searchValue, appliedFilters = [], additionalAction, focused = false, filters = [], onSearchBlur, onSearchChange, names, polaris: { intl }, context: { selectMode } } = this.props;
        let resourceName = this.props.context.resourceName;
        if (names) {
            resourceName = {
                singular: names.singular,
                plural: names.plural
            };
        }
        let textFieldLabel = intl.translate('Polaris.ResourceList.FilterControl.textFieldLabel', {
            resourceNamePlural: resourceName.plural.toLocaleLowerCase()
        });
        textFieldLabel = `${textFieldLabel}...`;
        if (additionalAction) {
            additionalAction.disabled = selectMode;
        }
        const additionalActionButton = additionalAction && buttonsFrom(additionalAction) || null;
        const filterCreatorMarkup = filters.length > 0 ? createElement(
            Spacing$1,
            { marginRight: true },
            createElement(FilterCreator$1, { resourceName: resourceName, filters: filters, onAddFilter: this.handleAddFilter, disabled: selectMode })
        ) : null;
        const appliedFiltersMarkup = appliedFilters.map(appliedFilter => {
            const activeFilterLabel = this.getFilterLabel(appliedFilter);
            const filterId = idFromFilter(appliedFilter);
            return createElement(
                'li',
                { className: styles$43.AppliedFilter, key: filterId },
                createElement(
                    Tag$2,
                    { onRemove: this.getRemoveFilterCallback(filterId), disabled: selectMode },
                    activeFilterLabel
                )
            );
        });
        const appliedFiltersWrapper = appliedFilters.length > 0 ? createElement(
            'ul',
            { className: styles$43.AppliedFilters },
            appliedFiltersMarkup
        ) : null;
        return createElement(
            FormLayout$1,
            null,
            createElement(
                'div',
                { className: styles$43.Controls },
                filterCreatorMarkup,
                createElement(
                    'div',
                    { className: styles$43.Search },
                    createElement(TextField$1, { label: textFieldLabel, labelHidden: true, placeholder: textFieldLabel, prefix: createElement(Icon$2, { source: 'search', color: 'inkLightest' }), value: searchValue, onChange: onSearchChange, onBlur: onSearchBlur, focused: focused, disabled: selectMode })
                ),
                additionalActionButton
            ),
            appliedFiltersWrapper
        );
    }
    handleAddFilter(newFilter) {
        const { onFiltersChange, appliedFilters = [] } = this.props;
        if (!onFiltersChange) {
            return;
        }
        const foundFilter = appliedFilters.find(appliedFilter => idFromFilter(appliedFilter) === idFromFilter(newFilter));
        if (foundFilter) {
            return;
        }
        const newAppliedFilters = [...appliedFilters, newFilter];
        onFiltersChange(newAppliedFilters);
    }
    getRemoveFilterCallback(filterId) {
        return () => {
            this.handleRemoveFilter(filterId);
        };
    }
    handleRemoveFilter(filterId) {
        const { onFiltersChange, appliedFilters = [] } = this.props;
        if (!onFiltersChange) {
            return;
        }
        const foundIndex = appliedFilters.findIndex(appliedFilter => idFromFilter(appliedFilter) === filterId);
        const newAppliedFilters = foundIndex >= 0 ? [...appliedFilters.slice(0, foundIndex), ...appliedFilters.slice(foundIndex + 1, appliedFilters.length)] : [...appliedFilters];
        onFiltersChange(newAppliedFilters);
    }
    getFilterLabel(appliedFilter) {
        const { key, value, label } = appliedFilter;
        if (label) {
            return label;
        }
        const { filters = [] } = this.props;
        const filter = filters.find(filter => {
            const { minKey, maxKey, operatorText } = filter;
            if (minKey || maxKey) {
                return filter.key === key || minKey === key || maxKey === key;
            }
            if (operatorText && typeof operatorText !== 'string') {
                return filter.key === key || operatorText.filter(({ key: operatorKey }) => operatorKey === key).length === 1;
            }
            return filter.key === key;
        });
        if (!filter) {
            return value;
        }
        const filterOperatorLabel = findOperatorLabel(filter, appliedFilter);
        const filterLabelByType = this.findFilterLabelByType(filter, appliedFilter);
        if (!filterOperatorLabel) {
            return `${filter.label} ${filterLabelByType}`;
        }
        return `${filter.label} ${filterOperatorLabel} ${filterLabelByType}`;
    }
    findFilterLabelByType(filter, appliedFilter) {
        const { polaris: { intl } } = this.props;
        const { value: appliedFilterValue } = appliedFilter;
        if (filter.type === FilterType.Select) {
            const foundFilterOption = filter.options.find(option => typeof option === 'string' ? option === appliedFilterValue : option.value === appliedFilterValue);
            if (foundFilterOption) {
                return typeof foundFilterOption === 'string' ? foundFilterOption : foundFilterOption.label;
            }
        }
        if (filter.type === FilterType.DateSelector) {
            if (filter.key === appliedFilter.key) {
                const filterLabelKey = `Polaris.ResourceList.DateSelector.FilterLabelForValue.${appliedFilter.value}`;
                return intl.translationKeyExists(filterLabelKey) ? intl.translate(filterLabelKey) : appliedFilter.value;
            }
            if (appliedFilter.key === filter.maxKey) {
                return intl.translate('Polaris.ResourceList.DateSelector.FilterLabelForValue.on_or_before', {
                    date: formatDateForLabelDisplay(appliedFilter.value)
                });
            }
            if (appliedFilter.key === filter.minKey) {
                return intl.translate('Polaris.ResourceList.DateSelector.FilterLabelForValue.on_or_after', {
                    date: formatDateForLabelDisplay(appliedFilter.value)
                });
            }
        }
        return appliedFilterValue;
    }
}
__decorate([autobind], FilterControl$1.prototype, "handleAddFilter", null);
__decorate([memoize()], FilterControl$1.prototype, "getRemoveFilterCallback", null);
function idFromFilter(appliedFilter) {
    return `${appliedFilter.key}-${appliedFilter.value}`;
}
function formatDateForLabelDisplay(date) {
    if (isNaN(new Date(date).getTime())) {
        return date;
    }
    return new Date(date.replace(/-/g, '/')).toLocaleDateString();
}
function findOperatorLabel(filter, appliedFilter) {
    const { operatorText } = filter;
    if (filter.type === FilterType.DateSelector && (appliedFilter.key === filter.minKey || appliedFilter.key === filter.maxKey)) {
        return '';
    }
    if (!operatorText || typeof operatorText === 'string') {
        return operatorText;
    }
    const appliedOperator = operatorText.find(operator => {
        return operator.key === appliedFilter.key;
    });
    if (appliedOperator) {
        return appliedOperator.filterLabel || appliedOperator.optionLabel;
    }
}
var FilterControl$2 = compose(withAppProvider(), withContext$1(Consumer$2))(FilterControl$1);

class Focus$1 extends PureComponent {
    componentDidMount() {
        write(() => {
            const root = findDOMNode(this);
            if (root) {
                if (!root.querySelector('[autofocus]')) {
                    focusFirstFocusableNode(root, false);
                }
            }
        });
    }
    render() {
        const Fragment$$1 = Fragment;
        const { children } = this.props;
        return createElement(
            Fragment$$1,
            null,
            children
        );
    }
}

class TrapFocus extends PureComponent {
    render() {
        const { children } = this.props;
        return createElement(
            Focus$1,
            null,
            createElement(
                'div',
                { ref: this.setFocusTrapWrapper },
                createElement(EventListener$1, { event: 'focusout', handler: this.handleBlur }),
                children
            )
        );
    }
    setFocusTrapWrapper(node) {
        this.focusTrapWrapper = node;
    }
    handleBlur(event) {
        const { relatedTarget } = event;
        const { focusTrapWrapper } = this;
        const { trapping = true } = this.props;
        if (relatedTarget == null || !trapping) {
            return;
        }
        if (focusTrapWrapper && !focusTrapWrapper.contains(relatedTarget) && !closest(relatedTarget, '[data-polaris-overlay]')) {
            event.preventDefault();
            if (event.srcElement === findFirstFocusableNode(focusTrapWrapper)) {
                return focusLastFocusableNode(focusTrapWrapper);
            }
            focusFirstFocusableNode(focusTrapWrapper);
        }
    }
}
__decorate([autobind], TrapFocus.prototype, "setFocusTrapWrapper", null);
__decorate([autobind], TrapFocus.prototype, "handleBlur", null);

var styles$53 = {
  "FooterHelp": "p_i2",
  "Content": "p_xg",
  "Icon": "p_uv",
  "Text": "p_yc",
};

function FooterHelp$1({ children }) {
  return createElement(
    'div',
    { className: styles$53.FooterHelp },
    createElement(
      'div',
      { className: styles$53.Content },
      createElement(
        'div',
        { className: styles$53.Icon },
        createElement(Icon$2, { source: 'help', color: 'teal', backdrop: true })
      ),
      createElement(
        'div',
        { className: styles$53.Text },
        children
      )
    )
  );
}

var styles$54 = {
  "FormLayout": "p_uw",
  "condensed": "p_ke",
  "Item": "p_to",
  "Title": "p_ji",
  "Items": "p_ez",
  "HelpText": "p_b1",
  "Footer": "p_ss",
};

function Group({ children }) {
  const itemsMarkup = Children.map(children, child => child);
  return createElement(
    'footer',
    { role: 'footer', className: styles$54.Footer },
    createElement(
      Stack$1,
      { distribution: 'trailing' },
      itemsMarkup
    )
  );
}

function Item$12(props) {
    return createElement(
        'div',
        { className: styles$54.Item },
        props.children
    );
}

const getUniqueID$8 = createUniqueIDFactory('FormLayoutGroup');
function Group$2({ children, condensed, title, helpText }) {
    const className = classNames$1(condensed && styles$54.condensed);
    const id = getUniqueID$8();
    let helpTextElement = null;
    let helpTextID;
    let titleElement = null;
    let titleID;
    if (helpText) {
        helpTextID = `${id}HelpText`;
        helpTextElement = createElement(
            'div',
            { id: helpTextID, className: styles$54.HelpText },
            helpText
        );
    }
    if (title) {
        titleID = `${id}Title`;
        titleElement = createElement(
            'div',
            { id: titleID, className: styles$54.Title },
            title
        );
    }
    const itemsMarkup = Children.map(children, child => wrapWithComponent(child, Item$12));
    return createElement(
        'div',
        { role: 'group', className: className, 'aria-labelledby': titleID, 'aria-describedby': helpTextID },
        titleElement,
        createElement(
            'div',
            { className: styles$54.Items },
            itemsMarkup
        ),
        helpTextElement
    );
}

class FormLayout$1 extends PureComponent {
    render() {
        const { children } = this.props;
        return createElement(
            'div',
            { className: styles$54.FormLayout },
            Children.map(children, wrapChildren)
        );
    }
}
FormLayout$1.Group = Group$2;
FormLayout$1.Footer = Group;
function wrapChildren(child, index) {
    if (isElementOfType(child, Group$2)) {
        return child;
    }
    if (isElementOfType(child, Group)) {
        return child;
    }
    const props = { key: index };
    return wrapWithComponent(child, Item$12, props);
}

var styles$55 = {
  "always": "p_zn",
  "whenTablet": "p_jt",
  "whenLaptop": "p_ox",
  "whenDesktop": "p_o1",
  "belowMobile": "p_pg",
  "belowTablet": "p_o8",
  "belowLaptop": "p_xi",
};

function Hide$1({ children, when, below }) {
    const className = classNames$1(styles$55.Hide, when && styles$55[variationName$1('when', when)], below && styles$55[variationName$1('below', below)], !when && !below && styles$55.always);
    return createElement(
        'div',
        { className: className },
        children
    );
}

var styles$56 = {
  "variationPositive": "p_go",
  "variationNegative": "p_lg",
  "variationWarning": "p_h5",
  "variationCode": "p_df",
  "variationStrong": "p_sx",
  "variationSubdued": "p_b9",
};

var VariationValue;
(function (VariationValue) {
    VariationValue["Positive"] = "positive";
    VariationValue["Warning"] = "warning";
    VariationValue["Negative"] = "negative";
    VariationValue["Strong"] = "strong";
    VariationValue["Subdued"] = "subdued";
    VariationValue["Code"] = "code";
})(VariationValue || (VariationValue = {}));
function TextStyle$1({ variation, children }) {
    const className = classNames$1(variation && styles$56[variationName$1('variation', variation)], variation === VariationValue.Code && styles$56.code);
    const Element = variationElement(variation);
    return createElement(
        Element,
        { className: className },
        children
    );
}
function variationElement(variation) {
    switch (variation) {
        case VariationValue.Code:
            return 'code';
        case VariationValue.Strong:
            return 'b';
        case VariationValue.Positive:
        case VariationValue.Warning:
        case VariationValue.Negative:
        case VariationValue.Subdued:
        default:
            return 'span';
    }
}

var styles$57 = {
  "InlineValidation": "p_gg",
  "Icon": "p_b2",
};

function InlineValidation$1({ message, fieldID, status }) {
    if (!message) {
        return null;
    }
    let color = 'red';
    let icon = 'alert';
    let textStyle = 'negative';
    switch (status) {
        case 'success':
            color = 'green';
            icon = 'circleCheckmark';
            textStyle = null;
            break;
        case 'info':
            color = 'blue';
            icon = 'circleInformationFilled';
            textStyle = null;
            break;
        case 'attention':
            color = 'orange';
            icon = 'attentionFilled';
            textStyle = 'warning';
            break;
        default:
            color = 'red';
            icon = 'alert';
            textStyle = 'negative';
    }
    return createElement(
        'div',
        { id: `${fieldID}Error`, className: styles$57.InlineValidation },
        createElement(
            'div',
            { className: styles$57.Icon },
            createElement(Icon$2, { source: icon, color: color })
        ),
        textStyle ? createElement(
            TextStyle$1,
            { variation: textStyle },
            message
        ) : createElement(
            TextStyle$1,
            null,
            message
        )
    );
}

var styles$58 = {
  "KeyboardKey": "p_ka",
};

function KeyboardKey$1({ children }) {
    let key = children || '';
    key = key.length > 1 ? key.toLowerCase() : key.toUpperCase();
    return createElement(
        'kbd',
        { className: styles$58.KeyboardKey },
        key
    );
}

var styles$59 = {
  "Layout": "p_sy",
  "Section": "p_xa",
  "Section-secondary": "p_tz",
  "Section-fullWidth": "p_wd",
  "AnnotatedSection": "p_ve",
  "AnnotationWrapper": "p_ey",
  "AnnotationContent": "p_ko",
  "Annotation": "p_mo",
  "AnnotationDescription": "p_y4",
};

function AnnotatedSection$1(props) {
  const { children, title, description } = props;
  const descriptionMarkup = typeof description === 'string' ? createElement(
    'p',
    null,
    description
  ) : description;
  return createElement(
    'div',
    { className: styles$59.AnnotatedSection },
    createElement(
      'div',
      { className: styles$59.AnnotationWrapper },
      createElement(
        'div',
        { className: styles$59.Annotation },
        createElement(
          TextContainer$1,
          null,
          createElement(
            Heading$1,
            null,
            title
          ),
          descriptionMarkup && createElement(
            'div',
            { className: styles$59.AnnotationDescription },
            descriptionMarkup
          )
        )
      ),
      createElement(
        'div',
        { className: styles$59.AnnotationContent },
        children
      )
    )
  );
}

function Section$7({ children, secondary, fullWidth }) {
    const className = classNames$1(styles$59.Section, secondary && styles$59['Section-secondary'], fullWidth && styles$59['Section-fullWidth']);
    return createElement(
        'div',
        { className: className },
        children
    );
}

class Layout$1 extends Component {
    render() {
        const { children, sectioned } = this.props;
        const content = sectioned ? createElement(
            Section$7,
            null,
            children
        ) : children;
        return createElement(
            'div',
            { className: styles$59.Layout },
            content
        );
    }
}
Layout$1.AnnotatedSection = AnnotatedSection$1;
Layout$1.Section = Section$7;

var styles$60 = {
  "Link": "p_d5",
};

function Link$2({ url, children, onClick, external, id }) {
  return url ? createElement(
    UnstyledLink$2,
    { onClick: onClick, className: styles$60.Link, url: url, external: external, id: id },
    children
  ) : createElement(
    'button',
    { onClick: onClick, className: styles$60.Link, id: id },
    children
  );
}

var styles$61 = {
  "List": "p_hf",
  "typeNumber": "p_y6",
  "Item": "p_tn",
};

function Item$14({ children }) {
    return createElement(
        'li',
        { className: styles$61.Item },
        children
    );
}

class ContentList extends PureComponent {
    render() {
        const { children, type = 'bullet' } = this.props;
        const className = classNames$1(styles$61.List, type && styles$61[variationName$1('type', type)]);
        const ListElement = type === 'bullet' ? 'ul' : 'ol';
        return createElement(
            ListElement,
            { className: className },
            children
        );
    }
}
ContentList.Item = Item$14;

var styles$62 = {
  "Media": "p_tc",
  "link": "p_t5",
  "active": "p_e2",
  "Title": "p_m6",
  "Image": "p_zb",
  "Content": "p_ot",
  "Link": "p_wh",
  "Button": "p_z3",
  "Header": "p_rm",
  "Badge": "p_sq",
};

var styles$63 = {
  "Thumbnail": "p_ks",
  "sizeExtraSmall": "p_q6",
  "sizeSmall": "p_wt",
  "sizeMedium": "p_ro",
  "sizeLarge": "p_cw",
  "Image": "p_r8",
  "File": "p_xd",
};

function Thumbnail$1({ source, alt, abbr, size = 'medium' }) {
    const className = classNames$1(styles$63.Thumbnail, size && styles$63[variationName$1('size', size)]);
    const contentMarkup = source ? createElement(Image$1, { alt: alt, source: source, className: styles$63.Image }) : createElement(
        'div',
        { className: styles$63.File },
        abbr
    );
    return createElement(
        'span',
        { className: className },
        contentMarkup
    );
}

function Media$1({
  // children,  
  // data,
  // content,
  // label,
  header, body, bodySpacing, url, avatar, avatarSource, thumbnailSource, thumbnailAbbr, thumbnailSize, icon, iconColor, iconBackdrop, badgeText, badgeStatus, active }) {
  const className = classNames(styles$62.Media, url && styles$62.link, active && styles$62.active);
  const iconMarkup = icon ? createElement(
    'div',
    { className: styles$62.Image },
    createElement(Icon$2, { source: icon, color: iconColor ? iconColor : "inkLighter", backdrop: iconBackdrop ? true : false })
  ) : null;
  const badgeMarkup = badgeText ? createElement(
    Hide$1,
    { below: 'mobile' },
    createElement(
      'div',
      { className: styles$62.Badge },
      createElement(
        Badge$2,
        { status: badgeStatus },
        badgeText
      )
    )
  ) : null;
  const headerMarkup = header ? createElement(
    'header',
    { className: styles$62.Header },
    createElement(
      'span',
      { className: styles$62.Title },
      header
    ),
    badgeMarkup
  ) : null;
  const bodyMarkup = body ? createElement(
    'div',
    { className: styles$62.Body },
    body
  ) : null;
  const linkMarkup = url ? createElement(UnstyledLink$2, { className: styles$62.Link, url: url }) : null;
  const avatarMarkup = avatar ? createElement(
    'div',
    { className: styles$62.Image },
    createElement(Avatar$2, { size: 'small', customer: true, name: avatar, source: avatarSource })
  ) : null;
  const thumbnailMarkup = thumbnailSource ? createElement(
    'div',
    { className: styles$62.Image },
    createElement(Thumbnail$1, { alt: 'thumbnail', size: thumbnailSize ? thumbnailSize : "small", source: thumbnailSource })
  ) : thumbnailAbbr ? createElement(
    'div',
    { className: styles$62.Image },
    createElement(Thumbnail$1, { alt: 'thumbnail', size: thumbnailSize ? thumbnailSize : "small", abbr: thumbnailAbbr })
  ) : null;
  return createElement(
    'div',
    { className: className },
    iconMarkup,
    avatarMarkup,
    thumbnailMarkup,
    createElement(
      'div',
      { className: styles$62.Content },
      createElement(
        Stack$1,
        { vertical: true, spacing: bodySpacing ? bodySpacing : 'none' },
        headerMarkup,
        bodyMarkup
      )
    ),
    linkMarkup
  );
}

function memoizedBind(callback, ...args) {
    return function bound() {
        return callback(...args);
    };
}
var memoizedBind$1 = memoize$1(memoizedBind);

var styles$64 = {
  "Container": "p_af",
  "Modal": "p_dy",
  "limitHeight": "p_bo",
  "sizeLarge": "p_me",
  "animateFadeUp": "p_px",
  "entering": "p_ev",
  "exiting": "p_lc",
  "exited": "p_ul",
  "entered": "p_pa",
};

function DialogContainer(props) {
  return createElement(
    'div',
    { className: styles$64.Container, 'data-polaris-layer': true, 'data-polaris-overlay': true },
    props.children
  );
}
function Dialog$1(_a) {
  var { instant, labelledBy, children, onClose, onExited, onEntered, large, limitHeight } = _a,
      props = __rest(_a, ["instant", "labelledBy", "children", "onClose", "onExited", "onEntered", "large", "limitHeight"]);
  const classes = classNames$1(styles$64.Modal, large && styles$64.sizeLarge, limitHeight && styles$64.limitHeight);
  const handleClose = memoizedBind$1(onClose);
  const TransitionChild = instant ? Transition : FadeUp;
  return createElement(
    TransitionChild,
    Object.assign({}, props, { mountOnEnter: true, unmountOnExit: true, timeout: Duration.Base, onEntered: onEntered, onExited: onExited }),
    createElement(
      DialogContainer,
      null,
      createElement(
        TrapFocus,
        null,
        createElement(
          'div',
          { className: classes, role: 'dialog', 'aria-labelledby': labelledBy, tabIndex: -1 },
          createElement(KeypressListener$1, { keyCode: Keys.ESCAPE, handler: handleClose }),
          children
        )
      )
    )
  );
}
const fadeUpClasses = {
  enter: classNames$1(styles$64.animateFadeUp, styles$64.entering),
  enterActive: classNames$1(styles$64.animateFadeUp, styles$64.entered),
  exit: classNames$1(styles$64.animateFadeUp, styles$64.exiting),
  exitActive: classNames$1(styles$64.animateFadeUp, styles$64.exited)
};
function FadeUp(_a) {
  var { children } = _a,
      props = __rest(_a, ["children"]);
  return createElement(
    CSSTransition,
    Object.assign({}, props, { classNames: fadeUpClasses }),
    children
  );
}

var styles$65 = {
  "Footer": "p_ie",
  "FooterContent": "p_wu",
};

function Footer$1({ primaryAction, secondaryActions, children }) {
  const primaryActionButton = primaryAction && buttonsFrom(primaryAction, { primary: true }) || null;
  const secondaryActionButtons = secondaryActions && buttonsFrom(secondaryActions) || null;
  const actions = primaryActionButton || secondaryActionButtons ? createElement(
    ButtonGroup$1,
    null,
    secondaryActionButtons,
    primaryActionButton
  ) : null;
  return createElement(
    'div',
    { className: styles$65.Footer },
    createElement(
      'div',
      { className: styles$65.FooterContent },
      createElement(
        Stack$1,
        { alignment: 'center' },
        createElement(
          Stack$1.Item,
          { fill: true },
          children
        ),
        actions
      )
    )
  );
}

var styles$66 = {
  "CloseButton": "p_aa",
  "withoutTitle": "p_gl",
};

function CloseButton$1({ title = true, onClick }) {
    const className = classNames(styles$66.CloseButton, !title && styles$66.withoutTitle);
    return createElement(
        'button',
        { onClick: onClick, className: className },
        createElement(Icon$2, { source: 'cancel', color: 'inkLighter' })
    );
}

var styles$67 = {
  "Header": "p_v3",
  "Title": "p_n6",
};

function Header$3({ id, children, onClose }) {
  const handleClose = memoizedBind$1(onClose);
  return createElement(
    'div',
    { className: styles$67.Header },
    createElement(
      'div',
      { id: id, className: styles$67.Title },
      createElement(
        DisplayText$1,
        { element: 'h2', size: 'small' },
        children
      )
    ),
    createElement(CloseButton$1, { onClick: handleClose })
  );
}

var styles$68 = {
  "Section": "p_dv",
  "subdued": "p_q8",
  "flush": "p_qt",
};

function Section$9({ children, flush = false, subdued = false }) {
    const className = classNames$1(styles$68.Section, flush && styles$68.flush, subdued && styles$68.subdued);
    return createElement(
        'section',
        { className: className },
        children
    );
}

var styles$69 = {
  "BodyWrapper": "p_jl",
  "Body": "p_a8",
  "IFrame": "p_be",
  "Backdrop": "p_qo",
  "Spinner": "p_oi",
  "fade-in": "p_qd",
};

const IFRAME_LOADING_HEIGHT = 200;
const getUniqueID$9 = createUniqueIDFactory('modal-header');
class Modal$2 extends Component {
    constructor() {
        super(...arguments);
        this.state = {
            iframeHeight: IFRAME_LOADING_HEIGHT
        };
        this.headerId = getUniqueID$9();
    }
    getChildContext() {
        return {
            withinContentContainer: true
        };
    }
    componentDidMount() {
        if (this.context.easdk == null) {
            return;
        }
        const { open } = this.props;
        if (open) {
            this.handleEASDKMessaging();
            this.focusReturnPointNode = document.activeElement;
        }
    }
    componentDidUpdate({ open: wasOpen }) {
        if (this.context.easdk == null) {
            return;
        }
        const { open } = this.props;
        if (wasOpen !== open) {
            this.handleEASDKMessaging();
        }
        if (!wasOpen && open) {
            this.focusReturnPointNode = document.activeElement;
        } else if (wasOpen && !open && this.focusReturnPointNode != null && document.contains(this.focusReturnPointNode)) {
            this.focusReturnPointNode.focus();
            this.focusReturnPointNode = null;
        }
    }
    render() {
        if (this.context.easdk != null) {
            return null;
        }
        const { children, onClose, title, src, iFrameName, open, instant = true, sectioned, loading, large, limitHeight, footer, primaryAction, secondaryActions, polaris: { intl } } = this.props;
        const { iframeHeight } = this.state;
        const iframeTitle = intl.translate('Polaris.Modal.iFrameTitle');
        const handleClose = memoizedBind$1(onClose);
        let dialog;
        let backdrop;
        if (open) {
            const footerMarkup = !footer && !primaryAction && !secondaryActions ? null : createElement(
                Footer$1,
                { primaryAction: primaryAction, secondaryActions: secondaryActions },
                footer
            );
            const content = sectioned ? wrapWithComponent(children, Section$9) : children;
            const body = loading ? createElement(
                'div',
                { className: styles$69.Spinner },
                createElement(Spinner$2, null)
            ) : content;
            const bodyMarkup = src ? createElement('iframe', { name: iFrameName, title: iframeTitle, src: src, className: styles$69.IFrame, onLoad: this.handleIFrameLoad, style: { height: `${iframeHeight}px` } }) : createElement(
                Scrollable$2,
                { shadow: true, className: styles$69.Body },
                body
            );
            const headerMarkup = title ? createElement(
                Header$3,
                { id: this.headerId, onClose: handleClose },
                title
            ) : createElement(CloseButton$1, { onClick: handleClose, title: false });
            dialog = createElement(
                Dialog$1,
                { instant: instant, labelledBy: this.headerId, onClose: handleClose, onEntered: this.handleEntered, onExited: this.handleExited, large: large, limitHeight: limitHeight },
                headerMarkup,
                createElement(
                    'div',
                    { className: styles$69.BodyWrapper },
                    bodyMarkup
                ),
                footerMarkup
            );
            backdrop = createElement('div', { className: styles$69.Backdrop, onClick: handleClose });
        }
        const animated = !instant;
        this.handleWarning('modal');
        return createElement(
            Portal$1,
            { idPrefix: 'modal' },
            createElement(
                TransitionGroup,
                { appear: animated, enter: animated, exit: animated },
                dialog
            ),
            backdrop
        );
    }
    handleEntered() {
        const { onTransitionEnd } = this.props;
        if (onTransitionEnd) {
            onTransitionEnd();
        }
    }
    handleExited() {
        this.setState({
            iframeHeight: IFRAME_LOADING_HEIGHT
        });
        if (this.focusReturnPointNode) {
            write(() => focusFirstFocusableNode(this.focusReturnPointNode, false));
        }
    }
    handleIFrameLoad(evt) {
        const iframe = evt.target;
        if (iframe && iframe.contentWindow) {
            this.setState({
                iframeHeight: iframe.contentWindow.document.body.scrollHeight
            });
        }
        const { onIFrameLoad } = this.props;
        if (onIFrameLoad != null) {
            onIFrameLoad(evt);
        }
    }
    handleEASDKMessaging() {
        const { easdk } = this.context;
        const { open } = this.props;
        if (easdk == null) {
            return;
        }
        if (open) {
            this.handleWarning('easdk');
            easdk.Modal.open(this.props);
        } else {
            easdk.Modal.close();
        }
    }
    handleWarning(type) {
        const { polaris: { intl } } = this.props;
        const reqProps = {
            modal: {
                open: 'open',
                onClose: 'onClose'
            },
            easdk: {
                open: 'open',
                src: 'src',
                onClose: 'onClose'
            }
        };
        const missingProps = Object.keys(reqProps[type]).reduce((acc, key) => {
            if (!this.props.hasOwnProperty(key)) {
                acc.push(key);
            }
            return acc;
        }, []);
        if (missingProps.length > 0) {
            // eslint-disable-next-line no-console
            console.warn(intl.translate('Polaris.Modal.modalWarning', {
                missingProps: missingProps.join(', ')
            }));
        }
        const actionWarnings = handleActionWanrings(this.props.primaryAction, this.props.secondaryActions);
        if (type === 'easdk' && actionWarnings.length > 0) {
            // eslint-disable-next-line no-console
            console.warn(intl.translate('Polaris.Modal.actionWarning', {
                actionWarnings: actionWarnings.join(', ')
            }));
        }
    }
}
Modal$2.contextTypes = { easdk: object };
Modal$2.childContextTypes = contentContextTypes;
Modal$2.Dialog = Dialog$1;
Modal$2.Section = Section$9;
__decorate([autobind], Modal$2.prototype, "handleEntered", null);
__decorate([autobind], Modal$2.prototype, "handleExited", null);
__decorate([autobind], Modal$2.prototype, "handleIFrameLoad", null);
function handleActionWanrings(primary = {}, secondary = []) {
    const actions = [primary, ...secondary];
    const actionKeysToIgnore = ['icon', 'loading'];
    return actions.reduce((acc, action) => {
        return acc.concat(...actionKeysToIgnore.filter(val => action[val] && acc.indexOf(val) === -1 && val));
    }, []);
}
var Modal$3 = withAppProvider()(Modal$2);

var styles$70 = {
  "Option": "p_cx",
  "SingleSelectOption": "p_my",
  "disabled": "p_n0",
  "Media": "p_tt",
  "Label": "p_ek",
  "Checkbox": "p_oj",
  "focused": "p_mk",
  "select": "p_s6",
  "active": "p_hl",
};

class Option$1 extends Component {
    constructor() {
        super(...arguments);
        this.state = {
            focused: false,
            active: false
        };
    }
    static getDerivedStateFromProps(nextProps, prevState) {
        if (nextProps.active !== undefined && nextProps.active !== prevState.active) {
            return nextProps.active ? { active: true } : { active: false };
        }
        return null;
    }
    render() {
        const { label, value, id, select, active, allowMultiple, disabled, role, media } = this.props;
        const { focused } = this.state;
        const mediaMarkup = media ? createElement(
            'div',
            { className: styles$70.Media },
            media
        ) : null;
        const singleSelectClassName = classNames$1(styles$70.SingleSelectOption, focused && styles$70.focused, disabled && styles$70.disabled, select && styles$70.select, active && styles$70.active);
        const multiSelectClassName = classNames$1(styles$70.Label, active && styles$70.active);
        const checkBoxRole = role === 'option' ? 'presentation' : undefined;
        const optionMarkup = allowMultiple ? createElement(
            'label',
            { htmlFor: id, className: multiSelectClassName },
            createElement(
                'div',
                { className: styles$70.Checkbox },
                createElement(Checkbox$4, { id: id, value: value, checked: select, active: active, disabled: disabled, onChange: this.handleClick, role: checkBoxRole })
            ),
            mediaMarkup,
            label
        ) : createElement(
            'button',
            { type: 'button', className: singleSelectClassName, onClick: this.handleClick, disabled: disabled, onFocus: this.toggleFocus, onBlur: this.toggleFocus },
            mediaMarkup,
            label
        );
        const scrollMarkup = active ? createElement(Scrollable$2.ScrollTo, null) : null;
        return createElement(
            'li',
            { key: id, className: styles$70.Option, tabIndex: -1, 'aria-selected': active, role: role },
            scrollMarkup,
            optionMarkup
        );
    }
    handleClick() {
        const { onClick, section, index, disabled } = this.props;
        if (disabled) {
            return;
        }
        onClick(section, index);
    }
    toggleFocus() {
        this.setState(prevState => ({ focused: !prevState.focused }));
    }
}
__decorate([autobind], Option$1.prototype, "handleClick", null);
__decorate([autobind], Option$1.prototype, "toggleFocus", null);

var styles$71 = {
  "Checkbox": "p_n5",
  "Input": "p_q4",
  "Backdrop": "p_je",
  "Input-indeterminate": "p_bx",
  "Icon": "p_iv",
  "active": "p_oo",
};

const getUniqueID$10 = createUniqueIDFactory('Checkbox');
function Checkbox$4({ id = getUniqueID$10(), checked = false, disabled, active, onChange, name, value, role }) {
  const className = classNames$1(styles$71.Checkbox, active && styles$71.active);
  return createElement(
    'div',
    { className: className },
    createElement('input', { id: id, name: name, value: value, type: 'checkbox', checked: checked, disabled: disabled, className: styles$71.Input, 'aria-checked': checked, onChange: onChange, role: role }),
    createElement('div', { className: styles$71.Backdrop }),
    createElement(
      'div',
      { className: styles$71.Icon },
      createElement(Icon$2, { source: 'checkmark' })
    )
  );
}

function arraysAreEqual(firstArray, secondArray, comparator) {
    if (firstArray.length !== secondArray.length) {
        return false;
    }
    return firstArray.every((firstItem, index) => {
        const secondItem = secondArray[index];
        if (comparator != null) {
            return comparator(firstItem, secondItem);
        }
        return firstItem === secondItem;
    });
}

var styles$72 = {
  "OptionList": "p_z5",
  "Options": "p_up",
  "Title": "p_ea",
};

const getUniqueId = createUniqueIDFactory('OptionList');
class OptionList$1 extends Component {
    constructor() {
        super(...arguments);
        this.state = {
            normalizedOptions: createNormalizedOptions(this.props.options, this.props.sections, this.props.title)
        };
        this.id = this.props.id || getUniqueId();
    }
    // eslint-disable-next-line react/no-deprecated
    componentWillReceiveProps({ options: nextOptions = [], sections: nextSections = [], id: nextID, title: nextTitle }) {
        const { options = [], sections = [], id, title } = this.props;
        if (id !== nextID) {
            this.id = nextID || this.id;
        }
        const optionsChanged = !arraysAreEqual(nextOptions, options);
        const sectionsChanged = !arraysAreEqual(nextSections, sections, testSectionsPropEquality);
        const titleChanged = title !== nextTitle;
        if (optionsChanged || sectionsChanged || titleChanged) {
            this.setState({
                normalizedOptions: createNormalizedOptions(nextOptions, nextSections, nextTitle)
            });
        }
    }
    render() {
        const { normalizedOptions } = this.state;
        const { selected, allowMultiple, role, optionRole } = this.props;
        const optionsExist = normalizedOptions.length > 0;
        const optionsMarkup = optionsExist ? normalizedOptions.map(({ title, options }, sectionIndex) => {
            const titleMarkup = title ? createElement(
                'p',
                { className: styles$72.Title, role: 'presentation' },
                title
            ) : null;
            const optionsMarkup = options && options.map((option, optionIndex) => {
                const isSelected = selected.includes(option.value);
                const id = option.id || `${this.id}-${sectionIndex}-${optionIndex}`;
                return createElement(Option$1, Object.assign({}, option, { key: id, id: id, section: sectionIndex, index: optionIndex, onClick: this.handleClick, select: isSelected, allowMultiple: allowMultiple, role: optionRole }));
            });
            return createElement(
                'li',
                { key: title || `noTitle-${sectionIndex}` },
                titleMarkup,
                createElement(
                    'ul',
                    { className: styles$72.Options, id: this.id, role: role, 'aria-multiselectable': allowMultiple },
                    optionsMarkup
                )
            );
        }) : null;
        return createElement(
            'ul',
            { className: styles$72.OptionList },
            optionsMarkup
        );
    }
    handleClick(sectionIndex, optionIndex) {
        const { selected, onChange, allowMultiple } = this.props;
        const selectedValue = this.state.normalizedOptions[sectionIndex].options[optionIndex].value;
        const foundIndex = selected.indexOf(selectedValue);
        if (allowMultiple) {
            const newSelection = foundIndex === -1 ? [selectedValue, ...selected] : [...selected.slice(0, foundIndex), ...selected.slice(foundIndex + 1, selected.length)];
            onChange(newSelection);
            return;
        }
        onChange([selectedValue]);
    }
}
__decorate([autobind], OptionList$1.prototype, "handleClick", null);
function createNormalizedOptions(options, sections, title) {
    if (options == null) {
        const section = { options: [], title };
        return sections == null ? [] : [section, ...sections];
    }
    if (sections == null) {
        return [{
            title,
            options
        }];
    }
    return [{
        title,
        options
    }, ...sections];
}
function testSectionsPropEquality(previousSection, currentSection) {
    const { options: previousOptions } = previousSection;
    const { options: currentOptions } = currentSection;
    const optionsAreEqual = arraysAreEqual(previousOptions, currentOptions);
    const titlesAreEqual = previousSection.title === currentSection.title;
    return optionsAreEqual && titlesAreEqual;
}
var OptionList$2 = withAppProvider()(OptionList$1);

var styles$73 = {
  "Page": "p_zl",
  "fullWidth": "p_te",
  "singleColumn": "p_yf",
  "Header": "p_rd",
  "Header-hasPagination": "p_mp",
  "Header-hasBreadcrumbs": "p_g2",
  "Header-hasSecondaryActions": "p_at",
  "Header-hasSeparator": "p_qs",
  "Content": "p_hb",
  "Header-hasRollup": "p_u7",
  "IndividualActions": "p_lf",
  "Rollup": "p_r0",
  "Navigation": "p_qz",
  "Pagination": "p_jm",
  "MainContent": "p_ua",
  "TitleAndActions": "p_tl",
  "Title": "p_wf",
  "Title-hidden": "p_c6",
  "Actions": "p_iu",
  "SecondaryActions": "p_kz",
  "Action": "p_w2",
  "ActionGroup": "p_no",
  "PrimaryAction": "p_ds",
  "ActionIcon": "p_bl",
  "disabled": "p_ju",
  "ActionContent": "p_q7",
  "Details": "p_uu",
  "withActions": "p_kj",
  "Action-outline": "p_aw",
};

function Action$1({ icon, url, external, onAction, children, disclosure, accessibilityLabel, disabled, showIndicator, hasIndicator }) {
  const iconMarkup = icon ? createElement(
    'span',
    { className: styles$73.ActionIcon },
    createElement(Icon$2, { source: icon })
  ) : null;
  const disclosureIconMarkup = disclosure ? createElement(
    'span',
    { className: styles$73.ActionIcon },
    createElement(Icon$2, { source: 'caretDown' })
  ) : null;
  const contentMarkup = iconMarkup || disclosureIconMarkup ? createElement(
    'span',
    { className: styles$73.ActionContent },
    iconMarkup,
    createElement(
      'span',
      null,
      children
    ),
    disclosureIconMarkup
  ) : children;
  if (url) {
    return createElement(
      UnstyledLink$2,
      { key: children, external: external, url: url, onMouseUp: handleMouseUpByBlurring, className: styles$73.Action, 'aria-label': accessibilityLabel },
      contentMarkup
    );
  }
  const indicatorMarkup = false && showIndicator && !hasIndicator && createElement(Indicator$1, null);
  const className = classNames(styles$73.Action, disabled && styles$73.disabled, icon && children == null && styles$73.iconOnly, false && showIndicator && styles$73['Action-outline']);
  return createElement(
    'button',
    { key: children, className: className, onClick: onAction, onMouseUp: handleMouseUpByBlurring, 'aria-label': accessibilityLabel, type: 'button', disabled: disabled },
    indicatorMarkup,
    contentMarkup
  );
}

var EditableTarget;
(function (EditableTarget) {
    EditableTarget["Input"] = "INPUT";
    EditableTarget["Textarea"] = "TEXTAREA";
    EditableTarget["Select"] = "SELECT";
    EditableTarget["ContentEditable"] = "contenteditable";
})(EditableTarget || (EditableTarget = {}));
function isInputFocused() {
    if (document == null) {
        return false;
    }
    const { tagName } = document.activeElement;
    return tagName === EditableTarget.Input || tagName === EditableTarget.Textarea || tagName === EditableTarget.Select || document.activeElement.hasAttribute(EditableTarget.ContentEditable);
}

var styles$74 = {
  "Tooltip": "p_gz",
  "measuring": "p_j3",
  "positionedAbove": "p_v4",
  "Tip": "p_p4",
  "light": "p_se",
  "Wrapper": "p_yt",
  "Content": "p_zj",
  "Label": "p_dc",
};

class TooltipOverlay$1 extends PureComponent {
    render() {
        const markup = this.props.active ? this.renderOverlay() : null;
        return markup;
    }
    renderOverlay() {
        const { active, activator, preferredPosition = 'below' } = this.props;
        return createElement(PositionedOverlay$1, { active: active, activator: activator, preferredPosition: preferredPosition, render: this.renderTooltip });
    }
    renderTooltip(overlayDetails) {
        const { measuring, desiredHeight, positioning } = overlayDetails;
        const { id, children, light } = this.props;
        const containerClassName = classNames$1(styles$74.Tooltip, light && styles$74.light, measuring && styles$74.measuring, positioning === 'above' && styles$74.positionedAbove);
        const contentStyles = measuring ? undefined : { maxHeight: desiredHeight };
        return createElement(
            'div',
            Object.assign({ className: containerClassName }, layer.props),
            createElement(
                'div',
                { className: styles$74.Wrapper },
                createElement(
                    'div',
                    { id: id, role: 'tooltip', className: styles$74.Content, style: contentStyles },
                    children
                )
            )
        );
    }
}
__decorate([autobind], TooltipOverlay$1.prototype, "renderOverlay", null);
__decorate([autobind], TooltipOverlay$1.prototype, "renderTooltip", null);

const getUniqueID$11 = createUniqueIDFactory('TooltipContent');
class Tooltip$1 extends PureComponent {
    constructor() {
        super(...arguments);
        this.state = {
            active: Boolean(this.props.active),
            activatorNode: null
        };
        this.id = getUniqueID$11();
    }
    componentDidMount() {
        this.setAccessibilityAttributes();
    }
    componentDidUpdate() {
        this.setAccessibilityAttributes();
    }
    render() {
        const { id } = this;
        const { children, content, light, preferredPosition = 'above', activatorWrapper: WrapperComponent = 'span' } = this.props;
        const { active, activatorNode } = this.state;
        const portal = activatorNode ? createElement(
            Portal$1,
            { idPrefix: 'tooltip' },
            createElement(
                TooltipOverlay$1,
                { id: id, preferredPosition: preferredPosition, activator: activatorNode, active: active, onClose: noop, light: light },
                createElement(
                    'div',
                    { className: styles$74.Label },
                    content
                )
            )
        ) : null;
        return createElement(
            WrapperComponent,
            { onFocus: this.handleFocus, onBlur: this.handleBlur, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, ref: this.setActivator },
            children,
            portal
        );
    }
    setActivator(node) {
        if (node == null) {
            this.activatorContainer = null;
            this.setState({ activatorNode: null });
            return;
        }
        this.setState({ activatorNode: node.firstElementChild });
        this.activatorContainer = node;
    }
    handleFocus() {
        this.setState({ active: true });
    }
    handleBlur() {
        this.setState({ active: false });
    }
    handleMouseEnter() {
        this.setState({ active: true });
    }
    handleMouseLeave() {
        this.setState({ active: false });
    }
    setAccessibilityAttributes() {
        const { activatorContainer, id } = this;
        if (activatorContainer == null) {
            return;
        }
        const firstFocusable = findFirstFocusableNode(activatorContainer);
        const accessibilityNode = firstFocusable || activatorContainer;
        accessibilityNode.tabIndex = 0;
        accessibilityNode.setAttribute('aria-describedby', id);
    }
}
__decorate([autobind], Tooltip$1.prototype, "setActivator", null);
__decorate([autobind], Tooltip$1.prototype, "handleFocus", null);
__decorate([autobind], Tooltip$1.prototype, "handleBlur", null);
__decorate([autobind], Tooltip$1.prototype, "handleMouseEnter", null);
__decorate([autobind], Tooltip$1.prototype, "handleMouseLeave", null);

var styles$75 = {
  "Pagination": "p_kq",
  "plain": "p_c3",
  "Button": "p_hs",
};

function Pagination$1({ hasNext, hasPrevious, nextURL, previousURL, onNext, onPrevious, nextTooltip, previousTooltip, nextKeys, previousKeys, plain, accessibilityLabel, polaris: { intl } }) {
    const node = createRef();
    let label;
    if (accessibilityLabel) {
        label = accessibilityLabel;
    } else {
        label = intl.translate('Polaris.Pagination.pagination');
    }
    const className = classNames(styles$75.Pagination, plain && styles$75.plain);
    const previousButton = previousURL ? createElement(
        UnstyledLink$2,
        { className: styles$75.Button, url: previousURL, onMouseUp: handleMouseUpByBlurring, 'aria-label': intl.translate('Polaris.Pagination.previous'), id: 'previousURL' },
        createElement(Icon$2, { source: 'arrowLeft' })
    ) : createElement(
        'button',
        { onClick: onPrevious, type: 'button', onMouseUp: handleMouseUpByBlurring, className: styles$75.Button, 'aria-label': intl.translate('Polaris.Pagination.previous'), disabled: !hasPrevious },
        createElement(Icon$2, { source: 'arrowLeft' })
    );
    const nextButton = nextURL ? createElement(
        UnstyledLink$2,
        { className: styles$75.Button, url: nextURL, onMouseUp: handleMouseUpByBlurring, 'aria-label': intl.translate('Polaris.Pagination.next'), id: 'nextURL' },
        createElement(Icon$2, { source: 'arrowRight' })
    ) : createElement(
        'button',
        { onClick: onNext, type: 'button', onMouseUp: handleMouseUpByBlurring, className: styles$75.Button, 'aria-label': intl.translate('Polaris.Pagination.next'), disabled: !hasNext },
        createElement(Icon$2, { source: 'arrowRight' })
    );
    const constructedPrevious = previousTooltip ? createElement(
        Tooltip$1,
        { content: previousTooltip },
        previousButton
    ) : previousButton;
    const constructedNext = nextTooltip ? createElement(
        Tooltip$1,
        { content: nextTooltip },
        nextButton
    ) : nextButton;
    const previousButtonEvents = previousKeys && (previousURL || onPrevious) && previousKeys.map(key => createElement(KeypressListener$1, { key: key, keyCode: key, handler: previousURL ? handleCallback(clickPaginationLink('previousURL', node)) : handleCallback(onPrevious) }));
    const nextButtonEvents = nextKeys && (nextURL || onNext) && nextKeys.map(key => createElement(KeypressListener$1, { key: key, keyCode: key, handler: nextURL ? handleCallback(clickPaginationLink('nextURL', node)) : handleCallback(onNext) }));
    return createElement(
        'nav',
        { className: className, 'aria-label': label, ref: node },
        previousButtonEvents,
        constructedPrevious,
        nextButtonEvents,
        constructedNext
    );
}
function clickPaginationLink(id, node) {
    return () => {
        if (node.current == null) {
            return;
        }
        const link = node.current.querySelector(`#${id}`);
        if (link) {
            link.click();
        }
    };
}
function handleCallback(fn) {
    return () => {
        if (isInputFocused()) {
            return;
        }
        fn();
    };
}
var Pagination$2 = withAppProvider()(Pagination$1);

class Header$5 extends PureComponent {
    constructor() {
        super(...arguments);
        this.state = {
            rollupOpen: false
        };
    }
    render() {
        const { title, titleMetadata, breadcrumbs = [], titleHidden = false, primaryAction, pagination, separator, secondaryActions } = this.props;
        const className = classNames$1(styles$73.Header, titleHidden && styles$73['Title-hidden'], pagination && styles$73['Header-hasPagination'], separator && styles$73['Header-hasSeparator'], breadcrumbs && breadcrumbs.length && styles$73['Header-hasBreadcrumbs'], this.hasRollup && styles$73['Header-hasRollup'], secondaryActions && secondaryActions.length && styles$73['Header-hasSecondaryActions']);
        const breadcrumbMarkup = breadcrumbs.length > 0 ? createElement(Breadcrumbs$1, { breadcrumbs: breadcrumbs }) : null;
        const primary = primaryAction && (primaryAction.primary === undefined ? true : primaryAction.primary);
        const primaryActionMarkup = primaryAction ? createElement(
            'div',
            { className: styles$73.PrimaryAction },
            buttonsFrom(primaryAction, { primary })
        ) : null;
        const paginationMarkup = pagination ? createElement(
            'div',
            { className: styles$73.Pagination },
            createElement(Pagination$2, Object.assign({}, pagination, { plain: true }))
        ) : null;
        const nonPrimaryActionsMarkup = this.renderSecondaryActions();
        const actionsMarkup = createElement(
            'div',
            { className: styles$73.Actions },
            primaryActionMarkup,
            nonPrimaryActionsMarkup
        );
        const navigationMarkup = breadcrumbMarkup || paginationMarkup ? createElement(
            'div',
            { className: styles$73.Navigation },
            breadcrumbMarkup,
            paginationMarkup
        ) : null;
        const titleMarkup = createElement(
            'div',
            { className: styles$73.Title },
            createElement(
                'div',
                null,
                createElement(
                    DisplayText$1,
                    { size: 'large', element: 'h1' },
                    title
                )
            ),
            createElement(
                'div',
                null,
                titleMetadata
            )
        );
        return primaryActionMarkup ? createElement(
            'div',
            { className: className },
            navigationMarkup,
            createElement(
                'div',
                { className: styles$73.MainContent },
                createElement(
                    'div',
                    { className: styles$73.TitleAndActions },
                    titleMarkup,
                    actionsMarkup
                ),
                primaryActionMarkup
            )
        ) : createElement(
            'div',
            { className: className },
            navigationMarkup,
            titleMarkup,
            actionsMarkup
        );
    }
    get hasRollup() {
        const { secondaryActions = [], actionGroups = [] } = this.props;
        return secondaryActions.length + actionGroups.length > 1;
    }
    renderSecondaryActions() {
        const { openActionGroup, rollupOpen } = this.state;
        const { secondaryActions = [], actionGroups = [] } = this.props;
        if (secondaryActions.length === 0 && actionGroups.length === 0) {
            return null;
        }
        const secondaryActionMarkup = secondaryActions.length > 0 ? secondaryActionsFrom(secondaryActions) : null;
        const actionGroupsMarkup = actionGroups.length > 0 ? actionGroups.map(({ title, icon, actions, details }) => {
            const detailsClassName = classNames$1(styles$73.Details, actions && Array.isArray(actions) && actions.length > 0 && styles$73.withActions);
            const detailsMarkup = details ? createElement(
                'div',
                { className: detailsClassName },
                details
            ) : null;
            const showIndicator = hasNewStatus(actions);
            const active = title === openActionGroup;
            return createElement(
                'div',
                { className: styles$73.ActionGroup, key: `ActionGroup-${title}` },
                createElement(
                    Popover$1,
                    { key: title, active: active
                        // eslint-disable-next-line react/jsx-no-bind
                        , onClose: this.handleActionGroupClose.bind(this, title), activator: createElement(
                            Action$1,
                            { showIndicator: showIndicator, hasIndicator: active, disclosure: true, icon: icon
                                // eslint-disable-next-line react/jsx-no-bind
                                , onAction: this.handleActionGroupOpen.bind(this, title) },
                            title
                        ) },
                    createElement(ActionList$1, { items: actions
                        // eslint-disable-next-line react/jsx-no-bind
                        , onActionAnyItem: this.handleActionGroupClose.bind(this, title) }),
                    detailsMarkup
                )
            );
        }) : null;
        const showIndicator = false && actionGroups.filter(group => hasNewStatus(group.actions)).length > 0;
        const rollupMarkup = this.hasRollup ? createElement(
            'div',
            { className: styles$73.Rollup },
            createElement(
                Popover$1,
                { active: rollupOpen, onClose: this.handleRollupToggle, activator: createElement(
                        Button$2,
                        { outline: false && showIndicator, disclosure: true, onClick: this.handleRollupToggle },
                        'Actions'
                    ) },
                createElement(ActionList$1, { items: secondaryActions, sections: actionGroups.map(convertActionGroupToActionListSection), onActionAnyItem: this.handleRollupToggle })
            )
        ) : null;
        return createElement(
            'div',
            { className: styles$73.SecondaryActions },
            rollupMarkup,
            createElement(
                'div',
                { className: styles$73.IndividualActions },
                secondaryActionMarkup,
                actionGroupsMarkup
            )
        );
    }
    handleRollupToggle() {
        this.setState(({ rollupOpen }) => ({ rollupOpen: !rollupOpen }));
    }
    handleActionGroupClose(group) {
        this.setState(({ openActionGroup }) => openActionGroup === group ? { openActionGroup: undefined } : {});
    }
    handleActionGroupOpen(group) {
        this.setState({ openActionGroup: group });
    }
}
__decorate([autobind], Header$5.prototype, "handleRollupToggle", null);
function hasNewStatus(actions) {
    for (let i = 0; i < actions.length; i++) {
        const { badge } = actions[i];
        if (badge && badge.status === 'new') {
            return true;
        }
    }
    return false;
}
function convertActionGroupToActionListSection({ title, actions }) {
    return { title, items: actions };
}
function secondaryActionsFrom(actions) {
    return actions.map((_a, index) => {
        var { content } = _a,
            action = __rest(_a, ["content"]);
        return createElement(
            Action$1,
            Object.assign({}, action, { key: `Action-${content || index}` }),
            content
        );
    });
}

const EASDK_PROPS = ['title', 'icon', 'breadcrumbs', 'secondaryActions', 'actionGroups', 'primaryAction', 'pagination'];
class Page$1 extends PureComponent {
    componentDidMount() {
        if (this.props.polaris.easdk == null) {
            return;
        }
        this.handleEASDKMessaging();
    }
    componentDidUpdate(prevProps) {
        if (this.props.polaris.easdk == null) {
            return;
        }
        const prevEASDKProps = pick(prevProps, EASDK_PROPS);
        const currentEASDKProps = pick(this.props, EASDK_PROPS);
        if (!isEqual(prevEASDKProps, currentEASDKProps)) {
            this.handleEASDKMessaging();
        }
    }
    render() {
        const _a = this.props,
              { children, fullWidth, singleColumn } = _a,
              rest = __rest(_a, ["children", "fullWidth", "singleColumn"]);
        const className = classNames$1(styles$73.Page, fullWidth && styles$73.fullWidth, singleColumn && styles$73.singleColumn);
        const headerMarkup = this.props.polaris.easdk || !this.hasHeaderContent() ? null : createElement(Header$5, rest);
        return createElement(
            'div',
            { className: className },
            headerMarkup,
            createElement(
                'div',
                { className: styles$73.Content },
                children
            )
        );
    }
    handleEASDKMessaging() {
        const { easdk } = this.props.polaris;
        if (easdk) {
            easdk.Bar.update(this.props);
        }
    }
    hasHeaderContent() {
        const { title, primaryAction, secondaryActions, breadcrumbs } = this.props;
        return title && title !== '' || primaryAction || secondaryActions && secondaryActions.length > 0 || breadcrumbs && breadcrumbs.length > 0;
    }
}
var Page$2 = withAppProvider()(Page$1);

var styles$76 = {
  "PageActions": "p_t4",
  "temporary": "p_rn",
  "translateUp": "p_vt",
};

function PageActions$1({ primaryAction, secondaryActions, temporary }) {
  const className = classNames$1(styles$76.PageActions, temporary && styles$76.temporary);
  const primaryActionMarkup = primaryAction ? buttonsFrom(primaryAction, { primary: true }) : null;
  const secondaryActionsMarkup = secondaryActions ? createElement(
    ButtonGroup$1,
    null,
    buttonsFrom(secondaryActions)
  ) : null;
  const distribution = secondaryActionsMarkup ? 'equalSpacing' : 'trailing';
  const unsavedChangesMarkup = temporary ? createElement(
    TextStyle$1,
    { variation: 'subdued' },
    'You have unsaved changes.'
  ) : null;
  return createElement(
    'div',
    { className: className },
    createElement(
      Stack$1,
      { distribution: distribution, spacing: 'tight', alignment: 'center' },
      secondaryActionsMarkup,
      unsavedChangesMarkup,
      primaryActionMarkup
    )
  );
}

var styles$77 = {
  "RangeSlider": "p_zg",
  "disabled": "p_cm",
  "InputWrapper": "p_m9",
  "Prefix": "p_hg",
  "Suffix": "p_bn",
  "Input": "p_jg",
  "error": "p_k1",
  "Output": "p_r9",
  "OutputBubble": "p_w8",
  "OutputText": "p_oe",
};

const getUniqueID$12 = createUniqueIDFactory('RangeSlider');
const cssVarPrefix = '--Polaris-RangeSlider-';
class RangeSlider$1 extends PureComponent {
    constructor(props) {
        super(props);
        this.state = {
            id: props.id || getUniqueID$12()
        };
    }
    static getDerivedStateFromProps(nextProps, prevState) {
        return nextProps.id != null && nextProps.id !== prevState.id ? {
            id: nextProps.id || prevState.id
        } : null;
    }
    render() {
        const { id } = this.state;
        const { min = 0, max = 100 } = this.props;
        const { label, labelAction, labelHidden, step, value, output, helpText, error, disabled, prefix, suffix, onFocus, onBlur } = this.props;
        const describedBy = [];
        if (error) {
            describedBy.push(`${id}Error`);
        }
        if (helpText) {
            describedBy.push(helpTextID$1(id));
        }
        const ariaDescribedBy = describedBy.length ? describedBy.join(' ') : undefined;
        const sliderProgress = (value - min) * 100 / (max - min);
        const cssVars = {
            [`${cssVarPrefix}min`]: min,
            [`${cssVarPrefix}max`]: max,
            [`${cssVarPrefix}current`]: value,
            [`${cssVarPrefix}progress`]: `${sliderProgress}%`,
            [`${cssVarPrefix}output-factor`]: invertNumber((sliderProgress - 50) / 100)
        };
        const outputMarkup = !disabled && output && createElement(
            'output',
            { htmlFor: id, className: styles$77.Output },
            createElement(
                'div',
                { className: styles$77.OutputBubble },
                createElement(
                    'span',
                    { className: styles$77.OutputText },
                    value
                )
            )
        );
        const prefixMarkup = prefix && createElement(
            'div',
            { className: styles$77.Prefix },
            prefix
        );
        const suffixMarkup = suffix && createElement(
            'div',
            { className: styles$77.Suffix },
            suffix
        );
        const className = classNames$1(styles$77.RangeSlider, error && styles$77.error, disabled && styles$77.disabled);
        return createElement(
            Labelled$1,
            { id: id, label: label, error: error, action: labelAction, labelHidden: labelHidden, helpText: helpText },
            createElement(
                'div',
                { className: className, style: cssVars },
                prefixMarkup,
                createElement(
                    'div',
                    { className: styles$77.InputWrapper },
                    createElement('input', { type: 'range', className: styles$77.Input, id: id, name: id, min: min, max: max, step: step, value: value, disabled: disabled, onChange: this.handleChange, onFocus: onFocus, onBlur: onBlur, 'aria-valuemin': min, 'aria-valuemax': max, 'aria-valuenow': value, 'aria-invalid': Boolean(error), 'aria-describedby': ariaDescribedBy }),
                    outputMarkup
                ),
                suffixMarkup
            )
        );
    }
    handleChange(event) {
        const { onChange } = this.props;
        if (onChange == null) {
            return;
        }
        onChange(parseFloat(event.currentTarget.value), this.state.id);
    }
}
__decorate([autobind], RangeSlider$1.prototype, "handleChange", null);
function invertNumber(number) {
    if (Math.sign(number) === 1) {
        return -Math.abs(number);
    } else if (Math.sign(number) === -1) {
        return Math.abs(number);
    } else {
        return 0;
    }
}
var RangeSlider$2 = withAppProvider()(RangeSlider$1);

// eslint-disable-next-line shopify/strict-component-boundaries
function SettingToggle$1({ enabled, action, children }) {
    const actionMarkup = action ? buttonFrom(action, { primary: !enabled }) : null;
    return createElement(
        Card$1,
        { sectioned: true },
        createElement(
            SettingAction$1,
            { action: actionMarkup },
            children
        )
    );
}

class Sticky$1 extends Component {
    constructor() {
        super(...arguments);
        this.state = {
            isSticky: false,
            style: {}
        };
        this.placeHolderNode = null;
        this.stickyNode = null;
    }
    componentDidMount() {
        const { stickyManager } = this.context.polaris;
        const { boundingElement, offset, disableWhenStacked } = this.props;
        stickyManager.registerStickyItem({
            stickyNode: this.stickyNode,
            placeHolderNode: this.placeHolderNode,
            handlePositioning: this.handlePositioning,
            offset,
            boundingElement,
            disableWhenStacked
        });
    }
    componentWillUnmount() {
        const { stickyManager } = this.context.polaris;
        stickyManager.unregisterStickyItem(this.stickyNode);
    }
    render() {
        const { style, isSticky } = this.state;
        const { children } = this.props;
        const childrenContent = typeof children === 'function' ? children(isSticky) : children;
        return createElement(
            'div',
            null,
            createElement('div', { ref: this.setPlaceHolderNode }),
            createElement(
                'div',
                { ref: this.setStickyNode, style: style },
                childrenContent
            )
        );
    }
    setPlaceHolderNode(node) {
        this.placeHolderNode = node;
    }
    setStickyNode(node) {
        this.stickyNode = node;
    }
    handlePositioning(stick, top = 0, left = 0, width = 0) {
        const { isSticky } = this.state;
        if (stick && !isSticky || !stick && isSticky) {
            this.adjustPlaceHolderNode(stick);
            this.setState({ isSticky: !isSticky });
        }
        const style = stick ? {
            position: 'fixed',
            top,
            left,
            width
        } : {};
        this.setState({ style });
    }
    adjustPlaceHolderNode(add) {
        if (this.placeHolderNode && this.stickyNode) {
            this.placeHolderNode.style.paddingBottom = add ? `${getRectForNode(this.stickyNode).height}px` : '0px';
        }
    }
}
Sticky$1.contextTypes = polarisAppProviderContextTypes;
__decorate([autobind], Sticky$1.prototype, "setPlaceHolderNode", null);
__decorate([autobind], Sticky$1.prototype, "setStickyNode", null);
__decorate([autobind], Sticky$1.prototype, "handlePositioning", null);
__decorate([autobind], Sticky$1.prototype, "adjustPlaceHolderNode", null);

var styles$78 = {
  "Tabs": "p_j7",
  "fitted": "p_l7",
  "TabContainer": "p_l5",
  "Tab": "p_s5",
  "Title": "p_wz",
  "fillSpace": "p_bh",
  "Tab-selected": "p_ze",
  "Panel": "p_kw",
  "List": "p_x2",
  "Item": "p_wv",
  "DisclosureTab": "p_oq",
  "DisclosureTab-visible": "p_zr",
  "DisclosureActivator": "p_po",
  "TabMeasurer": "p_x9",
};

class Item$16 extends PureComponent {
    constructor() {
        super(...arguments);
        this.focusedNode = null;
    }
    componentDidMount() {
        const { focusedNode } = this;
        const { focused } = this.props;
        if (focusedNode && focusedNode instanceof HTMLElement && focused) {
            focusedNode.focus();
        }
    }
    componentDidUpdate() {
        const { focusedNode } = this;
        const { focused } = this.props;
        if (focusedNode && focusedNode instanceof HTMLElement && focused) {
            focusedNode.focus();
        }
    }
    render() {
        const { id, panelID, children, url, accessibilityLabel, onClick = noop } = this.props;
        const sharedProps = {
            id,
            ref: this.setFocusedNode,
            onClick,
            className: styles$78.Item,
            'aria-controls': panelID,
            'aria-selected': false,
            'aria-label': accessibilityLabel
        };
        const markup = url ? createElement(UnstyledLink$2, Object.assign({ url }, sharedProps), children) : createElement(
            'button',
            Object.assign({}, sharedProps, { type: 'button' }),
            children
        );
        return createElement(
            'li',
            { role: 'presentation' },
            markup
        );
    }
    setFocusedNode(node) {
        this.focusedNode = node;
    }
}
__decorate([autobind], Item$16.prototype, "setFocusedNode", null);

class List$2 extends PureComponent {
    render() {
        const { focusIndex, disclosureTabs, onClick = noop } = this.props;
        const tabs = disclosureTabs.map((_a, index) => {
            var { id, content } = _a,
                tabProps = __rest(_a, ["id", "content"]);
            return createElement(
                Item$16,
                Object.assign({}, tabProps, { key: id, id: id, focused: index === focusIndex
                    // eslint-disable-next-line react/jsx-no-bind
                    , onClick: onClick.bind(null, id) }),
                content
            );
        });
        return createElement(
            'ul',
            { className: styles$78.List, onKeyDown: handleKeyDown$2, onKeyUp: this.handleKeypress },
            tabs
        );
    }
    handleKeypress(event) {
        const { onKeyPress = noop } = this.props;
        onKeyPress(event);
    }
}
__decorate([autobind], List$2.prototype, "handleKeypress", null);
function handleKeyDown$2(event) {
    const { key } = event;
    if (key === 'ArrowUp' || key === 'ArrowDown' || key === 'ArrowLeft' || key === 'ArrowRight') {
        event.preventDefault();
        event.stopPropagation();
    }
}

function Panel$1({ id, tabID, children }) {
  return createElement(
    'div',
    { className: styles$78.Panel, id: id, role: 'tabpanel', 'aria-labelledby': tabID, tabIndex: -1 },
    children
  );
}

class Tab$1 extends PureComponent {
    constructor() {
        super(...arguments);
        this.node = null;
    }
    // A tab can start selected when it is moved from the disclosure dropdown
    // into the main list, so we need to send focus from the tab to the panel
    // on mount and update
    componentDidMount() {
        const { id, measuring, selected, panelID, focused } = this.props;
        if (measuring) {
            return;
        }
        // Because of timing issues with the render, we may still have the old,
        // in-disclosure version of the tab that has focus. Check for this
        // as a second indicator of focus
        const itemHadFocus = focused || document.activeElement && document.activeElement.id === id;
        // If we just check for selected, the panel for the active tab will
        // be focused on page load, which we don’t want
        if (itemHadFocus && selected && panelID != null) {
            focusPanelID(panelID);
        }
    }
    componentDidUpdate(previousProps) {
        const { selected: wasSelected } = previousProps;
        const { focused, measuring, selected, panelID } = this.props;
        if (measuring) {
            return;
        }
        if (selected && !wasSelected && panelID != null) {
            focusPanelID(panelID);
        } else if (focused && this.node != null) {
            focusFirstFocusableNode(this.node);
        }
    }
    render() {
        const { id, focused, siblingTabHasFocus, children, onClick, selected, url, panelID, measuring, accessibilityLabel } = this.props;
        const handleClick = onClick && onClick.bind(null, id);
        const className = classNames$1(styles$78.Tab, selected && styles$78['Tab-selected']);
        let tabIndex;
        if (selected && !siblingTabHasFocus && !measuring) {
            tabIndex = 0;
        } else if (focused && !measuring) {
            tabIndex = 0;
        } else {
            tabIndex = -1;
        }
        const markup = url ? createElement(
            UnstyledLink$2,
            { id: id, url: url, role: 'tab', tabIndex: tabIndex, onClick: handleClick, className: className, 'aria-selected': selected, 'aria-controls': panelID, 'aria-label': accessibilityLabel, onMouseUp: handleMouseUpByBlurring },
            createElement(
                'span',
                { className: styles$78.Title },
                children
            )
        ) : createElement(
            'button',
            { id: id, role: 'tab', type: 'button', tabIndex: tabIndex, className: className, onClick: handleClick, 'aria-selected': selected, 'aria-controls': panelID, 'aria-label': accessibilityLabel, onMouseUp: handleMouseUpByBlurring },
            createElement(
                'span',
                { className: styles$78.Title },
                children
            )
        );
        return createElement(
            'li',
            { role: 'presentation', className: styles$78.TabContainer, ref: this.setNode },
            markup
        );
    }
    setNode(node) {
        this.node = node;
    }
}
__decorate([autobind], Tab$1.prototype, "setNode", null);
function focusPanelID(panelID) {
    const panel = document.getElementById(panelID);
    if (panel) {
        panel.focus();
    }
}
var Tab$2 = withAppProvider()(Tab$1);

class TabMeasurer$1 extends PureComponent {
    constructor() {
        super(...arguments);
        this.containerNode = null;
    }
    componentDidMount() {
        this.handleMeasurement();
        if (process.env.NODE_ENV === 'development') {
            // We need to defer the calculation in development so the
            // styles have time to be injected.
            setTimeout(this.handleMeasurement, 0);
        }
    }
    componentDidUpdate(prevProps) {
        if (prevProps.tabs !== this.props.tabs) {
            this.handleMeasurement();
        }
    }
    render() {
        const { selected, tabs, activator, tabToFocus, siblingTabHasFocus } = this.props;
        const tabsMarkup = tabs.map((tab, index) => {
            return createElement(
                Tab$2,
                { measuring: true, key: `${index}${tab.id}Hidden`, id: `${tab.id}Measurer`, siblingTabHasFocus: siblingTabHasFocus, focused: index === tabToFocus, selected: index === selected, onClick: noop, url: tab.url },
                tab.content
            );
        });
        const classname = classNames$1(styles$78.Tabs, styles$78.TabMeasurer);
        return createElement(
            'div',
            { className: classname, ref: this.setContainerNode },
            createElement(EventListener$1, { event: 'resize', handler: this.handleMeasurement }),
            tabsMarkup,
            activator
        );
    }
    setContainerNode(node) {
        this.containerNode = node;
    }
    handleMeasurement() {
        if (this.containerNode == null) {
            return;
        }
        const domNode = findDOMNode(this);
        if (domNode == null) {
            return;
        }
        // const hiddenTabNodes = domNode.children
        const { handleMeasurement } = this.props;
        const containerWidth = this.containerNode.offsetWidth;
        const tabMeasurerNode = findDOMNode(this);
        const hiddenTabNodes = tabMeasurerNode instanceof Element && tabMeasurerNode.children;
        const hiddenTabNodesArray = [].slice.call(hiddenTabNodes);
        const hiddenTabWidths = hiddenTabNodesArray.map(node => {
            return node.getBoundingClientRect().width;
        });
        const disclosureWidth = hiddenTabWidths.pop();
        handleMeasurement({
            containerWidth,
            disclosureWidth,
            hiddenTabWidths
        });
    }
}
__decorate([autobind], TabMeasurer$1.prototype, "setContainerNode", null);
__decorate([autobind], TabMeasurer$1.prototype, "handleMeasurement", null);

class Tabs$1 extends PureComponent {
    constructor() {
        super(...arguments);
        this.state = {
            disclosureWidth: 0,
            containerWidth: Infinity,
            tabWidths: [],
            visibleTabs: [],
            hiddenTabs: [],
            showDisclosure: false,
            tabToFocus: -1
        };
    }
    // eslint-disable-next-line react/no-deprecated
    componentWillReceiveProps(nextProps) {
        const { selected } = this.props;
        const { disclosureWidth, tabWidths, containerWidth, tabToFocus } = this.state;
        const { visibleTabs, hiddenTabs } = getVisibleAndHiddenTabIndices(nextProps.tabs, nextProps.selected, disclosureWidth, tabWidths, containerWidth);
        this.setState({
            visibleTabs,
            hiddenTabs,
            tabToFocus: selected === nextProps.selected ? -1 : tabToFocus,
            showDisclosure: false
        });
    }
    render() {
        const { tabs, selected, fitted, children } = this.props;
        const { tabToFocus, visibleTabs, hiddenTabs, showDisclosure } = this.state;
        const disclosureTabs = hiddenTabs.map(tabIndex => tabs[tabIndex]);
        const panelMarkup = children ? createElement(
            Panel$1,
            { id: tabs[selected].panelID || `${tabs[selected].id}-panel`, tabID: tabs[selected].id },
            children
        ) : null;
        const tabsMarkup = visibleTabs.sort((tabA, tabB) => tabA - tabB).map(tabIndex => this.renderTabMarkup(tabs[tabIndex], tabIndex));
        const disclosureActivatorVisible = visibleTabs.length < tabs.length;
        const classname = classNames$1(styles$78.Tabs, fitted && styles$78.fitted, disclosureActivatorVisible && styles$78.fillSpace);
        const disclosureTabClassName = classNames$1(styles$78.DisclosureTab, disclosureActivatorVisible && styles$78['DisclosureTab-visible']);
        const activator = createElement(
            'button',
            { tabIndex: -1, className: styles$78.DisclosureActivator, onClick: this.handleDisclosureActivatorClick },
            createElement(Icon$2, { source: 'horizontalDots' })
        );
        return createElement(
            'div',
            null,
            createElement(
                'ul',
                { role: 'tablist', className: classname, onFocus: this.handleFocus, onBlur: this.handleBlur, onKeyDown: handleKeyDown$1, onKeyUp: this.handleKeyPress },
                tabsMarkup,
                createElement(
                    'li',
                    { role: 'presentation', className: disclosureTabClassName },
                    createElement(
                        Popover$1,
                        { preferredPosition: 'below', activator: activator, active: disclosureActivatorVisible && showDisclosure, onClose: this.handleClose },
                        createElement(List$2, { focusIndex: hiddenTabs.indexOf(tabToFocus), disclosureTabs: disclosureTabs, onClick: this.handleTabClick, onKeyPress: this.handleKeyPress })
                    )
                )
            ),
            createElement(TabMeasurer$1, { tabToFocus: tabToFocus, activator: activator, selected: selected, tabs: tabs, siblingTabHasFocus: tabToFocus > -1, handleMeasurement: this.handleMeasurement }),
            panelMarkup
        );
    }
    handleKeyPress(event) {
        const { tabToFocus, visibleTabs, hiddenTabs } = this.state;
        const tabsArrayInOrder = visibleTabs.concat(hiddenTabs);
        const key = event.key;
        let newFocus = tabsArrayInOrder.indexOf(tabToFocus);
        if (key === 'ArrowRight' || key === 'ArrowDown') {
            newFocus += 1;
            if (newFocus === tabsArrayInOrder.length) {
                newFocus = 0;
            }
        }
        if (key === 'ArrowLeft' || key === 'ArrowUp') {
            newFocus -= 1;
            if (newFocus === -1) {
                newFocus = tabsArrayInOrder.length - 1;
            }
        }
        this.setState({
            showDisclosure: hiddenTabs.indexOf(tabsArrayInOrder[newFocus]) > -1,
            tabToFocus: tabsArrayInOrder[newFocus]
        });
    }
    renderTabMarkup(tab, index) {
        const { selected } = this.props;
        const { tabToFocus } = this.state;
        return createElement(
            Tab$2,
            { key: `${index}-${tab.id}`, id: tab.id, siblingTabHasFocus: tabToFocus > -1, focused: index === tabToFocus, selected: index === selected, onClick: this.handleTabClick, panelID: tab.panelID || `${tab.id}-panel`, accessibilityLabel: tab.accessibilityLabel, url: tab.url },
            tab.content
        );
    }
    handleFocus(event) {
        const { selected, tabs } = this.props;
        // If we are explicitly focusing one of the non-selected tabs, use it
        // move the focus to it
        const target$$1 = event.target;
        if (target$$1.classList.contains(styles$78.Tab) || target$$1.classList.contains(styles$78.Item)) {
            let tabToFocus = -1;
            tabs.every((tab, index) => {
                if (tab.id === target$$1.id) {
                    tabToFocus = index;
                    return false;
                }
                return true;
            });
            this.setState({ tabToFocus });
            return;
        }
        if (target$$1.classList.contains(styles$78.DisclosureActivator)) {
            return;
        }
        // If we are coming in from somewhere other than another tab, focus the
        // selected tab, and the focus (click) is not on the disclosure activator,
        // focus the selected tab
        if (!event.relatedTarget) {
            this.setState({ tabToFocus: selected });
            return;
        }
        const relatedTarget = event.relatedTarget;
        if (!relatedTarget.classList.contains(styles$78.Tab) && !relatedTarget.classList.contains(styles$78.Item) && !relatedTarget.classList.contains(styles$78.DisclosureActivator)) {
            this.setState({ tabToFocus: selected });
        }
    }
    handleBlur(event) {
        // If we blur and the target is not another tab, forget the focus position
        if (event.relatedTarget == null) {
            this.setState({ tabToFocus: -1 });
            return;
        }
        const target$$1 = event.relatedTarget;
        // If we are going to anywhere other than another tab, lose the last focused tab
        if (!target$$1.classList.contains(styles$78.Tab) && !target$$1.classList.contains(styles$78.Item)) {
            this.setState({ tabToFocus: -1 });
        }
    }
    handleDisclosureActivatorClick() {
        this.setState(({ showDisclosure }) => ({ showDisclosure: !showDisclosure }));
    }
    handleClose() {
        this.setState({
            showDisclosure: false
        });
    }
    handleMeasurement(measurements) {
        const { tabs, selected } = this.props;
        const { tabToFocus } = this.state;
        const { hiddenTabWidths: tabWidths, containerWidth, disclosureWidth } = measurements;
        const { visibleTabs, hiddenTabs } = getVisibleAndHiddenTabIndices(tabs, selected, disclosureWidth, tabWidths, containerWidth);
        this.setState({
            tabToFocus: tabToFocus === -1 ? -1 : selected,
            visibleTabs,
            hiddenTabs,
            disclosureWidth,
            containerWidth,
            tabWidths
        });
    }
    handleTabClick(id) {
        const { tabs, onSelect = noop } = this.props;
        const tab = tabs.find(aTab => aTab.id === id);
        if (tab == null) {
            return;
        }
        const selectedIndex = tabs.indexOf(tab);
        onSelect(selectedIndex);
    }
}
Tabs$1.Panel = Panel$1;
__decorate([autobind], Tabs$1.prototype, "handleKeyPress", null);
__decorate([autobind], Tabs$1.prototype, "renderTabMarkup", null);
__decorate([autobind], Tabs$1.prototype, "handleFocus", null);
__decorate([autobind], Tabs$1.prototype, "handleBlur", null);
__decorate([autobind], Tabs$1.prototype, "handleDisclosureActivatorClick", null);
__decorate([autobind], Tabs$1.prototype, "handleClose", null);
__decorate([autobind], Tabs$1.prototype, "handleMeasurement", null);
__decorate([autobind], Tabs$1.prototype, "handleTabClick", null);
function handleKeyDown$1(event) {
    const { key } = event;
    if (key === 'ArrowUp' || key === 'ArrowDown' || key === 'ArrowLeft' || key === 'ArrowRight') {
        event.preventDefault();
        event.stopPropagation();
    }
}
function getVisibleAndHiddenTabIndices(tabs, selected, disclosureWidth, tabWidths, containerWidth) {
    const sumTabWidths = tabWidths.reduce((sum, width) => sum + width, 0);
    const arrayOfTabIndices = tabs.map((_, index) => {
        return index;
    });
    const visibleTabs = [];
    const hiddenTabs = [];
    if (containerWidth > sumTabWidths) {
        visibleTabs.push(...arrayOfTabIndices);
    } else {
        visibleTabs.push(selected);
        let newTabWidth = tabWidths[selected];
        arrayOfTabIndices.forEach(index => {
            if (index !== selected) {
                if (newTabWidth + tabWidths[index] > containerWidth - disclosureWidth) {
                    hiddenTabs.push(index);
                    return;
                }
                visibleTabs.push(index);
                newTabWidth += tabWidths[index];
            }
        });
    }
    return {
        visibleTabs,
        hiddenTabs
    };
}

var styles$79 = {
  "Tag": "p_qk",
  "disabled": "p_ct",
  "TagText": "p_e9",
  "Button": "p_hw",
};

function Tag$1({ children, disabled = false, onRemove, polaris: { intl } }) {
  const className = classNames(disabled && styles$79.disabled, styles$79.Tag);
  const ariaLabel = intl.translate('Polaris.Tag.ariaLabel', { children });
  return createElement(
    'span',
    { className: className },
    createElement(
      'span',
      { title: children, className: styles$79.TagText },
      children
    ),
    createElement(
      'button',
      { type: 'button', 'aria-label': ariaLabel, className: styles$79.Button, onClick: onRemove, onMouseUp: handleMouseUpByBlurring, disabled: disabled },
      createElement(Icon$2, { source: 'cancelSmall' })
    )
  );
}
var Tag$2 = withAppProvider()(Tag$1);

var styles$80 = {
  "TextField": "p_t8",
  "multiline": "p_el",
  "Input": "p_oh",
  "minimal": "p_mf",
  "focus": "p_og",
  "Backdrop": "p_q0",
  "hasValue": "p_ml",
  "error": "p_tr",
  "readOnly": "p_ou",
  "disabled": "p_bg",
  "Prefix": "p_fe",
  "Input-suffixed": "p_tv",
  "Suffix": "p_p7",
  "Spinner": "p_vv",
  "SpinnerIcon": "p_uf",
  "Resizer": "p_yz",
  "DummyInput": "p_hm",
  "Segment": "p_kk",
};

class Resizer$1 extends PureComponent {
    constructor() {
        super(...arguments);
        this.contentNode = null;
        this.minimumLinesNode = null;
    }
    componentDidMount() {
        this.handleHeightCheck();
        if (process.env.NODE_ENV === 'development') {
            // We need to defer the calculation in development so the
            // styles have time to be injected.
            setTimeout(this.handleHeightCheck, 0);
        }
    }
    componentDidUpdate() {
        this.handleHeightCheck();
    }
    render() {
        const { contents, minimumLines } = this.props;
        const minimumLinesMarkup = minimumLines ? createElement('div', { ref: this.setMinimumLinesNode, className: styles$80.DummyInput, dangerouslySetInnerHTML: {
                __html: getContentsForMinimumLines(minimumLines)
            } }) : null;
        return createElement(
            'div',
            { 'aria-hidden': true, className: styles$80.Resizer },
            createElement(EventListener$1, { event: 'resize', handler: this.handleHeightCheck }),
            createElement('div', { ref: this.setContentNode, className: styles$80.DummyInput, dangerouslySetInnerHTML: { __html: getFinalContents(contents) } }),
            minimumLinesMarkup
        );
    }
    handleHeightCheck() {
        if (this.contentNode == null || this.minimumLinesNode == null) {
            return;
        }
        const contentHeight = this.contentNode.offsetHeight;
        const minimumHeight = this.setMinimumLinesNode ? this.minimumLinesNode.offsetHeight : 0;
        const newHeight = Math.max(contentHeight, minimumHeight);
        const { currentHeight, onHeightChange } = this.props;
        if (newHeight !== currentHeight) {
            onHeightChange(newHeight);
        }
    }
    setContentNode(node) {
        this.contentNode = node;
    }
    setMinimumLinesNode(node) {
        this.minimumLinesNode = node;
    }
}
__decorate([autobind], Resizer$1.prototype, "handleHeightCheck", null);
__decorate([autobind], Resizer$1.prototype, "setContentNode", null);
__decorate([autobind], Resizer$1.prototype, "setMinimumLinesNode", null);
const ENTITIES_TO_REPLACE = {
    '&': '&amp;',
    '<': '&lt;',
    '>': '&gt;',
    '\n': '<br>'
};
const REPLACE_REGEX$1 = /[\n&<>]/g;
function replaceEntity(entity) {
    return ENTITIES_TO_REPLACE[entity] || entity;
}
function getContentsForMinimumLines(minimumLines) {
    let content = '';
    for (let line = 0; line < minimumLines; line++) {
        content += '<br>';
    }
    return content;
}
function getFinalContents(contents) {
    return contents ? `${contents.replace(REPLACE_REGEX$1, replaceEntity)}<br>` : '<br>';
}

function Spinner$4({ onChange, onClick }) {
  function handleStep(step) {
    return () => onChange(step);
  }
  return createElement(
    'div',
    { className: styles$80.Spinner, onClick: onClick, 'aria-hidden': true },
    createElement(
      'div',
      { role: 'button', className: styles$80.Segment, tabIndex: -1, onClick: handleStep(1) },
      createElement(
        'div',
        { className: styles$80.SpinnerIcon },
        createElement(Icon$2, { source: 'caretUp' })
      )
    ),
    createElement(
      'div',
      { role: 'button', className: styles$80.Segment, tabIndex: -1, onClick: handleStep(-1) },
      createElement(
        'div',
        { className: styles$80.SpinnerIcon },
        createElement(Icon$2, { source: 'caretDown' })
      )
    )
  );
}

const getUniqueID$13 = createUniqueIDFactory('TextField');
class TextField$1 extends PureComponent {
    constructor(props) {
        super(props);
        this.state = {
            height: null,
            focus: false,
            id: props.id || getUniqueID$13()
        };
    }
    componentDidUpdate({ focused }) {
        if (this.input && focused !== this.props.focused && this.props.focused === true) {
            this.input.focus();
        }
    }
    // eslint-disable-next-line react/no-deprecated
    componentWillReceiveProps(newProps) {
        this.setState(prevState => ({
            id: newProps.id || prevState.id
        }));
    }
    render() {
        const { id = this.state.id, value = '', placeholder, minimal, disabled, readOnly, role, autoFocus, type, name, error, multiline, connectedRight, connectedLeft, label, labelAction, labelHidden, helpText, prefix, suffix, onFocus, onBlur, autoComplete, min, max, minLength, maxLength, spellCheck, optional, pattern, ariaOwns, ariaActiveDescendant, ariaAutocomplete, ariaControls } = this.props;
        const { height } = this.state;
        const className = classNames$1(styles$80.TextField, Boolean(value) && styles$80.hasValue, minimal && styles$80.minimal, disabled && styles$80.disabled, readOnly && styles$80.readOnly, error && styles$80.error, multiline && styles$80.multiline, this.state.focus && styles$80.focus);
        const inputType = type === 'currency' ? 'text' : type;
        const prefixMarkup = prefix ? createElement(
            'div',
            { className: styles$80.Prefix, id: `${id}Prefix` },
            prefix
        ) : null;
        const suffixMarkup = suffix ? createElement(
            'div',
            { className: styles$80.Suffix, id: `${id}Suffix` },
            suffix
        ) : null;
        const spinnerMarkup = type === 'number' && !disabled ? createElement(Spinner$4, { onChange: this.handleNumberChange }) : null;
        const style = multiline && height ? { height } : null;
        const resizer = multiline ? createElement(Resizer$1, { contents: value || placeholder, currentHeight: height, minimumLines: typeof multiline === 'number' ? multiline : 1, onHeightChange: this.handleExpandingResize }) : null;
        const describedBy = [];
        if (error) {
            describedBy.push(`${id}Error`);
        }
        if (helpText) {
            describedBy.push(helpTextID$1(id));
        }
        const labelledBy = [labelID(id)];
        if (prefix) {
            labelledBy.push(`${id}Prefix`);
        }
        if (suffix) {
            labelledBy.push(`${id}Suffix`);
        }
        const inputClassName = classNames$1(styles$80.Input, suffix && styles$80['Input-suffixed']);
        const input = createElement(multiline ? 'textarea' : 'input', {
            name,
            id,
            disabled,
            readOnly,
            role,
            autoFocus,
            value,
            placeholder,
            onFocus,
            onBlur,
            onKeyPress: this.handleKeyPress,
            style,
            autoComplete: normalizeAutoComplete$1(autoComplete),
            className: inputClassName,
            onChange: this.handleChange,
            ref: this.setInput,
            min,
            max,
            minLength,
            maxLength,
            spellCheck,
            pattern,
            type: inputType,
            'aria-describedby': describedBy.length ? describedBy.join(' ') : undefined,
            'aria-label': label,
            'aria-labelledby': labelledBy.join(' '),
            'aria-invalid': Boolean(error),
            'aria-owns': ariaOwns,
            'aria-activedescendant': ariaActiveDescendant,
            'aria-autocomplete': ariaAutocomplete,
            'aria-controls': ariaControls,
            'aria-multiline': multiline
        });
        return createElement(
            Labelled$1,
            { label: label, id: id, error: error, action: labelAction, labelHidden: labelHidden, helpText: helpText, optional: optional },
            createElement(
                Connected$1,
                { left: connectedLeft, right: connectedRight },
                createElement(
                    'div',
                    { className: className, onFocus: this.handleFocus, onBlur: this.handleBlur, onClick: this.handleClick },
                    prefixMarkup,
                    input,
                    suffixMarkup,
                    spinnerMarkup,
                    createElement('div', { className: styles$80.Backdrop }),
                    resizer
                )
            )
        );
    }
    setInput(input) {
        this.input = input;
    }
    handleNumberChange(steps) {
        const { onChange, value, step = 1, min = -Infinity, max = Infinity } = this.props;
        if (onChange == null) {
            return;
        }
        // Returns the length of decimal places in a number
        const dpl = num => (num.toString().split('.')[1] || []).length;
        const numericValue = value ? parseFloat(value) : 0;
        if (isNaN(numericValue)) {
            return;
        }
        // Making sure the new value has the same length of decimal places as the
        // step / value has.
        const decimalPlaces = Math.max(dpl(numericValue), dpl(step));
        const newValue = Math.min(max, Math.max(numericValue + steps * step, min));
        onChange(String(newValue.toFixed(decimalPlaces)), this.state.id);
    }
    handleExpandingResize(height) {
        this.setState({ height });
    }
    handleKeyPress(event) {
        const { key, which } = event;
        const { type } = this.props;
        const numbersSpec = /[\d.eE+-]$/;
        if (type !== 'number' || which === Keys.ENTER || key.match(numbersSpec)) {
            return;
        }
        event.preventDefault();
    }
    handleChange(event) {
        const { onChange } = this.props;
        if (onChange == null) {
            return;
        }
        onChange(event.currentTarget.value, this.state.id);
    }
    handleFocus() {
        this.setState({ focus: true });
    }
    handleBlur() {
        this.setState({ focus: false });
    }
    handleClick() {
        this.input.focus();
    }
}
__decorate([autobind], TextField$1.prototype, "setInput", null);
__decorate([autobind], TextField$1.prototype, "handleNumberChange", null);
__decorate([autobind], TextField$1.prototype, "handleExpandingResize", null);
__decorate([autobind], TextField$1.prototype, "handleKeyPress", null);
__decorate([autobind], TextField$1.prototype, "handleChange", null);
__decorate([autobind], TextField$1.prototype, "handleFocus", null);
__decorate([autobind], TextField$1.prototype, "handleBlur", null);
__decorate([autobind], TextField$1.prototype, "handleClick", null);
function normalizeAutoComplete$1(autoComplete) {
    if (autoComplete == null) {
        return autoComplete;
    }
    return autoComplete ? 'on' : 'off';
}

var styles$81 = {
  "DisplayText": "p_ub",
  "sizeSmall": "p_jx",
  "sizeMedium": "p_j1",
  "sizeLarge": "p_bd",
  "sizeExtraLarge": "p_rw",
};

function SkeletonDisplayText$1({ size = 'medium' }) {
    const className = classNames$1(styles$81.DisplayText, size && styles$81[variationName$1('size', size)]);
    return createElement('div', { className: className });
}

var styles$82 = {
  "SkeletonBodyTextContainer": "p_v9",
  "SkeletonBodyText": "p_nn",
};

function SkeletonBodyText$1({ lines = 3 }) {
    const bodyTextLines = [];
    for (let i = 0; i < lines; i++) {
        bodyTextLines.push(createElement('div', { className: styles$82.SkeletonBodyText, key: i }));
    }
    return createElement(
        'div',
        { className: styles$82.SkeletonBodyTextContainer },
        bodyTextLines
    );
}

var styles$83 = {
  "Page": "p_m3",
  "fullWidth": "p_et",
  "singleColumn": "p_vw",
  "Header": "p_fv",
  "Header-hasSecondaryActions": "p_l0",
  "BreadcrumbAction": "p_tf",
  "Actions": "p_h1",
  "Action": "p_fn",
};

class SkeletonPage extends PureComponent {
    render() {
        const { children, fullWidth, singleColumn, secondaryActions, title = '', breadcrumbs } = this.props;
        const className = classNames$1(styles$83.Page, fullWidth && styles$83.fullWidth, singleColumn && styles$83.singleColumn);
        const headerClassName = classNames$1(styles$83.Header, breadcrumbs && styles$83['Header-hasBreadcrumbs'], secondaryActions && styles$83['Header-hasSecondaryActions']);
        const titleMarkup = title !== null ? renderTitle(title) : null;
        const secondaryActionsMarkup = secondaryActions ? renderSecondaryActions(secondaryActions) : null;
        const breadcrumbMarkup = breadcrumbs ? createElement(
            'div',
            { className: styles$83.BreadcrumbAction, style: { width: 60 } },
            createElement(SkeletonBodyText$1, { lines: 1 })
        ) : null;
        const headerMarkup = !this.props.polaris.easdk ? createElement(
            'div',
            { className: headerClassName },
            breadcrumbMarkup,
            titleMarkup,
            secondaryActionsMarkup
        ) : null;
        return createElement(
            'div',
            { className: className, role: 'status', 'aria-label': 'Page loading' },
            headerMarkup,
            createElement(
                'div',
                { className: styles$83.Content },
                children
            )
        );
    }
}
function renderSecondaryActions(actionCount) {
    const actions = [];
    for (let i = 0; i < actionCount; i++) {
        const width = Math.round(Math.random() * 40 + 60);
        actions.push(createElement(
            'div',
            { className: styles$83.Action, style: { width }, key: i },
            createElement(SkeletonBodyText$1, { lines: 1 })
        ));
    }
    return createElement(
        'div',
        { className: styles$83.Actions },
        actions
    );
}
function renderTitle(title) {
    const titleContent = title === '' ? createElement(SkeletonDisplayText$1, { size: 'large' }) : createElement(
        DisplayText$1,
        { size: 'large', element: 'h1' },
        title
    );
    return createElement(
        'div',
        { className: styles$83.Title },
        titleContent
    );
}
var SkeletongBodyText$1 = withAppProvider()(SkeletonPage);

var styles$84 = {
  "ProgressBar": "p_tq",
  "sizeExtraSmall": "p_wb",
  "sizeSmall": "p_wc",
  "sizeMedium": "p_ra",
  "sizeLarge": "p_ql",
  "Indicator": "p_bi",
  "fillup": "p_jw",
  "Progress": "p_gm",
  "Label": "p_ns",
};

function ProgressBar$1({ progress = 0, size = 'medium', polaris: { intl } }) {
    const className = classNames$1(styles$84.ProgressBar, size && styles$84[variationName$1('size', size)]);
    const warningMessage = intl.translate(progress < 0 ? 'Polaris.ProgressBar.negativeWarningMessage' : 'Polaris.ProgressBar.exceedWarningMessage', { progress });
    const parsedProgress = parseProgress(progress, warningMessage);
    return createElement(
        'div',
        { className: className },
        createElement('progress', { className: styles$84.Progress, value: parsedProgress, max: '100' }),
        createElement(
            'div',
            { className: styles$84.Indicator, style: { width: `${parsedProgress}%` } },
            createElement(
                'span',
                { className: styles$84.Label },
                parsedProgress,
                '%'
            )
        )
    );
}
function parseProgress(progress, warningMessage) {
    let progressWidth;
    if (progress < 0) {
        if (process.env.NODE_ENV === 'development') {
            // eslint-disable-next-line no-console
            console.warn(warningMessage);
        }
        progressWidth = 0;
    } else if (progress > 100) {
        if (process.env.NODE_ENV === 'development') {
            // eslint-disable-next-line no-console
            console.warn(warningMessage);
        }
        progressWidth = 100;
    } else {
        progressWidth = progress;
    }
    return progressWidth;
}
var ProgressBar$2 = withAppProvider()(ProgressBar$1);

var styles$85 = {
  "DataTable": "p_em",
  "collapsed": "p_tg",
  "Table": "p_xo",
  "Navigation": "p_ce",
  "hasFooter": "p_lu",
  "ScrollContainer": "p_ws",
  "Pip": "p_it",
  "Pip-visible": "p_yb",
  "TableFoot": "p_a5",
  "Cell": "p_i1",
  "Cell-numeric": "p_fl",
  "Cell-fixed": "p_yp",
  "Cell-header": "p_h8",
  "Cell-truncated": "p_vx",
  "Cell-presentational": "p_ep",
  "Cell-sortable": "p_zh",
  "Heading": "p_pf",
  "Heading-left": "p_jr",
  "Heading-sortable": "p_fu",
  "Cell-total": "p_ej",
  "Cell-footer": "p_b8",
};

function Cell$3({ height, content, contentType, fixed, truncate, presentational, header, total, footer, sorted, sortable, sortDirection, defaultSortDirection, polaris: { intl: { translate } }, onSort }) {
    const numeric = contentType === 'numeric';
    const className = classNames$1(styles$85.Cell, fixed && styles$85['Cell-fixed'], truncate && styles$85['Cell-truncated'], presentational && styles$85['Cell-presentational'], header && styles$85['Cell-header'], total && styles$85['Cell-total'], footer && styles$85['Cell-footer'], numeric && styles$85['Cell-numeric'], sorted && styles$85['Cell-sorted'], sortable && styles$85['Cell-sortable']);
    const style = height ? { height: `${height}px` } : undefined;
    const headerClassName = classNames$1(header && styles$85.Heading, header && contentType === 'text' && styles$85['Heading-left']);
    const iconClassName = classNames$1(sortable && styles$85['Heading-sortable']);
    // TODO work out a better way for fix this lint violation
    const presentationalMarkup = header ?
    // eslint-disable-next-line jsx-a11y/no-interactive-element-to-noninteractive-role
    createElement('th', { 'aria-hidden': true, role: 'presentation', className: className, style: style }) :
    // eslint-disable-next-line jsx-a11y/no-interactive-element-to-noninteractive-role
    createElement('td', { 'aria-hidden': true, role: 'presentation', className: className, style: style });
    let sortedIconMarkup = null;
    let sortableIconMarkup = null;
    let sortAccessibilityLabel;
    if (sortable) {
        // i18n string variable
        sortAccessibilityLabel = translate('Polaris.DataTable.sortAccessibilityLabel', { content: content.toLowerCase() });
        if (sorted) {
            const direction = sortDirection === 'ascending' ? 'Up' : 'Down';
            const source = `caret${direction}`;
            sortedIconMarkup = createElement(Icon$2, { source: source });
        } else {
            const direction = defaultSortDirection === 'ascending' ? 'Up' : 'Down';
            const source = `caret${direction}`;
            sortableIconMarkup = createElement(Icon$2, { source: source });
        }
    }
    const sortableHeadingContent = contentType === 'text' ? createElement(
        'span',
        { className: headerClassName },
        content,
        createElement(
            'span',
            { className: iconClassName },
            sortableIconMarkup
        ),
        createElement(
            'span',
            null,
            sortedIconMarkup
        )
    ) : createElement(
        'span',
        { className: headerClassName },
        createElement(
            'span',
            { className: iconClassName },
            sortableIconMarkup
        ),
        createElement(
            'span',
            null,
            sortedIconMarkup
        ),
        content
    );
    const columnHeadingContent = sortable ? sortableHeadingContent : content;
    const sortProps = sortable ? {
        role: 'button',
        onClick: onSort,
        onKeyDown: onKeyDownEnter(onSort),
        'aria-sort': sortDirection,
        'aria-label': sortAccessibilityLabel,
        tabIndex: 0
    } : { 'aria-disabled': true };
    const headingMarkup = header ? createElement(
        'th',
        Object.assign({ className: className, scope: 'col', style: style }, sortProps),
        columnHeadingContent
    ) : createElement(
        'th',
        { className: className, scope: 'row', style: style },
        content
    );
    const title = truncate ? content : '';
    const nonPresentationalMarkup = header || fixed ? headingMarkup : createElement(
        'td',
        { className: className, style: style, title: title },
        content
    );
    const cellMarkup = presentational ? presentationalMarkup : nonPresentationalMarkup;
    return cellMarkup;
}
function onKeyDownEnter(sortFunc) {
    return function handleKeyPress(event) {
        const { keyCode } = event;
        if (keyCode === 13 && sortFunc !== undefined) {
            sortFunc();
        }
    };
}
var Cell$4 = withAppProvider()(Cell$3);

class DataTable$3 extends PureComponent {
    constructor(props) {
        super(props);
        this.state = {
            collapsed: false,
            columnVisibilityData: [],
            sorted: this.props.sortable && this.props.sortable.length > 0,
            heights: [],
            preservedScrollPosition: {}
        };
        const { polaris: { intl: { translate } } } = props;
        this.totalsRowHeading = translate('Polaris.DataTable.totalsRowHeading');
    }
    componentDidMount() {
        // We need to defer the calculation in development so the styles have time to be injected.
        if (process.env.NODE_ENV === 'development') {
            setTimeout(() => {
                this.handleResize();
            }, 10);
        } else {
            this.handleResize();
        }
    }
    render() {
        const { headings, totals, rows, truncate, footerContent, sortable, defaultSortDirection = 'ascending', initialSortColumnIndex = 0 } = this.props;
        const { collapsed, heights, sortedColumnIndex = initialSortColumnIndex, sortDirection = defaultSortDirection } = this.state;
        const className = classNames$1(styles$85.DataTable, collapsed && styles$85.collapsed, footerContent && styles$85.hasFooter);
        const wrapperClassName = classNames$1(styles$85.TableWrapper, collapsed && styles$85.collapsed);
        const footerClassName = classNames$1(footerContent && styles$85.TableFoot);
        const footerMarkup = footerContent ? createElement(
            'tfoot',
            { className: footerClassName },
            createElement(
                'tr',
                null,
                this.renderFooter()
            )
        ) : null;
        const totalsMarkup = totals ? createElement(
            'tr',
            null,
            insertPresentationalCell(totals).map(this.renderTotals)
        ) : null;
        const headingMarkup = createElement(
            'tr',
            null,
            insertPresentationalCell(headings).map((heading, headingIndex) => {
                let sortableHeadingProps = {};
                const id = `heading-cell-${headingIndex}`;
                // we account for the presentational heading cell’s index when
                // accessing elements from arrays passed as props and when comparing
                // a heading index with the sorted column’s index
                const index = headingIndex <= 1 ? headingIndex : headingIndex - 1;
                const contentTypes = this.getContentTypes();
                if (sortable) {
                    const isSortable = sortable[index];
                    const isSorted = isSortable && sortedColumnIndex === index;
                    const direction = isSorted && sortedColumnIndex === index ? sortDirection : 'none';
                    sortableHeadingProps = {
                        defaultSortDirection,
                        sorted: isSorted,
                        sortable: isSortable,
                        sortDirection: direction,
                        onSort: this.defaultOnSort(index)
                    };
                }
                const height = !truncate ? heights[0] : undefined;
                return createElement(Cell$4, Object.assign({ header: true, key: id, height: height, content: heading, contentType: contentTypes[headingIndex], fixed: headingIndex === 0, truncate: truncate, presentational: headingIndex === 1 }, sortableHeadingProps));
            })
        );
        const bodyMarkup = rows.map(this.defaultRenderRow);
        const style = footerContent ? { marginBottom: `${heights[heights.length - 1]}px` } : {};
        return createElement(
            'div',
            { className: wrapperClassName },
            createElement(
                'div',
                { className: className, ref: this.setDataTable },
                createElement(
                    'div',
                    { className: styles$85.ScrollContainer, ref: this.setScrollContainer, style: style },
                    createElement(EventListener$1, { event: 'resize', handler: this.handleResize }),
                    createElement(EventListener$1, { capture: true, event: 'scroll', handler: this.scrollListener }),
                    createElement(
                        'table',
                        { className: styles$85.Table, ref: this.setTable },
                        createElement(
                            'thead',
                            null,
                            headingMarkup,
                            totalsMarkup
                        ),
                        createElement(
                            'tbody',
                            null,
                            bodyMarkup
                        ),
                        footerMarkup
                    )
                )
            )
        );
    }
    setDataTable(dataTable) {
        this.dataTable = dataTable;
    }
    setScrollContainer(scrollContainer) {
        this.scrollContainer = scrollContainer;
    }
    setTable(table) {
        this.table = table;
    }
    handleResize() {
        const { footerContent, truncate } = this.props;
        const collapsed = this.table.scrollWidth > this.dataTable.offsetWidth;
        this.scrollContainer.scrollLeft = 0;
        this.setState(Object.assign({ collapsed, heights: [] }, this.calculateColumnVisibilityData(collapsed)), () => {
            if (footerContent || !truncate) {
                this.setHeightsAndScrollPosition();
            }
        });
    }
    tallestCellHeights() {
        const { footerContent, truncate } = this.props;
        const rows = Array.from(this.table.getElementsByTagName('tr'));
        let { heights } = this.state;
        if (!truncate) {
            return heights = rows.map(row => {
                const fixedCell = row.childNodes[0];
                return Math.max(row.clientHeight, fixedCell.clientHeight);
            });
        }
        if (footerContent) {
            const footerCellHeight = rows[rows.length - 1].childNodes[0].clientHeight;
            heights = [footerCellHeight];
        }
        return heights;
    }
    resetScrollPosition() {
        const { preservedScrollPosition: { left, top } } = this.state;
        if (left) {
            this.scrollContainer.scrollLeft = left;
        }
        if (top) {
            window.scrollTo(0, top);
        }
    }
    setHeightsAndScrollPosition() {
        this.setState({ heights: this.tallestCellHeights() }, this.resetScrollPosition);
    }
    calculateColumnVisibilityData(collapsed) {
        if (collapsed) {
            const headerCells = this.table.querySelectorAll('[class*=header]');
            const collapsedHeaderCells = Array.from(headerCells).slice(2);
            const fixedColumnWidth = headerCells[0].offsetWidth;
            const tableData = {
                fixedColumnWidth,
                firstVisibleColumnIndex: collapsedHeaderCells.length - 1,
                tableLeftVisibleEdge: this.scrollContainer.scrollLeft,
                tableRightVisibleEdge: this.scrollContainer.scrollLeft + (this.dataTable.offsetWidth - fixedColumnWidth)
            };
            const columnVisibilityData = collapsedHeaderCells.map(measureColumn$1(tableData));
            return Object.assign({ columnVisibilityData }, getPrevAndCurrentColumns$1(tableData, columnVisibilityData));
        }
        return {
            columnVisibilityData: [],
            previousColumn: undefined,
            currentColumn: undefined
        };
    }
    scrollListener() {
        this.setState(Object.assign({}, this.calculateColumnVisibilityData(this.state.collapsed)));
    }
    getContentTypes() {
        const { columnContentTypes } = this.props;
        const fixedCellType = columnContentTypes[0];
        return [fixedCellType, ...columnContentTypes];
    }
    renderFirstTwoTotalsCells(index) {
        let height;
        const id = `totals-cell-${index}`;
        const { heights } = this.state;
        const { truncate = false } = this.props;
        if (!truncate) {
            height = heights[1];
        }
        if (index === 0) {
            return createElement(Cell$4, { fixed: true, total: true, key: id, height: height, content: this.totalsRowHeading, truncate: truncate });
        }
        if (index === 1) {
            return createElement(Cell$4, { key: id, presentational: true, height: height });
        }
        return createElement(Cell$4, { total: true, key: id, contentType: 'numeric', height: height });
    }
    renderTotals(total, index) {
        let height;
        const id = `totals-cell-${index}`;
        const { heights } = this.state;
        const { truncate = false } = this.props;
        if (!truncate) {
            height = heights[1];
        }
        return total === '' ? this.renderFirstTwoTotalsCells(index) : createElement(Cell$4, { total: true, key: id, height: height, contentType: 'numeric', content: total });
    }
    defaultRenderRow(row, index) {
        const className = classNames$1(styles$85.TableRow);
        const contentTypes = this.getContentTypes();
        const { totals, footerContent, truncate = false } = this.props;
        const { heights } = this.state;
        const bodyCellHeights = totals ? heights.slice(2) : heights.slice(1);
        if (footerContent) {
            bodyCellHeights.pop();
        }
        return createElement(
            'tr',
            { key: `row-${index}`, className: className },
            insertPresentationalCell(row).map((content, cellIndex) => {
                const id = `cell-${cellIndex}-row-${index}`;
                return createElement(Cell$4, { key: id, height: bodyCellHeights[index], content: content, contentType: contentTypes[cellIndex], fixed: cellIndex === 0, truncate: truncate, presentational: cellIndex === 1 });
            })
        );
    }
    renderFooter() {
        const { heights } = this.state;
        const footerCellHeight = heights[heights.length - 1];
        return createElement(Cell$4, { footer: true, height: footerCellHeight, content: this.props.footerContent, truncate: this.props.truncate });
    }
    defaultOnSort(headingIndex) {
        const { onSort, truncate, defaultSortDirection = 'ascending', initialSortColumnIndex } = this.props;
        const { sortDirection, sortedColumnIndex = initialSortColumnIndex } = this.state;
        let newSortDirection = defaultSortDirection;
        if (sortedColumnIndex === headingIndex) {
            newSortDirection = sortDirection === 'ascending' ? 'descending' : 'ascending';
        }
        const handleSort = () => {
            this.setState({
                sorted: true,
                sortDirection: newSortDirection,
                sortedColumnIndex: headingIndex
            }, () => {
                if (onSort) {
                    onSort(headingIndex, newSortDirection);
                    if (!truncate) {
                        const preservedScrollPosition = {
                            left: this.scrollContainer.scrollLeft,
                            top: window.scrollY
                        };
                        this.setState({ preservedScrollPosition });
                        this.handleResize();
                    }
                }
            });
        };
        return handleSort;
    }
}
__decorate([autobind], DataTable$3.prototype, "setDataTable", null);
__decorate([autobind], DataTable$3.prototype, "setScrollContainer", null);
__decorate([autobind], DataTable$3.prototype, "setTable", null);
__decorate([autobind, debounce()], DataTable$3.prototype, "handleResize", null);
__decorate([autobind], DataTable$3.prototype, "tallestCellHeights", null);
__decorate([autobind], DataTable$3.prototype, "resetScrollPosition", null);
__decorate([autobind], DataTable$3.prototype, "setHeightsAndScrollPosition", null);
__decorate([autobind], DataTable$3.prototype, "calculateColumnVisibilityData", null);
__decorate([autobind], DataTable$3.prototype, "scrollListener", null);
__decorate([autobind
// function is never called
// private navigateTable(direction: string) {
//   const {scrollContainer} = this;
//   const {currentColumn, previousColumn} = this.state;
//
//   const handleScroll = () => {
//     if (direction === 'right' && currentColumn) {
//       scrollContainer.scrollLeft = currentColumn.rightEdge;
//     } else if (previousColumn) {
//       scrollContainer.scrollLeft =
//         previousColumn.leftEdge < 10 ? 0 : previousColumn.leftEdge;
//     }
//
//     requestAnimationFrame(() => {
//       this.setState({
//         ...this.calculateColumnVisibilityData(this.state.collapsed),
//       });
//     });
//   };
//
//   return handleScroll;
// }

, autobind], DataTable$3.prototype, "getContentTypes", null);
__decorate([autobind], DataTable$3.prototype, "renderFirstTwoTotalsCells", null);
__decorate([autobind], DataTable$3.prototype, "renderTotals", null);
__decorate([autobind], DataTable$3.prototype, "defaultRenderRow", null);
__decorate([autobind], DataTable$3.prototype, "renderFooter", null);
__decorate([autobind], DataTable$3.prototype, "defaultOnSort", null);
function insertPresentationalCell(arr = []) {
    const fixedCell = arr[0];
    const presentationalCell = '';
    return [fixedCell, presentationalCell, ...arr.slice(1)];
}
function measureColumn$1(tableData) {
    return function (column, index) {
        const { tableLeftVisibleEdge, tableRightVisibleEdge, firstVisibleColumnIndex, fixedColumnWidth } = tableData;
        const width = column.offsetWidth;
        const leftEdge = column.offsetLeft - fixedColumnWidth;
        const rightEdge = leftEdge + width;
        const leftEdgeIsVisible = isEdgeVisible$1(leftEdge, tableLeftVisibleEdge, tableRightVisibleEdge);
        const rightEdgeIsVisible = isEdgeVisible$1(rightEdge, tableLeftVisibleEdge, tableRightVisibleEdge);
        const isCompletelyVisible = leftEdge < tableLeftVisibleEdge && rightEdge > tableRightVisibleEdge;
        const isVisible = isCompletelyVisible || leftEdgeIsVisible || rightEdgeIsVisible;
        if (isVisible) {
            tableData.firstVisibleColumnIndex = Math.min(firstVisibleColumnIndex, index);
        }
        return { leftEdge, rightEdge, isVisible };
    };
}
function isEdgeVisible$1(target$$1, start, end) {
    const minVisiblePixels = 30;
    return target$$1 >= start + minVisiblePixels && target$$1 <= end - minVisiblePixels;
}
function getPrevAndCurrentColumns$1(tableData, columnData) {
    const { tableRightVisibleEdge, tableLeftVisibleEdge, firstVisibleColumnIndex } = tableData;
    const previousColumnIndex = Math.max(firstVisibleColumnIndex - 1, 0);
    const previousColumn = columnData[previousColumnIndex];
    const lastColumnIndex = columnData.length - 1;
    const lastColumn = columnData[lastColumnIndex];
    const currentColumn = Object.assign({ isScrolledFarthestLeft: firstVisibleColumnIndex === 0 && tableLeftVisibleEdge === 0, isScrolledFarthestRight: lastColumn.rightEdge <= tableRightVisibleEdge }, columnData[firstVisibleColumnIndex]);
    return { previousColumn, currentColumn };
}
var MobileTable$1 = withAppProvider()(DataTable$3);

export { handleMouseUpByBlurring, Keys, contentContextTypes, AccountConnection$1 as AccountConnection, ActionList$1 as ActionList, AppProvider$1 as AppProvider, polarisAppProviderContextTypes as polarisContextTypes, createPolarisContext, withAppProvider, Avatar$2 as Avatar, Badge$2 as Badge, Banner$1 as Banner, Breadcrumbs$1 as Breadcrumbs, Button$2 as Button, buttonFrom, buttonsFrom, ButtonGroup$1 as ButtonGroup, CalloutCard$1 as CalloutCard, Caption$1 as Caption, Card$1 as Card, Checkbox$2 as Checkbox, ChoiceList$2 as ChoiceList, Collapsible$2 as Collapsible, ColorPicker$1 as ColorPicker, rgbToHex, rgbToHsb, hsbToRgb, hsbToHex, rgbString, rgbaString, Connected$1 as Connected, DataField$1 as DataField, DataTable$2 as DataTable, DatePreference$1 as DatePreference, DatePicker$2 as DatePicker, DescriptionList$1 as DescriptionList, DisplayText$1 as DisplayText, DropZone$2 as DropZone, EmptySearchResult$2 as EmptySearchResult, EmptyState$1 as EmptyState, EventListener$1 as EventListener, ExceptionList$1 as ExceptionList, FilterControl$2 as FilterControl, Focus$1 as Focus, TrapFocus, FooterHelp$1 as FooterHelp, Form$1 as Form, FormLayout$1 as FormLayout, Heading$1 as Heading, Hide$1 as Hide, Icon$2 as Icon, Image$1 as Image, InlineError$1 as InlineError, InlineValidation$1 as InlineValidation, Indicator$1 as Indicator, KeyboardKey$1 as KeyboardKey, KeypressListener$1 as KeypressListener, Label$1 as Label, Labelled$1 as Labelled, Layout$1 as Layout, Link$2 as Link, ContentList as List, Media$1 as Media, Modal$3 as Modal, OptionList$2 as OptionList, Page$2 as Page, PageActions$1 as PageActions, Pagination$2 as Pagination, Popover$1 as Popover, CloseSource as PopoverCloseSource, Portal$1 as Portal, RadioButton$1 as RadioButton, RangeSlider$2 as RangeSlider, ResourceList$2 as ResourceList, FilterType, Scrollable$2 as Scrollable, Select$1 as Select, SettingToggle$1 as SettingToggle, Spacing$1 as Spacing, Spinner$2 as Spinner, Stack$1 as Stack, Sticky$1 as Sticky, Subheading$1 as Subheading, Tabs$1 as Tabs, Tag$2 as Tag, TextContainer$1 as TextContainer, TextField$1 as TextField, TextStyle$1 as TextStyle, Thumbnail$1 as Thumbnail, Tooltip$1 as Tooltip, Truncate$1 as Truncate, UnstyledLink$2 as UnstyledLink, VisuallyHidden$1 as VisuallyHidden, SkeletongBodyText$1 as SkeletonPage, SkeletonBodyText$1 as SkeletonBodyText, SkeletonDisplayText$1 as SkeletonDisplayText, ProgressBar$2 as ProgressBar, withContext$1 as withContext, withRef$1 as withRef, MobileTable$1 as MobileTable };
export { Months } from '@shopify/javascript-utilities/dates';