npm - @xplortech/apollo-core - Versions diffs - 1.0.0-beta.18 → 1.0.0-beta.2 - Mend

@xplortech/apollo-core 1.0.0-beta.18 → 1.0.0-beta.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (459) hide show

package/dist/esm/xpl-pagination.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"xpl-pagination.entry.js","mappings":"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","names":[],"sources":["./src/components/components/xpl-pagination/xpl-pagination.tsx"],"sourcesContent":["import {\n Component,\n Host,\n h,\n Event,\n EventEmitter,\n Prop,\n State,\n Method,\n} from '@stencil/core';\n\n@Component({\n tag: 'xpl-pagination',\n})\nexport class XplPagination {\n @Prop() total: number;\n @Prop() perPage: number;\n @Prop() waitForCallback: boolean;\n @State() current: number = 1;\n\n @Event() page: EventEmitter;\n\n /**\n * Calling `goto` with a page number (which should probably be\n * taken from the `page` event) updates the pagination's state\n * and re-renders it, showing the appropriate buttons given the current page.\n * @param n\n */\n @Method()\n async goto(n: number) {\n this.current = n;\n }\n\n /**\n * Private `_goto` method respects the `waitForCallback` prop --\n * it will always emit the `page` event, but won't actually update\n * the state of what the current page is, leaving that to the caller\n * to update once (presumably) some other data has loaded.\n */\n private _goto = (n: number) => {\n this.page.emit(n);\n if (!this.waitForCallback) {\n this.current = n;\n }\n };\n\n private goPrev = () => {\n if (this.current > 1) this._goto(this.current - 1);\n };\n\n private goNext = () => {\n const numPages = Math.ceil(this.total / this.perPage);\n if (this.current < numPages) this._goto(this.current + 1);\n };\n\n render() {\n const numPages = Math.ceil(this.total / this.perPage);\n\n let showing: (number | '...')[] = [1];\n if (numPages < 7) showing = [1, 2, 3, 4, 5, 6];\n if (this.current <= 3 || this.current >= numPages - 2) {\n showing = [1, 2, 3, '...', numPages - 2, numPages - 1, numPages];\n } else {\n showing = [\n 1,\n '...',\n this.current - 1,\n this.current,\n this.current + 1,\n '...',\n numPages,\n ];\n }\n\n const showingFirst = (this.current - 1) * this.perPage + 1;\n const showingLast = Math.min(\n showingFirst + this.perPage - 1,\n this.total\n );\n\n return (\n <Host>\n <div class=\"xpl-pagination\">\n <div>\n <p>\n Showing <span>{showingFirst}</span> to{' '}\n <span>{showingLast}</span> of{' '}\n <span>{this.total}</span> results\n </p>\n </div>\n <div>\n <nav aria-label=\"Pagination\">\n <button\n onClick={this.goPrev}\n class=\"xpl-pagination-prev\"\n >\n <span>Previous</span>\n <svg viewBox=\"0 0 20 20\" aria-hidden=\"true\">\n <path\n fill-rule=\"evenodd\"\n d=\"M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z\"\n clip-rule=\"evenodd\"\n />\n </svg>\n </button>\n {showing.map((n) => {\n if (n === '...') {\n return (\n <span class=\"xpl-pagination-ellipsis\">\n ...\n </span>\n );\n }\n if (n === this.current) {\n return (\n <button\n aria-current=\"page\"\n class=\"xpl-pagination-current\"\n >\n {n}\n </button>\n );\n }\n return (\n <button onClick={() => this._goto(n)}>\n {n}\n </button>\n );\n })}\n <button\n onClick={this.goNext}\n class=\"xpl-pagination-next\"\n >\n <span>Next</span>\n <svg viewBox=\"0 0 20 20\" aria-hidden=\"true\">\n <path\n fill-rule=\"evenodd\"\n d=\"M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z\"\n clip-rule=\"evenodd\"\n />\n </svg>\n </button>\n </nav>\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/esm/xpl-select.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"xpl-select.entry.js","mappings":"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","names":["global","uuid","throttle"],"sources":["./node_modules/lodash.throttle/index.js","./src/components/components/xpl-select/xpl-select.tsx"],"sourcesContent":["/**\n * lodash (Custom Build) <https://lodash.com/>\n * Build: `lodash modularize exports=\"npm\" -o ./`\n * Copyright jQuery Foundation and other contributors <https://jquery.org/>\n * Released under MIT license <https://lodash.com/license>\n * Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>\n * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors\n */\n\n/** Used as the `TypeError` message for \"Functions\" methods. */\nvar FUNC_ERROR_TEXT = 'Expected a function';\n\n/** Used as references for various `Number` constants. */\nvar NAN = 0 / 0;\n\n/** `Object#toString` result references. */\nvar symbolTag = '[object Symbol]';\n\n/** Used to match leading and trailing whitespace. */\nvar reTrim = /^\\s+|\\s+$/g;\n\n/** Used to detect bad signed hexadecimal string values. */\nvar reIsBadHex = /^[-+]0x[0-9a-f]+$/i;\n\n/** Used to detect binary string values. */\nvar reIsBinary = /^0b[01]+$/i;\n\n/** Used to detect octal string values. */\nvar reIsOctal = /^0o[0-7]+$/i;\n\n/** Built-in method references without a dependency on `root`. */\nvar freeParseInt = parseInt;\n\n/** Detect free variable `global` from Node.js. */\nvar freeGlobal = typeof global == 'object' && global && global.Object === Object && global;\n\n/** Detect free variable `self`. */\nvar freeSelf = typeof self == 'object' && self && self.Object === Object && self;\n\n/** Used as a reference to the global object. */\nvar root = freeGlobal || freeSelf || Function('return this')();\n\n/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/**\n * Used to resolve the\n * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)\n * of values.\n */\nvar objectToString = objectProto.toString;\n\n/* Built-in method references for those with the same name as other `lodash` methods. */\nvar nativeMax = Math.max,\n nativeMin = Math.min;\n\n/**\n * Gets the timestamp of the number of milliseconds that have elapsed since\n * the Unix epoch (1 January 1970 00:00:00 UTC).\n *\n * @static\n * @memberOf _\n * @since 2.4.0\n * @category Date\n * @returns {number} Returns the timestamp.\n * @example\n *\n * _.defer(function(stamp) {\n * console.log(_.now() - stamp);\n * }, _.now());\n * // => Logs the number of milliseconds it took for the deferred invocation.\n */\nvar now = function() {\n return root.Date.now();\n};\n\n/**\n * Creates a debounced function that delays invoking `func` until after `wait`\n * milliseconds have elapsed since the last time the debounced function was\n * invoked. The debounced function comes with a `cancel` method to cancel\n * delayed `func` invocations and a `flush` method to immediately invoke them.\n * Provide `options` to indicate whether `func` should be invoked on the\n * leading and/or trailing edge of the `wait` timeout. The `func` is invoked\n * with the last arguments provided to the debounced function. Subsequent\n * calls to the debounced function return the result of the last `func`\n * invocation.\n *\n * **Note:** If `leading` and `trailing` options are `true`, `func` is\n * invoked on the trailing edge of the timeout only if the debounced function\n * is invoked more than once during the `wait` timeout.\n *\n * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred\n * until to the next tick, similar to `setTimeout` with a timeout of `0`.\n *\n * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)\n * for details over the differences between `_.debounce` and `_.throttle`.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Function\n * @param {Function} func The function to debounce.\n * @param {number} [wait=0] The number of milliseconds to delay.\n * @param {Object} [options={}] The options object.\n * @param {boolean} [options.leading=false]\n * Specify invoking on the leading edge of the timeout.\n * @param {number} [options.maxWait]\n * The maximum time `func` is allowed to be delayed before it's invoked.\n * @param {boolean} [options.trailing=true]\n * Specify invoking on the trailing edge of the timeout.\n * @returns {Function} Returns the new debounced function.\n * @example\n *\n * // Avoid costly calculations while the window size is in flux.\n * jQuery(window).on('resize', _.debounce(calculateLayout, 150));\n *\n * // Invoke `sendMail` when clicked, debouncing subsequent calls.\n * jQuery(element).on('click', _.debounce(sendMail, 300, {\n * 'leading': true,\n * 'trailing': false\n * }));\n *\n * // Ensure `batchLog` is invoked once after 1 second of debounced calls.\n * var debounced = _.debounce(batchLog, 250, { 'maxWait': 1000 });\n * var source = new EventSource('/stream');\n * jQuery(source).on('message', debounced);\n *\n * // Cancel the trailing debounced invocation.\n * jQuery(window).on('popstate', debounced.cancel);\n */\nfunction debounce(func, wait, options) {\n var lastArgs,\n lastThis,\n maxWait,\n result,\n timerId,\n lastCallTime,\n lastInvokeTime = 0,\n leading = false,\n maxing = false,\n trailing = true;\n\n if (typeof func != 'function') {\n throw new TypeError(FUNC_ERROR_TEXT);\n }\n wait = toNumber(wait) || 0;\n if (isObject(options)) {\n leading = !!options.leading;\n maxing = 'maxWait' in options;\n maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;\n trailing = 'trailing' in options ? !!options.trailing : trailing;\n }\n\n function invokeFunc(time) {\n var args = lastArgs,\n thisArg = lastThis;\n\n lastArgs = lastThis = undefined;\n lastInvokeTime = time;\n result = func.apply(thisArg, args);\n return result;\n }\n\n function leadingEdge(time) {\n // Reset any `maxWait` timer.\n lastInvokeTime = time;\n // Start the timer for the trailing edge.\n timerId = setTimeout(timerExpired, wait);\n // Invoke the leading edge.\n return leading ? invokeFunc(time) : result;\n }\n\n function remainingWait(time) {\n var timeSinceLastCall = time - lastCallTime,\n timeSinceLastInvoke = time - lastInvokeTime,\n result = wait - timeSinceLastCall;\n\n return maxing ? nativeMin(result, maxWait - timeSinceLastInvoke) : result;\n }\n\n function shouldInvoke(time) {\n var timeSinceLastCall = time - lastCallTime,\n timeSinceLastInvoke = time - lastInvokeTime;\n\n // Either this is the first call, activity has stopped and we're at the\n // trailing edge, the system time has gone backwards and we're treating\n // it as the trailing edge, or we've hit the `maxWait` limit.\n return (lastCallTime === undefined || (timeSinceLastCall >= wait) ||\n (timeSinceLastCall < 0) || (maxing && timeSinceLastInvoke >= maxWait));\n }\n\n function timerExpired() {\n var time = now();\n if (shouldInvoke(time)) {\n return trailingEdge(time);\n }\n // Restart the timer.\n timerId = setTimeout(timerExpired, remainingWait(time));\n }\n\n function trailingEdge(time) {\n timerId = undefined;\n\n // Only invoke if we have `lastArgs` which means `func` has been\n // debounced at least once.\n if (trailing && lastArgs) {\n return invokeFunc(time);\n }\n lastArgs = lastThis = undefined;\n return result;\n }\n\n function cancel() {\n if (timerId !== undefined) {\n clearTimeout(timerId);\n }\n lastInvokeTime = 0;\n lastArgs = lastCallTime = lastThis = timerId = undefined;\n }\n\n function flush() {\n return timerId === undefined ? result : trailingEdge(now());\n }\n\n function debounced() {\n var time = now(),\n isInvoking = shouldInvoke(time);\n\n lastArgs = arguments;\n lastThis = this;\n lastCallTime = time;\n\n if (isInvoking) {\n if (timerId === undefined) {\n return leadingEdge(lastCallTime);\n }\n if (maxing) {\n // Handle invocations in a tight loop.\n timerId = setTimeout(timerExpired, wait);\n return invokeFunc(lastCallTime);\n }\n }\n if (timerId === undefined) {\n timerId = setTimeout(timerExpired, wait);\n }\n return result;\n }\n debounced.cancel = cancel;\n debounced.flush = flush;\n return debounced;\n}\n\n/**\n * Creates a throttled function that only invokes `func` at most once per\n * every `wait` milliseconds. The throttled function comes with a `cancel`\n * method to cancel delayed `func` invocations and a `flush` method to\n * immediately invoke them. Provide `options` to indicate whether `func`\n * should be invoked on the leading and/or trailing edge of the `wait`\n * timeout. The `func` is invoked with the last arguments provided to the\n * throttled function. Subsequent calls to the throttled function return the\n * result of the last `func` invocation.\n *\n * **Note:** If `leading` and `trailing` options are `true`, `func` is\n * invoked on the trailing edge of the timeout only if the throttled function\n * is invoked more than once during the `wait` timeout.\n *\n * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred\n * until to the next tick, similar to `setTimeout` with a timeout of `0`.\n *\n * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)\n * for details over the differences between `_.throttle` and `_.debounce`.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Function\n * @param {Function} func The function to throttle.\n * @param {number} [wait=0] The number of milliseconds to throttle invocations to.\n * @param {Object} [options={}] The options object.\n * @param {boolean} [options.leading=true]\n * Specify invoking on the leading edge of the timeout.\n * @param {boolean} [options.trailing=true]\n * Specify invoking on the trailing edge of the timeout.\n * @returns {Function} Returns the new throttled function.\n * @example\n *\n * // Avoid excessively updating the position while scrolling.\n * jQuery(window).on('scroll', _.throttle(updatePosition, 100));\n *\n * // Invoke `renewToken` when the click event is fired, but not more than once every 5 minutes.\n * var throttled = _.throttle(renewToken, 300000, { 'trailing': false });\n * jQuery(element).on('click', throttled);\n *\n * // Cancel the trailing throttled invocation.\n * jQuery(window).on('popstate', throttled.cancel);\n */\nfunction throttle(func, wait, options) {\n var leading = true,\n trailing = true;\n\n if (typeof func != 'function') {\n throw new TypeError(FUNC_ERROR_TEXT);\n }\n if (isObject(options)) {\n leading = 'leading' in options ? !!options.leading : leading;\n trailing = 'trailing' in options ? !!options.trailing : trailing;\n }\n return debounce(func, wait, {\n 'leading': leading,\n 'maxWait': wait,\n 'trailing': trailing\n });\n}\n\n/**\n * Checks if `value` is the\n * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)\n * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is an object, else `false`.\n * @example\n *\n * _.isObject({});\n * // => true\n *\n * _.isObject([1, 2, 3]);\n * // => true\n *\n * _.isObject(_.noop);\n * // => true\n *\n * _.isObject(null);\n * // => false\n */\nfunction isObject(value) {\n var type = typeof value;\n return !!value && (type == 'object' || type == 'function');\n}\n\n/**\n * Checks if `value` is object-like. A value is object-like if it's not `null`\n * and has a `typeof` result of \"object\".\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is object-like, else `false`.\n * @example\n *\n * _.isObjectLike({});\n * // => true\n *\n * _.isObjectLike([1, 2, 3]);\n * // => true\n *\n * _.isObjectLike(_.noop);\n * // => false\n *\n * _.isObjectLike(null);\n * // => false\n */\nfunction isObjectLike(value) {\n return !!value && typeof value == 'object';\n}\n\n/**\n * Checks if `value` is classified as a `Symbol` primitive or object.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.\n * @example\n *\n * _.isSymbol(Symbol.iterator);\n * // => true\n *\n * _.isSymbol('abc');\n * // => false\n */\nfunction isSymbol(value) {\n return typeof value == 'symbol' ||\n (isObjectLike(value) && objectToString.call(value) == symbolTag);\n}\n\n/**\n * Converts `value` to a number.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to process.\n * @returns {number} Returns the number.\n * @example\n *\n * _.toNumber(3.2);\n * // => 3.2\n *\n * _.toNumber(Number.MIN_VALUE);\n * // => 5e-324\n *\n * _.toNumber(Infinity);\n * // => Infinity\n *\n * _.toNumber('3.2');\n * // => 3.2\n */\nfunction toNumber(value) {\n if (typeof value == 'number') {\n return value;\n }\n if (isSymbol(value)) {\n return NAN;\n }\n if (isObject(value)) {\n var other = typeof value.valueOf == 'function' ? value.valueOf() : value;\n value = isObject(other) ? (other + '') : other;\n }\n if (typeof value != 'string') {\n return value === 0 ? value : +value;\n }\n value = value.replace(reTrim, '');\n var isBinary = reIsBinary.test(value);\n return (isBinary || reIsOctal.test(value))\n ? freeParseInt(value.slice(2), isBinary ? 2 : 8)\n : (reIsBadHex.test(value) ? NAN : +value);\n}\n\nmodule.exports = throttle;\n","import { v4 as uuid } from 'uuid';\nimport {\n Component,\n Host,\n h,\n Prop,\n State,\n Event,\n EventEmitter,\n Watch,\n} from '@stencil/core';\nimport throttle from 'lodash.throttle';\nimport type { DropdownItem } from '../xpl-dropdown/dropdownoption';\n\nfunction tagWidth(text: string): number {\n const context = document.createElement('canvas').getContext('2d');\n context.font =\n \"14px apple-system, system-ui, 'Segoe UI', Arial, Helvetica, Roboto, sans-serif\";\n return context.measureText(text).width + 44; // = text + l/r padding + margin-right\n}\n\n@Component({\n tag: 'xpl-select',\n})\nexport class XplSelect {\n /**\n * An array of choices for the user to choose from.\n * Each choice should be of the form:\n * {\n * label: string;\n * href?: string;\n * value?: string;\n * isGroupHeading?: boolean;\n * }\n */\n @Prop() choices?: DropdownItem[] = [];\n\n /**\n *\n * @param _choices\n */\n @Watch('choices')\n onChoicesChanged(_choices: DropdownItem[]) {\n this.update();\n }\n\n /**\n * Optional text that appears below the input label.\n */\n @Prop() description?: string;\n @Prop() disabled?: boolean;\n /**\n * If an empty string (attribute present with no value),\n * will display visually as an error. If a string is\n * included, will display visually as an error and include\n * the value as an error message.\n */\n @Prop() error?: string;\n\n /**\n * The label that appears above the select dropdown\n */\n @Prop() label?: string;\n /**\n * Whether to allow a single choice or multiple choices.\n */\n @Prop() mode?: 'single' | 'multi' = 'single';\n\n /**\n * The name of the hidden input field that contains the selected option's value(s)\n */\n @Prop() name?: string;\n\n @Prop() placeholder: string;\n /**\n * Only used in multi-choice selects. If `true`,\n * badges representing selections that would overflow the\n * container are replaced with \"+x more\" (where x is the\n * number not shown). If `false`, the container's height will\n * adjust to show all badges representing selections.\n */\n @Prop() truncate?: boolean = true;\n\n @Prop() selectedValues?: string | string[];\n\n /**\n * Emits the value of the selected option in the select menu on change\n */\n @Event() selectChange: EventEmitter<string>;\n\n @State() active: boolean = false;\n @State() id: string = uuid();\n @State() keepFocus: boolean = false;\n @State() selected: boolean[];\n @State() value: string = '';\n @State() displayValue: string = '';\n // infinity isn't real, it's just a mathematical construct, it can't hurt you\n @State() visibleChoices: number = Infinity;\n\n private container!: HTMLElement;\n\n private dropdown: HTMLXplDropdownElement;\n\n componentWillLoad() {\n this.selected =\n this.choices && this.choices.length > 0\n ? this.choices.map(() => false)\n : [];\n\n if (this.selectedValues) {\n const isSingleMode = this.mode === 'single';\n\n if (isSingleMode) {\n const selectedValue = this.selectedValues as string;\n const shouldBeSelected = this.choices.find(\n (choice) =>\n (choice.value !== undefined\n ? choice.value\n : choice.label) === selectedValue\n );\n if (shouldBeSelected !== undefined)\n shouldBeSelected.isSelected = true;\n } else {\n this.choices.forEach(({ options }) => {\n options.forEach((option) => {\n const shouldBeSelected = this.selectedValues.includes(\n option.value || option.label\n );\n\n if (shouldBeSelected) option.isSelected = true;\n });\n });\n }\n\n this.update();\n }\n\n window.addEventListener('click', (e: MouseEvent) => {\n const el = e.target as HTMLElement;\n const select = el.closest('.xpl-select');\n if (select === null || select !== this.container) {\n this.active = false;\n }\n });\n\n window.addEventListener(\n 'resize',\n throttle(() => {\n this.maybeTruncateChoices();\n }, 250)\n );\n }\n componentDidLoad() {\n this.dropdown = this.container.querySelector('xpl-dropdown');\n }\n\n private maybeTruncateChoices(): void {\n if (this.mode === 'single' || !this.truncate) return;\n\n const containerWidth = this.container.getBoundingClientRect().width;\n\n let visibleChoices = 0;\n let visibleChoicesWidth = 0;\n\n const actualNumSelected = this.selected.filter((a) => a).length;\n for (let i = 0; i < actualNumSelected; i++) {\n visibleChoicesWidth += tagWidth(this.getDisplayValue(i));\n if (visibleChoicesWidth > containerWidth - 140) break;\n visibleChoices++;\n }\n\n if (visibleChoices >= actualNumSelected) visibleChoices = Infinity;\n if (visibleChoices < 1) visibleChoices = 1;\n\n this.visibleChoices = visibleChoices;\n }\n\n private flattenChoices(): DropdownItem[] {\n return this.choices.reduce(\n (acc, curr) => [\n ...acc,\n ...(curr.groupName ? curr.options : [curr]),\n ],\n []\n );\n }\n private getDisplayValue(i: number): string {\n return this.flattenChoices()[i].label || this.flattenChoices()[i].value;\n }\n\n private getActualValue(i: number): string {\n return this.flattenChoices()[i].value || this.flattenChoices()[i].label;\n }\n\n private update() {\n this.selected = this.flattenChoices().map(\n ({ isSelected }) => isSelected\n );\n\n if (this.mode === 'single') {\n const selected = this.selected.findIndex((v) => v);\n this.value = selected >= 0 ? this.getActualValue(selected) : '';\n this.displayValue =\n selected >= 0 ? this.getDisplayValue(selected) : '';\n } else if (this.mode === 'multi') {\n this.value = this.selected\n .map((v, i) => {\n return v ? this.getActualValue(i) : '';\n })\n .filter((v) => v.length > 0)\n .join('|');\n }\n }\n\n @Watch('value')\n handleValueStateChange(newValue) {\n this.selectChange.emit(newValue);\n }\n\n render() {\n let visibleChoices = 0;\n return (\n <Host\n class={{\n 'xpl-select': true,\n 'xpl-select--disabled': this.disabled,\n 'xpl-select--no-truncate': !this.truncate,\n }}\n onKeyDown={(e: KeyboardEvent) => {\n if (e.key === 'Escape') this.active = false;\n }}\n ref={(el) => (this.container = el as HTMLElement)}\n >\n {this.label || this.description ? (\n <label\n class={{\n 'xpl-label': true,\n 'xpl-label--disabled': this.disabled,\n }}\n htmlFor={this.id}\n >\n {this.label}\n {this.description && (\n <small\n class={{\n 'xpl-description': true,\n 'xpl-description--disabled': this.disabled,\n }}\n >\n {this.description}\n </small>\n )}\n </label>\n ) : null}\n <div\n class={{\n 'xpl-input': true,\n 'xpl-input--disabled': this.disabled,\n 'xpl-input--error': this.error !== undefined,\n }}\n >\n <div class=\"xpl-input-wrapper\">\n <div\n class={{\n 'xpl-select-value': true,\n 'xpl-select-value--active':\n this.mode === 'multi' &&\n this.value.length > 0,\n 'has-value': this.value.length > 0,\n }}\n >\n {this.mode === 'single'\n ? this.displayValue || this.placeholder\n : this.value.length > 0\n ? this.selected.map((v, i) => {\n if (!v) return null;\n if (\n visibleChoices >= this.visibleChoices\n ) {\n return null;\n }\n visibleChoices++;\n return (\n <xpl-tag\n onClose={() => {\n this.flattenChoices().forEach(\n (v, j) => {\n if (i === j)\n v.isSelected =\n false;\n }\n );\n const mapOptions = (\n option: DropdownItem\n ): DropdownItem => {\n option.options =\n option.groupName\n ? option.options.map(\n mapOptions\n )\n : undefined;\n return option;\n };\n this.choices =\n this.choices.map(\n mapOptions\n );\n\n this.update();\n this.maybeTruncateChoices();\n }}\n >\n {this.getDisplayValue(i)}\n </xpl-tag>\n );\n })\n : this.placeholder}\n {this.visibleChoices < Infinity &&\n `+ ${\n this.selected.filter((a) => a).length -\n this.visibleChoices\n } more`}\n </div>\n <button\n disabled={this.disabled}\n id={this.id}\n onKeyDown={(e: KeyboardEvent) => {\n if (e.key === 'Tab') this.keepFocus = true;\n }}\n onClick={() => {\n const { dropdown } = this;\n if (!this.disabled)\n dropdown.isOpen = !dropdown.isOpen;\n }}\n type=\"button\"\n ></button>\n </div>\n {!this.disabled && (\n <xpl-dropdown\n options={this.choices}\n mode={this.mode}\n triggerId={this.id}\n update={() => {\n this.update();\n this.maybeTruncateChoices();\n }}\n ></xpl-dropdown>\n )}\n {this.error !== undefined && this.error.length > 0 && (\n <label class=\"xpl-input-error\" htmlFor={this.id}>\n <svg\n width=\"10\"\n height=\"11\"\n viewBox=\"0 0 10 11\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path d=\"M9.84375 5.25C9.84375 2.59375 7.65625 0.40625 5 0.40625C2.32422 0.40625 0.15625 2.59375 0.15625 5.25C0.15625 7.92578 2.32422 10.0938 5 10.0938C7.65625 10.0938 9.84375 7.92578 9.84375 5.25ZM5 6.22656C5.48828 6.22656 5.89844 6.63672 5.89844 7.125C5.89844 7.63281 5.48828 8.02344 5 8.02344C4.49219 8.02344 4.10156 7.63281 4.10156 7.125C4.10156 6.63672 4.49219 6.22656 5 6.22656ZM4.14062 3.00391C4.12109 2.86719 4.23828 2.75 4.375 2.75H5.60547C5.74219 2.75 5.85938 2.86719 5.83984 3.00391L5.70312 5.66016C5.68359 5.79688 5.58594 5.875 5.46875 5.875H4.51172C4.39453 5.875 4.29688 5.79688 4.27734 5.66016L4.14062 3.00391Z\" />\n </svg>\n {this.error}\n </label>\n )}\n </div>\n <input type=\"hidden\" name={this.name} value={this.value} />\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/esm/xpl-toggle.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"xpl-toggle.entry.js","mappings":";;;MAMa,SAAS;;;;;;;;;mBAmBsB,SAAS;cAE3BA,EAAI,EAAE;;EAE5B,MAAM;IACF,IAAI,kBAAkB,GAAG,sBAAsB,CAAC;IAChD,IAAI,IAAI,CAAC,QAAQ;MACb,kBAAkB,IAAI,iCAAiC,CAAC;IAE5D,IAAI,SAAS,GAAG,YAAY,CAAC;IAC7B,IAAI,IAAI,CAAC,OAAO,KAAK,OAAO;MAAE,SAAS,IAAI,oBAAoB,CAAC;IAEhE,QACI,EAAC,IAAI,IAAC,KAAK,EAAE,kBAAkB,IAC1B,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,WAAW,MAC9B,aACI,KAAK,EAAE;QACH,WAAW,EAAE,IAAI;QACjB,qBAAqB,EAAE,IAAI,CAAC,QAAQ;OACvC,EACD,OAAO,EAAE,IAAI,CAAC,EAAE,IAEf,IAAI,CAAC,OAAO,EACZ,IAAI,CAAC,WAAW,KACb,aACI,KAAK,EAAE;QACH,iBAAiB,EAAE,IAAI;QACvB,2BAA2B,EAAE,IAAI,CAAC,QAAQ;OAC7C,IAEA,IAAI,CAAC,WAAW,CACb,CACX,CACG,CACX,EACD,aACI,KAAK,EAAE,SAAS,EAChB,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,EAAE,EAAE,IAAI,CAAC,EAAE,EACX,IAAI,EAAE,IAAI,CAAC,IAAI,GACV,EACR,IAAI,CAAC,KAAK,IAAI,aAAO,OAAO,EAAE,IAAI,CAAC,EAAE,IAAG,IAAI,CAAC,KAAK,CAAS,CACzD,EACT;GACL;;;;;","names":["uuid"],"sources":["./src/components/components/xpl-toggle/xpl-toggle.tsx"],"sourcesContent":["import { Component, Host, h, Prop, State } from '@stencil/core';\nimport { v4 as uuid } from 'uuid';\n\n@Component({\n tag: 'xpl-toggle',\n})\nexport class XplToggle {\n @Prop() checked?: boolean;\n /**\n * The toggle's description appears *above* the toggle.\n */\n @Prop() description?: string;\n @Prop() disabled?: boolean;\n /**\n * The toggle's heading appears *above* the toggle.\n */\n @Prop() heading?: string;\n /**\n * The toggle's label appears *to the right of* the toggle.\n */\n @Prop() label?: string;\n @Prop() name?: string;\n /**\n * The size of the toggle -- `default` or `small`\n */\n @Prop() variant?: 'default' | 'small' = 'default';\n\n @State() id: string = uuid();\n\n render() {\n let containerClassName = 'xpl-toggle-container';\n if (this.disabled)\n containerClassName += ' xpl-toggle-container--disabled';\n\n let className = 'xpl-toggle';\n if (this.variant === 'small') className += ' xpl-toggle--small';\n\n return (\n <Host class={containerClassName}>\n {(this.heading || this.description) && (\n <label\n class={{\n 'xpl-label': true,\n 'xpl-label--disabled': this.disabled,\n }}\n htmlFor={this.id}\n >\n {this.heading}\n {this.description && (\n <small\n class={{\n 'xpl-description': true,\n 'xpl-description--disabled': this.disabled,\n }}\n >\n {this.description}\n </small>\n )}\n </label>\n )}\n <input\n class={className}\n type=\"checkbox\"\n checked={this.checked}\n disabled={this.disabled}\n id={this.id}\n name={this.name}\n ></input>\n {this.label && <label htmlFor={this.id}>{this.label}</label>}\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/stories/application-shell.stories.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"application-shell.stories.js","sourceRoot":"","sources":["../../src/stories/application-shell.stories.ts"],"names":[],"mappings":"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","sourcesContent":["export default {\n title: 'Components/Application Shell',\n argTypes: {\n navWidth: {\n options: ['default', 'sm', 'md'],\n control: {\n type: 'select',\n },\n },\n showSecondaryNav: {\n control: {\n type: 'boolean',\n },\n },\n showUtilityBar: {\n control: {\n type: 'boolean',\n },\n },\n contentSize: {\n options: ['wide', 'narrow', 'full'],\n control: {\n type: 'select',\n },\n },\n isNavOpenAtStartup: {\n options: [true, false],\n control: {\n type: 'boolean',\n },\n },\n },\n};\n\nconst renderBlock = (showBlock: boolean, block: string): string =>\n showBlock ? block : '';\n\nconst utilityBar = (isNavOpenAtStartup) => `\n <xpl-utility-bar slot=\"utility\" nav-control is-nav-open-at-startup=${isNavOpenAtStartup}>\n <xpl-breadcrumbs slot=\"aside\">\n <xpl-breadcrumb-item>\n <a href=\"javascript:;\">Locations</a>\n </xpl-breadcrumb-item>\n <xpl-breadcrumb-item>\n <a href=\"javascript:;\">Dupont Circle</a>\n </xpl-breadcrumb-item>\n <xpl-breadcrumb-item>\n <a href=\"javascript:;\">Class A</a>\n </xpl-breadcrumb-item>\n </xpl-breadcrumbs>\n <ul slot=\"main\">\n <li>\n <xpl-button\n type=\"submit\"\n variant=\"secondary\"\n >\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\">\n <path d=\"M6 2.32258C4.71774 2.32258 3.67742 3.3629 3.67742 4.64516C3.67742 5.92742 4.71774 6.96774 6 6.96774C7.28226 6.96774 8.32258 5.92742 8.32258 4.64516C8.32258 3.3629 7.28226 2.32258 6 2.32258ZM6 5.80645C5.35887 5.80645 4.83871 5.28629 4.83871 4.64516C4.83871 4.00403 5.35887 3.48387 6 3.48387C6.64113 3.48387 7.16129 4.00403 7.16129 4.64516C7.16129 5.28629 6.64113 5.80645 6 5.80645ZM6 0C2.68548 0 0 2.68548 0 6C0 9.31452 2.68548 12 6 12C9.31452 12 12 9.31452 12 6C12 2.68548 9.31452 0 6 0ZM6 10.8387C4.79758 10.8387 3.69919 10.396 2.85242 9.66774C3.2129 9.11129 3.82984 8.73387 4.53629 8.7121C5.03952 8.86694 5.51855 8.94436 6 8.94436C6.48145 8.94436 6.96048 8.86935 7.46371 8.7121C8.17016 8.73629 8.7871 9.11129 9.14758 9.66774C8.30081 10.396 7.20242 10.8387 6 10.8387ZM9.93629 8.80403C9.34597 8.04435 8.43387 7.54839 7.39355 7.54839C7.14677 7.54839 6.76452 7.78064 6 7.78064C5.2379 7.78064 4.85323 7.54839 4.60645 7.54839C3.56855 7.54839 2.65645 8.04435 2.06371 8.80403C1.49758 8.0129 1.16129 7.04516 1.16129 6C1.16129 3.33145 3.33145 1.16129 6 1.16129C8.66855 1.16129 10.8387 3.33145 10.8387 6C10.8387 7.04516 10.5024 8.0129 9.93629 8.80403Z\" fill=\"currentColor\"/>\n </svg>\n Find Customer</xpl-button\n >\n </li>\n <li>\n <xpl-avatar\n name=\"Jeremy\"\n src=\"https://pbs.twimg.com/profile_images/1388990311637127168/njwE8QEa_reasonably_small.jpg\"\n status=\"inactive\"\n ></xpl-avatar>\n </li>\n </ul>\n </xpl-utility-bar>\n`;\n\nconst secondaryNav = `\n <xpl-secondary-nav slot=\"subnav\">\n <ul>\n <xpl-nav-item>\n <a href=\"javascript:;\" class=\"active\"> Dashboard </a>\n </xpl-nav-item>\n <xpl-nav-item>\n <a href=\"javascript:;\"> Board </a>\n </xpl-nav-item>\n <xpl-nav-item>\n <a href=\"javascript:;\"> Dash </a>\n </xpl-nav-item>\n <xpl-nav-item>\n <a href=\"javascript:;\"> Dboard </a>\n </xpl-nav-item>\n <xpl-nav-item>\n <a href=\"javascript:;\"> Dashboard Board </a>\n </xpl-nav-item>\n </ul>\n </xpl-secondary-nav>\n`;\n\ninterface ApplicationShellProps {\n contentSize: string;\n isNavOpenAtStartup: boolean;\n navWidth: string;\n showSecondaryNav: boolean;\n showUtilityBar: boolean;\n}\n\nexport const ApplicationShell = ({\n contentSize,\n isNavOpenAtStartup,\n navWidth,\n showSecondaryNav,\n showUtilityBar,\n}: ApplicationShellProps) => {\n return `\n <xpl-application-shell\n ${showSecondaryNav ? 'with-subnav' : ''}\n is-nav-open-at-startup=${isNavOpenAtStartup}\n >\n <xpl-main-nav slot=\"nav\" width=\"${navWidth}\">\n <svg\n slot=\"logo\"\n width=\"42\"\n height=\"42\"\n viewBox=\"0 0 42 42\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M0 4C0 1.79086 1.79086 0 4 0H38C40.2091 0 42 1.79086 42 4V38C42 40.2091 40.2091 42 38 42H4C1.79086 42 0 40.2091 0 38V4Z\"\n fill=\"white\"\n />\n <g clip-path=\"url(#clip0_1237:41953)\">\n <path\n d=\"M33.6029 8.55469C26.4683 8.88391 19.9116 12.5273 15.9331 18.3875C13.266 17.9266 10.5321 18.5851 8.39844 20.2092V21.7895C14.9107 21.7895 20.1783 26.9913 20.2005 33.4002V33.4221H21.8008C23.4455 31.3151 24.1345 28.6154 23.6456 25.9816C29.5799 22.0748 33.2695 15.6001 33.6029 8.55469ZM22.3564 16.8731C22.3564 15.3367 23.6233 14.0857 25.1792 14.0857C26.735 14.0857 28.0019 15.3367 28.0019 16.8731C28.0019 18.4095 26.735 19.6605 25.1792 19.6605C23.6233 19.6605 22.3564 18.4095 22.3564 16.8731Z\"\n fill=\"#F44E27\"\n />\n <path\n d=\"M12.3762 27.431C10.7314 26.9701 8.9978 27.8919 8.53105 29.538C8.44215 29.8014 8.41992 30.0867 8.41992 30.3721V33.4448H11.5316C11.7983 33.4448 12.0428 33.4229 12.2873 33.357C13.9542 32.94 14.9544 31.2719 14.5321 29.6258C14.2432 28.5503 13.4208 27.7383 12.3762 27.431Z\"\n fill=\"#F44E27\"\n />\n </g>\n <defs>\n <clipPath id=\"clip0_1237:41953\">\n <rect\n width=\"25.3165\"\n height=\"25\"\n fill=\"white\"\n transform=\"translate(8.3418 8.5)\"\n />\n </clipPath>\n </defs>\n </svg>\n <p slot=\"brand-name\">Apollo Components</p>\n <div slot=\"navigation\">\n <xpl-nav-item nav-control>\n <a slot=\"link\" href=\"javascript:;\">\n <svg\n slot=\"icon\"\n viewBox=\"0 0 16 16\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M13.8795 7.82083L12.6661 6.82312V4.83311C12.6661 4.7889 12.6486 4.74651 12.6173 4.71525C12.5861 4.684 12.5437 4.66644 12.4995 4.66644H11.8328C11.7892 4.66671 11.7474 4.68404 11.7165 4.71473C11.6855 4.74542 11.6678 4.78702 11.6672 4.83061V6.00186L8.74673 3.60393C8.5369 3.42922 8.27248 3.33356 7.99944 3.33356C7.72639 3.33356 7.46198 3.42922 7.25214 3.60393L2.1194 7.82083C2.08583 7.84893 2.05812 7.88336 2.03786 7.92217C2.01759 7.96097 2.00517 8.00339 2.0013 8.047C1.99744 8.0906 2.00219 8.13454 2.01531 8.17631C2.02842 8.21808 2.04963 8.25685 2.07773 8.29042L2.29107 8.54667C2.3478 8.61441 2.42912 8.65685 2.51713 8.66466C2.60515 8.67248 2.69266 8.64502 2.76045 8.58834L3.33274 8.11833V11.9998C3.33324 12.1765 3.40363 12.3458 3.52855 12.4707C3.65347 12.5956 3.82275 12.666 3.99941 12.6665H6.66609C6.84275 12.666 7.01204 12.5956 7.13696 12.4707C7.26187 12.3458 7.33227 12.1765 7.33277 11.9998V9.83314H8.66611V11.9998C8.6666 12.1765 8.737 12.3458 8.86192 12.4707C8.98683 12.5956 9.15612 12.666 9.33278 12.6665H11.9995C12.1753 12.6661 12.3439 12.5964 12.4687 12.4726C12.5935 12.3487 12.6644 12.1806 12.6661 12.0048V8.11792L13.2397 8.58917C13.3075 8.64586 13.395 8.67331 13.483 8.6655C13.571 8.65768 13.6523 8.61524 13.7091 8.5475L13.9222 8.29146C13.9504 8.2578 13.9717 8.2189 13.9848 8.17699C13.9979 8.13509 14.0026 8.091 13.9986 8.04727C13.9947 8.00354 13.9821 7.96102 13.9616 7.92216C13.9412 7.8833 13.9133 7.84887 13.8795 7.82083V7.82083ZM11.663 11.6665H9.66611V9.4998C9.66562 9.32314 9.59522 9.15386 9.4703 9.02894C9.34539 8.90402 9.1761 8.83363 8.99944 8.83313H6.99943C6.82277 8.83363 6.65349 8.90402 6.52857 9.02894C6.40365 9.15386 6.33325 9.32314 6.33276 9.4998V11.6665H4.33275V7.29708L7.99944 4.28414L11.6661 7.29583L11.663 11.6665Z\"\n />\n </svg>\n <p>Dashboard</p>\n </a>\n </xpl-nav-item>\n <xpl-nav-item nav-control>\n <a slot=\"link\" href=\"javascript:;\">\n <svg\n slot=\"icon\"\n viewBox=\"0 0 16 16\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M13.4375 4.25H11.1875C10.877 4.25 10.625 4.50172 10.625 4.8125V7.0625C10.625 7.37305 10.877 7.625 11.1875 7.625H13.4375C13.748 7.625 14 7.37305 14 7.0625V4.8125C14 4.50172 13.748 4.25 13.4375 4.25ZM12.875 6.5H11.75V5.375H12.875V6.5ZM13.4375 8.375H11.1875C10.877 8.375 10.625 8.62672 10.625 8.9375V11.1875C10.625 11.498 10.877 11.75 11.1875 11.75H13.4375C13.748 11.75 14 11.498 14 11.1875V8.9375C14 8.62672 13.748 8.375 13.4375 8.375ZM12.875 10.625H11.75V9.5H12.875V10.625ZM4.8125 4.25H2.5625C2.25195 4.25 2 4.50172 2 4.8125V7.0625C2 7.37305 2.25195 7.625 2.5625 7.625H4.8125C5.12305 7.625 5.375 7.37305 5.375 7.0625V4.8125C5.375 4.50172 5.12305 4.25 4.8125 4.25ZM4.25 6.5H3.125V5.375H4.25V6.5ZM4.8125 8.375H2.5625C2.25195 8.375 2 8.62672 2 8.9375V11.1875C2 11.498 2.25195 11.75 2.5625 11.75H4.8125C5.12305 11.75 5.375 11.498 5.375 11.1875V8.9375C5.375 8.62672 5.12305 8.375 4.8125 8.375ZM4.25 10.625H3.125V9.5H4.25V10.625ZM9.125 4.25H6.875C6.56445 4.25 6.3125 4.50172 6.3125 4.8125V7.0625C6.3125 7.37305 6.56445 7.625 6.875 7.625H9.125C9.43555 7.625 9.6875 7.37305 9.6875 7.0625V4.8125C9.6875 4.50172 9.43555 4.25 9.125 4.25ZM8.5625 6.5H7.4375V5.375H8.5625V6.5ZM9.125 8.375H6.875C6.56445 8.375 6.3125 8.62672 6.3125 8.9375V11.1875C6.3125 11.498 6.56445 11.75 6.875 11.75H9.125C9.43555 11.75 9.6875 11.498 9.6875 11.1875V8.9375C9.6875 8.62672 9.43555 8.375 9.125 8.375ZM8.5625 10.625H7.4375V9.5H8.5625V10.625Z\"\n />\n </svg>\n <p>Classes</p>\n </a>\n </xpl-nav-item>\n <xpl-nav-item nav-control>\n <a slot=\"link\" href=\"javascript:;\" class=\"active\">\n <svg\n slot=\"icon\"\n viewBox=\"0 0 16 16\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M8 2C5.51335 2 3.5 4.01595 3.5 6.5C3.5 8.16681 4.06229 8.68768 7.04542 13.4709C7.48569 14.1768 8.51481 14.176 8.95457 13.4709C11.9393 8.68518 12.5 8.16648 12.5 6.5C12.5 4.01335 10.4841 2 8 2ZM8 12.875C5.0135 8.08639 4.625 7.7841 4.625 6.5C4.625 4.63604 6.13604 3.125 8 3.125C9.86396 3.125 11.375 4.63604 11.375 6.5C11.375 7.77859 11.0196 8.0334 8 12.875ZM6.125 6.5C6.125 5.46446 6.96446 4.625 8 4.625C9.03554 4.625 9.875 5.46446 9.875 6.5C9.875 7.53554 9.03554 8.375 8 8.375C6.96446 8.375 6.125 7.53554 6.125 6.5Z\"\n />\n </svg>\n\n <p>Locations</p>\n </a>\n </xpl-nav-item>\n <xpl-nav-item nav-control>\n <a slot=\"link\" href=\"javascript:;\">\n <svg\n slot=\"icon\"\n viewBox=\"0 0 16 16\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M12.125 3.5H11V2.28125C11 2.12656 10.8734 2 10.7188 2H9.78125C9.62656 2 9.5 2.12656 9.5 2.28125V3.5H6.5V2.28125C6.5 2.12656 6.37344 2 6.21875 2H5.28125C5.12656 2 5 2.12656 5 2.28125V3.5H3.875C3.25391 3.5 2.75 4.00391 2.75 4.625V12.875C2.75 13.4961 3.25391 14 3.875 14H12.125C12.7461 14 13.25 13.4961 13.25 12.875V4.625C13.25 4.00391 12.7461 3.5 12.125 3.5ZM11.9844 12.875H4.01562C3.93828 12.875 3.875 12.8117 3.875 12.7344V5.75H12.125V12.7344C12.125 12.8117 12.0617 12.875 11.9844 12.875Z\"\n />\n </svg>\n\n <p>Schedule</p>\n </a>\n </xpl-nav-item>\n <xpl-nav-item nav-control>\n <a slot=\"link\" href=\"javascript:;\">\n <svg\n slot=\"icon\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M11.3 10.25H11.825C11.975 10.25 12.125 10.1 12.125 9.95V4.55C12.125 4.4 11.975 4.25 11.825 4.25H11.3C11.15 4.25 11 4.4 11 4.55V9.95C11 10.1 11.15 10.25 11.3 10.25ZM6.8 10.25H7.325C7.475 10.25 7.625 10.1 7.625 9.95V5.3C7.625 5.15 7.475 5 7.325 5H6.8C6.65 5 6.5 5.15 6.5 5.3V9.95C6.5 10.1 6.65 10.25 6.8 10.25ZM9.05 10.25H9.575C9.725 10.25 9.875 10.1 9.875 9.95V6.8C9.875 6.65 9.725 6.5 9.575 6.5H9.05C8.9 6.5 8.75 6.65 8.75 6.8V9.95C8.75 10.1 8.9 10.25 9.05 10.25ZM13.625 11.375H3.125V3.875C3.125 3.66781 2.95719 3.5 2.75 3.5H2.375C2.16781 3.5 2 3.66781 2 3.875V11.75C2 12.1641 2.33586 12.5 2.75 12.5H13.625C13.8322 12.5 14 12.3322 14 12.125V11.75C14 11.5428 13.8322 11.375 13.625 11.375ZM4.55 10.25H5.075C5.225 10.25 5.375 10.1 5.375 9.95V8.3C5.375 8.15 5.225 8 5.075 8H4.55C4.4 8 4.25 8.15 4.25 8.3V9.95C4.25 10.1 4.4 10.25 4.55 10.25Z\"\n />\n </svg>\n <p>Reports</p>\n </a>\n </xpl-nav-item>\n <xpl-nav-item nav-control>\n <a slot=\"link\" href=\"javascript:;\">\n <svg\n slot=\"icon\"\n viewBox=\"0 0 16 16\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M10.6667 5.33329C10.4825 5.33329 10.3333 5.48246 10.3333 5.66663C10.3333 5.85079 10.4825 5.99996 10.6667 5.99996C10.8508 5.99996 11 5.85079 11 5.66663C11 5.48246 10.8508 5.33329 10.6667 5.33329ZM13.4069 2.75308C13.2789 2.69608 13.1403 2.66662 13.0002 2.66663C12.7577 2.66663 12.5183 2.75475 12.331 2.92329L11.5052 3.66663H11.1617L10.3358 2.92329C10.1921 2.79401 10.014 2.70913 9.82301 2.67892C9.63205 2.64872 9.43642 2.67447 9.25979 2.75308C8.89917 2.91392 8.66667 3.27163 8.66667 3.66663V5.99996C8.66667 6.08829 8.68438 6.17163 8.69271 6.25788L7.71354 6.40621C6.30771 6.61933 5.11729 7.37288 4.33333 8.43788V6.49996C4.33333 5.48892 3.51104 4.66663 2.5 4.66663C2.22396 4.66663 2 4.89058 2 5.16663C2 5.44725 2.23167 5.67433 2.51417 5.66642C2.97958 5.6535 3.33333 6.09517 3.33333 6.56079V10.9854C3.33333 12.5148 4.15417 13.3333 5.16667 13.3333H9C9.18417 13.3333 9.33333 13.1841 9.33333 13C9.33333 12.6318 9.03479 12.3333 8.66667 12.3333H8.33042C8.32812 12.1798 8.31417 12.0285 8.29188 11.8789L10 10.8739V12.6666C10 13.0348 10.2985 13.3333 10.6667 13.3333H12C12.3681 13.3333 12.6667 13.0348 12.6667 12.6666V8.29579C13.4598 7.83329 14 6.98267 14 6.00017V3.66663C14 3.27183 13.7675 2.91392 13.4069 2.75308ZM11.6667 12.3333H11V10.2912C11 10.0527 10.8717 9.831 10.6648 9.71267C10.4583 9.59413 10.2019 9.59558 9.99563 9.71663L7.98833 10.8975C7.73667 10.377 7.35854 9.92079 6.87479 9.58267C6.71813 9.47308 6.49833 9.53663 6.40542 9.70371L6.25042 9.98267C6.16771 10.1316 6.19729 10.3262 6.33521 10.4262C6.94396 10.8673 7.31167 11.5729 7.3275 12.3333H5.16667C4.70708 12.3333 4.33333 11.9595 4.33333 11.5C4.33333 9.43163 5.81771 7.70496 7.86333 7.39517L8.97938 7.226C9.425 8.07788 10.3073 8.66663 11.3333 8.66663C11.4475 8.66663 11.5563 8.64683 11.6667 8.63288V12.3333ZM13 5.99996C13 6.92038 12.2537 7.66663 11.3333 7.66663C10.4129 7.66663 9.66667 6.92038 9.66667 5.99996V3.66663L10.7777 4.66663H11.8888L13 3.66663V5.99996ZM11.6667 5.66663C11.6667 5.85079 11.8158 5.99996 12 5.99996C12.1842 5.99996 12.3333 5.85079 12.3333 5.66663C12.3333 5.48246 12.1842 5.33329 12 5.33329C11.8158 5.33329 11.6667 5.48246 11.6667 5.66663Z\"\n />\n </svg>\n <p>Cats</p>\n </a>\n </xpl-nav-item>\n </div>\n <ul slot=\"footer\">\n <xpl-nav-item>\n <a slot=\"link\" href=\"javascript:;\">\n <xpl-avatar name=\"Jean-Luc Picard\">JP</xpl-avatar>\n <div>\n <p>Jean-Luc Picard</p>\n <p>jl@picard.space</p>\n </div>\n </a>\n </xpl-nav-item>\n </ul>\n </xpl-main-nav>\n ${renderBlock(showUtilityBar, utilityBar(isNavOpenAtStartup))}\n ${renderBlock(showSecondaryNav, secondaryNav)}\n <xpl-content-area slot=\"content\" size=\"${contentSize}\">\n <div>\n <p>\n This is the\n <code>xpl-application-shell</code> component. To view\n other Apollo components, click on the component name on\n the main navigation.\n </p>\n <br />\n <p>\n The Application Shell component is composed of the\n following components:\n </p>\n <br />\n <ul>\n <li><code>xpl-main-nav</code></li>\n <li><code>xpl-secondary-nav</code></li>\n <li><code>xpl-utility-bar</code></li>\n <li><code>xpl-content-area</code></li>\n <li><code>xpl-backdrop</code></li>\n </ul>\n </div>\n <div>\n <p>\n This is the\n <code>xpl-application-shell</code> component. To view\n other Apollo components, click on the component name on\n the main navigation.\n </p>\n <br />\n <p>\n The Application Shell component is composed of the\n following components:\n </p>\n <br />\n <ul>\n <li><code>xpl-main-nav</code></li>\n <li><code>xpl-secondary-nav</code></li>\n <li><code>xpl-utility-bar</code></li>\n <li><code>xpl-content-area</code></li>\n <li><code>xpl-backdrop</code></li>\n </ul>\n </div>\n <div>\n <p>\n This is the\n <code>xpl-application-shell</code> component. To view\n other Apollo components, click on the component name on\n the main navigation.\n </p>\n <br />\n <p>\n The Application Shell component is composed of the\n following components:\n </p>\n <br />\n <ul>\n <li><code>xpl-main-nav</code></li>\n <li><code>xpl-secondary-nav</code></li>\n <li><code>xpl-utility-bar</code></li>\n <li><code>xpl-content-area</code></li>\n <li><code>xpl-backdrop</code></li>\n </ul>\n </div>\n <div>\n <p>\n This is the\n <code>xpl-application-shell</code> component. To view\n other Apollo components, click on the component name on\n the main navigation.\n </p>\n <br />\n <p>\n The Application Shell component is composed of the\n following components:\n </p>\n <br />\n <ul>\n <li><code>xpl-main-nav</code></li>\n <li><code>xpl-secondary-nav</code></li>\n <li><code>xpl-utility-bar</code></li>\n <li><code>xpl-content-area</code></li>\n <li><code>xpl-backdrop</code></li>\n </ul>\n </div>\n <div>\n <p>\n This is the\n <code>xpl-application-shell</code> component. To view\n other Apollo components, click on the component name on\n the main navigation.\n </p>\n <br />\n <p>\n The Application Shell component is composed of the\n following components:\n </p>\n <br />\n <ul>\n <li><code>xpl-main-nav</code></li>\n <li><code>xpl-secondary-nav</code></li>\n <li><code>xpl-utility-bar</code></li>\n <li><code>xpl-content-area</code></li>\n <li><code>xpl-backdrop</code></li>\n </ul>\n </div>\n </xpl-content-area>\n </xpl-application-shell>\n `;\n};\n\nApplicationShell.parameters = {\n layout: 'fullscreen',\n 'web-component': {\n render: ({\n navWidth,\n showSecondaryNav,\n showUtilityBar,\n contentSize,\n isNavOpenAtStartup,\n }): string => {\n const renderBlock = (showBlock: boolean, block: string): string =>\n showBlock ? block : '';\n const utilityBar = `\n <xpl-utility-bar slot=\"utility\" nav-control is-nav-open-at-startup=${isNavOpenAtStartup}>\n <xpl-breadcrumbs slot=\"aside\">\n <xpl-breadcrumb-item>\n <a href=\"javascript:;\">Locations</a>\n </xpl-breadcrumb-item>\n <xpl-breadcrumb-item>\n <a href=\"javascript:;\">Dupont Circle</a>\n </xpl-breadcrumb-item>\n <xpl-breadcrumb-item>\n <a href=\"javascript:;\">Class A</a>\n </xpl-breadcrumb-item>\n </xpl-breadcrumbs>\n <ul slot=\"main\">\n <li>\n <xpl-button\n type=\"submit\"\n variant=\"outline\"\n icon-leading\n icon=\"user-circle\"\n icon-only\n >Find Customer</xpl-button\n >\n </li>\n <li>\n <xpl-avatar\n name=\"Jeremy\"\n src=\"https://pbs.twimg.com/profile_images/1388990311637127168/njwE8QEa_reasonably_small.jpg\"\n status=\"inactive\"\n ></xpl-avatar>\n </li>\n </ul>\n </xpl-utility-bar>\n `;\n\n const secondaryNav = `\n <xpl-secondary-nav slot=\"subnav\">\n <ul>\n <xpl-nav-item>\n <a href=\"javascript:;\"> Dashboard </a>\n </xpl-nav-item>\n <xpl-nav-item>\n <a href=\"javascript:;\"> Board </a>\n </xpl-nav-item>\n <xpl-nav-item>\n <a href=\"javascript:;\"> Dash </a>\n </xpl-nav-item>\n <xpl-nav-item>\n <a href=\"javascript:;\"> Dboard </a>\n </xpl-nav-item>\n <xpl-nav-item>\n <a href=\"javascript:;\"> Dashboard Board </a>\n </xpl-nav-item>\n </ul>\n </xpl-secondary-nav>\n `;\n return `\n <xpl-application-shell\n ${showSecondaryNav ? 'with-subnav' : ''}\n is-nav-open-at-startup=${isNavOpenAtStartup}\n >\n <xpl-main-nav slot=\"nav\" width=\"${navWidth}\">\n <svg\n slot=\"logo\"\n width=\"42\"\n height=\"42\"\n viewBox=\"0 0 42 42\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M0 4C0 1.79086 1.79086 0 4 0H38C40.2091 0 42 1.79086 42 4V38C42 40.2091 40.2091 42 38 42H4C1.79086 42 0 40.2091 0 38V4Z\"\n fill=\"white\"\n />\n <g clip-path=\"url(#clip0_1237:41953)\">\n <path\n d=\"M33.6029 8.55469C26.4683 8.88391 19.9116 12.5273 15.9331 18.3875C13.266 17.9266 10.5321 18.5851 8.39844 20.2092V21.7895C14.9107 21.7895 20.1783 26.9913 20.2005 33.4002V33.4221H21.8008C23.4455 31.3151 24.1345 28.6154 23.6456 25.9816C29.5799 22.0748 33.2695 15.6001 33.6029 8.55469ZM22.3564 16.8731C22.3564 15.3367 23.6233 14.0857 25.1792 14.0857C26.735 14.0857 28.0019 15.3367 28.0019 16.8731C28.0019 18.4095 26.735 19.6605 25.1792 19.6605C23.6233 19.6605 22.3564 18.4095 22.3564 16.8731Z\"\n fill=\"#F44E27\"\n />\n <path\n d=\"M12.3762 27.431C10.7314 26.9701 8.9978 27.8919 8.53105 29.538C8.44215 29.8014 8.41992 30.0867 8.41992 30.3721V33.4448H11.5316C11.7983 33.4448 12.0428 33.4229 12.2873 33.357C13.9542 32.94 14.9544 31.2719 14.5321 29.6258C14.2432 28.5503 13.4208 27.7383 12.3762 27.431Z\"\n fill=\"#F44E27\"\n />\n </g>\n <defs>\n <clipPath id=\"clip0_1237:41953\">\n <rect\n width=\"25.3165\"\n height=\"25\"\n fill=\"white\"\n transform=\"translate(8.3418 8.5)\"\n />\n </clipPath>\n </defs>\n </svg>\n <p slot=\"brand-name\">Apollo Components</p>\n <div slot=\"navigation\">\n <xpl-nav-item>\n <a slot=\"link\" href=\"./dev/choicelist/index.html\">\n <svg\n slot=\"icon\"\n viewBox=\"0 0 16 16\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M13.8795 7.82083L12.6661 6.82312V4.83311C12.6661 4.7889 12.6486 4.74651 12.6173 4.71525C12.5861 4.684 12.5437 4.66644 12.4995 4.66644H11.8328C11.7892 4.66671 11.7474 4.68404 11.7165 4.71473C11.6855 4.74542 11.6678 4.78702 11.6672 4.83061V6.00186L8.74673 3.60393C8.5369 3.42922 8.27248 3.33356 7.99944 3.33356C7.72639 3.33356 7.46198 3.42922 7.25214 3.60393L2.1194 7.82083C2.08583 7.84893 2.05812 7.88336 2.03786 7.92217C2.01759 7.96097 2.00517 8.00339 2.0013 8.047C1.99744 8.0906 2.00219 8.13454 2.01531 8.17631C2.02842 8.21808 2.04963 8.25685 2.07773 8.29042L2.29107 8.54667C2.3478 8.61441 2.42912 8.65685 2.51713 8.66466C2.60515 8.67248 2.69266 8.64502 2.76045 8.58834L3.33274 8.11833V11.9998C3.33324 12.1765 3.40363 12.3458 3.52855 12.4707C3.65347 12.5956 3.82275 12.666 3.99941 12.6665H6.66609C6.84275 12.666 7.01204 12.5956 7.13696 12.4707C7.26187 12.3458 7.33227 12.1765 7.33277 11.9998V9.83314H8.66611V11.9998C8.6666 12.1765 8.737 12.3458 8.86192 12.4707C8.98683 12.5956 9.15612 12.666 9.33278 12.6665H11.9995C12.1753 12.6661 12.3439 12.5964 12.4687 12.4726C12.5935 12.3487 12.6644 12.1806 12.6661 12.0048V8.11792L13.2397 8.58917C13.3075 8.64586 13.395 8.67331 13.483 8.6655C13.571 8.65768 13.6523 8.61524 13.7091 8.5475L13.9222 8.29146C13.9504 8.2578 13.9717 8.2189 13.9848 8.17699C13.9979 8.13509 14.0026 8.091 13.9986 8.04727C13.9947 8.00354 13.9821 7.96102 13.9616 7.92216C13.9412 7.8833 13.9133 7.84887 13.8795 7.82083V7.82083ZM11.663 11.6665H9.66611V9.4998C9.66562 9.32314 9.59522 9.15386 9.4703 9.02894C9.34539 8.90402 9.1761 8.83363 8.99944 8.83313H6.99943C6.82277 8.83363 6.65349 8.90402 6.52857 9.02894C6.40365 9.15386 6.33325 9.32314 6.33276 9.4998V11.6665H4.33275V7.29708L7.99944 4.28414L11.6661 7.29583L11.663 11.6665Z\"\n />\n </svg>\n <p>Choice List</p>\n </a>\n </xpl-nav-item>\n </div>\n <ul slot=\"footer\">\n <xpl-nav-item>\n <a slot=\"link\" href=\"javascript:;\">\n <xpl-avatar name=\"Jean-Luc Picard\">JP</xpl-avatar>\n <div>\n <p>Jean-Luc Picard</p>\n <p>jl@picard.space</p>\n </div>\n </a>\n </xpl-nav-item>\n </ul>\n </xpl-main-nav>\n ${renderBlock(showUtilityBar, utilityBar)}\n ${renderBlock(showSecondaryNav, secondaryNav)}\n <xpl-content-area slot=\"content\" size=\"${contentSize}\">\n <div>\n <p>\n This is the\n <code>xpl-application-shell</code> component. To view\n other Apollo components, click on the component name on\n the main navigation.\n </p>\n <br />\n <p>\n The Application Shell component is composed of the\n following components:\n </p>\n <br />\n <ul>\n <li><code>xpl-main-nav</code></li>\n <li><code>xpl-secondary-nav</code></li>\n <li><code>xpl-utility-bar</code></li>\n <li><code>xpl-content-area</code></li>\n <li><code>xpl-backdrop</code></li>\n </ul>\n </div>\n </xpl-content-area>\n </xpl-application-shell>\n `;\n },\n },\n html: {\n render: ({\n navWidth,\n showSecondaryNav,\n showUtilityBar,\n contentSize,\n }): string => {\n const renderBlock = (showBlock: boolean, block: string): string =>\n showBlock ? block : '';\n const secondaryNav = `\n <div class=\"xpl-secondary-nav\">\n <nav aria-label=\"Secondary Nav\">\n <ul>\n <li class=\"xpl-nav-item\">\n <a href=\"javascript:;\"> Dashboard </a>\n </li>\n <li class=\"xpl-nav-item\">\n <a href=\"javascript:;\"> Board </a>\n </li>\n <li class=\"xpl-nav-item\">\n <a href=\"javascript:;\"> Dash </a>\n </li>\n <li class=\"xpl-nav-item\">\n <a href=\"javascript:;\"> Dboard </a>\n </li>\n <li class=\"xpl-nav-item\">\n <a href=\"javascript:;\"> Dashbosard Board </a>\n </li>\n </ul>\n </nav>\n </div>\n `;\n\n const utilityBar = `\n <nav class=\"xpl-utility-bar\">\n <ul slot=\"main\">\n <li>\n <svg\n aria-hidden=\"true\"\n focusable=\"false\"\n data-prefix=\"fas\"\n data-icon=\"bars\"\n class=\"svg-inline--fa fa-bars fa-w-14\"\n role=\"img\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 448 512\"\n >\n <path\n fill=\"currentColor\"\n d=\"M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z\"\n ></path>\n </svg>\n </li>\n </ul>\n <ul slot=\"main\">\n <li>\n <button class=\"xpl-button xpl-button--secondary\">\n Find Customer<span class=\"sr-only\"></span>\n </button>\n </li>\n <li>\n <div\n class=\"\n xpl-avatar\n xpl-avatar--default\n xpl-avatar--secondary\n \"\n >\n <div>\n <img\n alt=\"Jeremy\"\n src=\"https://pbs.twimg.com/profile_images/1388990311637127168/njwE8QEa_reasonably_small.jpg\"\n />\n </div>\n </div>\n </li>\n </ul>\n </nav>\n `;\n return `\n <div class=\"xpl-application-shell xpl-application-shell--with_subnav\">\n <div\n class=\"\n xpl-application-shell__nav\n xpl-application-shell__nav--${navWidth}\n \"\n >\n <div class=\"xpl-main-nav xpl-main-nav--${navWidth}\">\n <nav aria-label=\"Sidebar\">\n <header aria-label=\"Sidebar Header\">\n <svg\n slot=\"logo\"\n width=\"42\"\n height=\"42\"\n viewBox=\"0 0 42 42\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M0 4C0 1.79086 1.79086 0 4 0H38C40.2091 0 42 1.79086 42 4V38C42 40.2091 40.2091 42 38 42H4C1.79086 42 0 40.2091 0 38V4Z\"\n fill=\"white\"\n />\n <g clip-path=\"url(#clip0_1237:41953)\">\n <path\n d=\"M33.6029 8.55469C26.4683 8.88391 19.9116 12.5273 15.9331 18.3875C13.266 17.9266 10.5321 18.5851 8.39844 20.2092V21.7895C14.9107 21.7895 20.1783 26.9913 20.2005 33.4002V33.4221H21.8008C23.4455 31.3151 24.1345 28.6154 23.6456 25.9816C29.5799 22.0748 33.2695 15.6001 33.6029 8.55469ZM22.3564 16.8731C22.3564 15.3367 23.6233 14.0857 25.1792 14.0857C26.735 14.0857 28.0019 15.3367 28.0019 16.8731C28.0019 18.4095 26.735 19.6605 25.1792 19.6605C23.6233 19.6605 22.3564 18.4095 22.3564 16.8731Z\"\n fill=\"#F44E27\"\n />\n <path\n d=\"M12.3762 27.431C10.7314 26.9701 8.9978 27.8919 8.53105 29.538C8.44215 29.8014 8.41992 30.0867 8.41992 30.3721V33.4448H11.5316C11.7983 33.4448 12.0428 33.4229 12.2873 33.357C13.9542 32.94 14.9544 31.2719 14.5321 29.6258C14.2432 28.5503 13.4208 27.7383 12.3762 27.431Z\"\n fill=\"#F44E27\"\n />\n </g>\n <defs>\n <clipPath id=\"clip0_1237:41953\">\n <rect\n width=\"25.3165\"\n height=\"25\"\n fill=\"white\"\n transform=\"translate(8.3418 8.5)\"\n />\n </clipPath>\n </defs>\n </svg>\n <p slot=\"brand-name\">Client Name</p>\n </header>\n <ul>\n <li class=\"xpl-nav-item\">\n <a slot=\"link\" href=\"javascript:;\">\n <svg\n slot=\"icon\"\n viewBox=\"0 0 16 16\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M13.8795 7.82083L12.6661 6.82312V4.83311C12.6661 4.7889 12.6486 4.74651 12.6173 4.71525C12.5861 4.684 12.5437 4.66644 12.4995 4.66644H11.8328C11.7892 4.66671 11.7474 4.68404 11.7165 4.71473C11.6855 4.74542 11.6678 4.78702 11.6672 4.83061V6.00186L8.74673 3.60393C8.5369 3.42922 8.27248 3.33356 7.99944 3.33356C7.72639 3.33356 7.46198 3.42922 7.25214 3.60393L2.1194 7.82083C2.08583 7.84893 2.05812 7.88336 2.03786 7.92217C2.01759 7.96097 2.00517 8.00339 2.0013 8.047C1.99744 8.0906 2.00219 8.13454 2.01531 8.17631C2.02842 8.21808 2.04963 8.25685 2.07773 8.29042L2.29107 8.54667C2.3478 8.61441 2.42912 8.65685 2.51713 8.66466C2.60515 8.67248 2.69266 8.64502 2.76045 8.58834L3.33274 8.11833V11.9998C3.33324 12.1765 3.40363 12.3458 3.52855 12.4707C3.65347 12.5956 3.82275 12.666 3.99941 12.6665H6.66609C6.84275 12.666 7.01204 12.5956 7.13696 12.4707C7.26187 12.3458 7.33227 12.1765 7.33277 11.9998V9.83314H8.66611V11.9998C8.6666 12.1765 8.737 12.3458 8.86192 12.4707C8.98683 12.5956 9.15612 12.666 9.33278 12.6665H11.9995C12.1753 12.6661 12.3439 12.5964 12.4687 12.4726C12.5935 12.3487 12.6644 12.1806 12.6661 12.0048V8.11792L13.2397 8.58917C13.3075 8.64586 13.395 8.67331 13.483 8.6655C13.571 8.65768 13.6523 8.61524 13.7091 8.5475L13.9222 8.29146C13.9504 8.2578 13.9717 8.2189 13.9848 8.17699C13.9979 8.13509 14.0026 8.091 13.9986 8.04727C13.9947 8.00354 13.9821 7.96102 13.9616 7.92216C13.9412 7.8833 13.9133 7.84887 13.8795 7.82083V7.82083ZM11.663 11.6665H9.66611V9.4998C9.66562 9.32314 9.59522 9.15386 9.4703 9.02894C9.34539 8.90402 9.1761 8.83363 8.99944 8.83313H6.99943C6.82277 8.83363 6.65349 8.90402 6.52857 9.02894C6.40365 9.15386 6.33325 9.32314 6.33276 9.4998V11.6665H4.33275V7.29708L7.99944 4.28414L11.6661 7.29583L11.663 11.6665Z\"\n />\n </svg>\n <p>Dashboard</p>\n </a>\n </li>\n <li class=\"xpl-nav-item\">\n <a slot=\"link\" href=\"javascript:;\">\n <svg\n slot=\"icon\"\n viewBox=\"0 0 16 16\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M13.4375 4.25H11.1875C10.877 4.25 10.625 4.50172 10.625 4.8125V7.0625C10.625 7.37305 10.877 7.625 11.1875 7.625H13.4375C13.748 7.625 14 7.37305 14 7.0625V4.8125C14 4.50172 13.748 4.25 13.4375 4.25ZM12.875 6.5H11.75V5.375H12.875V6.5ZM13.4375 8.375H11.1875C10.877 8.375 10.625 8.62672 10.625 8.9375V11.1875C10.625 11.498 10.877 11.75 11.1875 11.75H13.4375C13.748 11.75 14 11.498 14 11.1875V8.9375C14 8.62672 13.748 8.375 13.4375 8.375ZM12.875 10.625H11.75V9.5H12.875V10.625ZM4.8125 4.25H2.5625C2.25195 4.25 2 4.50172 2 4.8125V7.0625C2 7.37305 2.25195 7.625 2.5625 7.625H4.8125C5.12305 7.625 5.375 7.37305 5.375 7.0625V4.8125C5.375 4.50172 5.12305 4.25 4.8125 4.25ZM4.25 6.5H3.125V5.375H4.25V6.5ZM4.8125 8.375H2.5625C2.25195 8.375 2 8.62672 2 8.9375V11.1875C2 11.498 2.25195 11.75 2.5625 11.75H4.8125C5.12305 11.75 5.375 11.498 5.375 11.1875V8.9375C5.375 8.62672 5.12305 8.375 4.8125 8.375ZM4.25 10.625H3.125V9.5H4.25V10.625ZM9.125 4.25H6.875C6.56445 4.25 6.3125 4.50172 6.3125 4.8125V7.0625C6.3125 7.37305 6.56445 7.625 6.875 7.625H9.125C9.43555 7.625 9.6875 7.37305 9.6875 7.0625V4.8125C9.6875 4.50172 9.43555 4.25 9.125 4.25ZM8.5625 6.5H7.4375V5.375H8.5625V6.5ZM9.125 8.375H6.875C6.56445 8.375 6.3125 8.62672 6.3125 8.9375V11.1875C6.3125 11.498 6.56445 11.75 6.875 11.75H9.125C9.43555 11.75 9.6875 11.498 9.6875 11.1875V8.9375C9.6875 8.62672 9.43555 8.375 9.125 8.375ZM8.5625 10.625H7.4375V9.5H8.5625V10.625Z\"\n />\n </svg>\n\n <p>Classes</p>\n </a>\n </li>\n <li class=\"xpl-nav-item\">\n <a\n slot=\"link\"\n href=\"javascript:;\"\n class=\"active\"\n >\n <svg\n slot=\"icon\"\n viewBox=\"0 0 16 16\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M8 2C5.51335 2 3.5 4.01595 3.5 6.5C3.5 8.16681 4.06229 8.68768 7.04542 13.4709C7.48569 14.1768 8.51481 14.176 8.95457 13.4709C11.9393 8.68518 12.5 8.16648 12.5 6.5C12.5 4.01335 10.4841 2 8 2ZM8 12.875C5.0135 8.08639 4.625 7.7841 4.625 6.5C4.625 4.63604 6.13604 3.125 8 3.125C9.86396 3.125 11.375 4.63604 11.375 6.5C11.375 7.77859 11.0196 8.0334 8 12.875ZM6.125 6.5C6.125 5.46446 6.96446 4.625 8 4.625C9.03554 4.625 9.875 5.46446 9.875 6.5C9.875 7.53554 9.03554 8.375 8 8.375C6.96446 8.375 6.125 7.53554 6.125 6.5Z\"\n />\n </svg>\n\n <p>Locations</p>\n </a>\n </li>\n <li class=\"xpl-nav-item\">\n <a slot=\"link\" href=\"javascript:;\">\n <svg\n slot=\"icon\"\n viewBox=\"0 0 16 16\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M12.125 3.5H11V2.28125C11 2.12656 10.8734 2 10.7188 2H9.78125C9.62656 2 9.5 2.12656 9.5 2.28125V3.5H6.5V2.28125C6.5 2.12656 6.37344 2 6.21875 2H5.28125C5.12656 2 5 2.12656 5 2.28125V3.5H3.875C3.25391 3.5 2.75 4.00391 2.75 4.625V12.875C2.75 13.4961 3.25391 14 3.875 14H12.125C12.7461 14 13.25 13.4961 13.25 12.875V4.625C13.25 4.00391 12.7461 3.5 12.125 3.5ZM11.9844 12.875H4.01562C3.93828 12.875 3.875 12.8117 3.875 12.7344V5.75H12.125V12.7344C12.125 12.8117 12.0617 12.875 11.9844 12.875Z\"\n />\n </svg>\n\n <p>Schedule</p>\n </a>\n </li>\n <li class=\"xpl-nav-item\">\n <a slot=\"link\" href=\"javascript:;\">\n <svg\n slot=\"icon\"\n viewBox=\"0 0 16 16\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M11.3 10.25H11.825C11.975 10.25 12.125 10.1 12.125 9.95V4.55C12.125 4.4 11.975 4.25 11.825 4.25H11.3C11.15 4.25 11 4.4 11 4.55V9.95C11 10.1 11.15 10.25 11.3 10.25ZM6.8 10.25H7.325C7.475 10.25 7.625 10.1 7.625 9.95V5.3C7.625 5.15 7.475 5 7.325 5H6.8C6.65 5 6.5 5.15 6.5 5.3V9.95C6.5 10.1 6.65 10.25 6.8 10.25ZM9.05 10.25H9.575C9.725 10.25 9.875 10.1 9.875 9.95V6.8C9.875 6.65 9.725 6.5 9.575 6.5H9.05C8.9 6.5 8.75 6.65 8.75 6.8V9.95C8.75 10.1 8.9 10.25 9.05 10.25ZM13.625 11.375H3.125V3.875C3.125 3.66781 2.95719 3.5 2.75 3.5H2.375C2.16781 3.5 2 3.66781 2 3.875V11.75C2 12.1641 2.33586 12.5 2.75 12.5H13.625C13.8322 12.5 14 12.3322 14 12.125V11.75C14 11.5428 13.8322 11.375 13.625 11.375ZM4.55 10.25H5.075C5.225 10.25 5.375 10.1 5.375 9.95V8.3C5.375 8.15 5.225 8 5.075 8H4.55C4.4 8 4.25 8.15 4.25 8.3V9.95C4.25 10.1 4.4 10.25 4.55 10.25Z\"\n />\n </svg>\n <p>Reports</p>\n </a>\n </li>\n <li class=\"xpl-nav-item\">\n <a slot=\"link\" href=\"javascript:;\">\n <svg\n slot=\"icon\"\n viewBox=\"0 0 16 16\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M10.6667 5.33329C10.4825 5.33329 10.3333 5.48246 10.3333 5.66663C10.3333 5.85079 10.4825 5.99996 10.6667 5.99996C10.8508 5.99996 11 5.85079 11 5.66663C11 5.48246 10.8508 5.33329 10.6667 5.33329ZM13.4069 2.75308C13.2789 2.69608 13.1403 2.66662 13.0002 2.66663C12.7577 2.66663 12.5183 2.75475 12.331 2.92329L11.5052 3.66663H11.1617L10.3358 2.92329C10.1921 2.79401 10.014 2.70913 9.82301 2.67892C9.63205 2.64872 9.43642 2.67447 9.25979 2.75308C8.89917 2.91392 8.66667 3.27163 8.66667 3.66663V5.99996C8.66667 6.08829 8.68438 6.17163 8.69271 6.25788L7.71354 6.40621C6.30771 6.61933 5.11729 7.37288 4.33333 8.43788V6.49996C4.33333 5.48892 3.51104 4.66663 2.5 4.66663C2.22396 4.66663 2 4.89058 2 5.16663C2 5.44725 2.23167 5.67433 2.51417 5.66642C2.97958 5.6535 3.33333 6.09517 3.33333 6.56079V10.9854C3.33333 12.5148 4.15417 13.3333 5.16667 13.3333H9C9.18417 13.3333 9.33333 13.1841 9.33333 13C9.33333 12.6318 9.03479 12.3333 8.66667 12.3333H8.33042C8.32812 12.1798 8.31417 12.0285 8.29188 11.8789L10 10.8739V12.6666C10 13.0348 10.2985 13.3333 10.6667 13.3333H12C12.3681 13.3333 12.6667 13.0348 12.6667 12.6666V8.29579C13.4598 7.83329 14 6.98267 14 6.00017V3.66663C14 3.27183 13.7675 2.91392 13.4069 2.75308ZM11.6667 12.3333H11V10.2912C11 10.0527 10.8717 9.831 10.6648 9.71267C10.4583 9.59413 10.2019 9.59558 9.99563 9.71663L7.98833 10.8975C7.73667 10.377 7.35854 9.92079 6.87479 9.58267C6.71813 9.47308 6.49833 9.53663 6.40542 9.70371L6.25042 9.98267C6.16771 10.1316 6.19729 10.3262 6.33521 10.4262C6.94396 10.8673 7.31167 11.5729 7.3275 12.3333H5.16667C4.70708 12.3333 4.33333 11.9595 4.33333 11.5C4.33333 9.43163 5.81771 7.70496 7.86333 7.39517L8.97938 7.226C9.425 8.07788 10.3073 8.66663 11.3333 8.66663C11.4475 8.66663 11.5563 8.64683 11.6667 8.63288V12.3333ZM13 5.99996C13 6.92038 12.2537 7.66663 11.3333 7.66663C10.4129 7.66663 9.66667 6.92038 9.66667 5.99996V3.66663L10.7777 4.66663H11.8888L13 3.66663V5.99996ZM11.6667 5.66663C11.6667 5.85079 11.8158 5.99996 12 5.99996C12.1842 5.99996 12.3333 5.85079 12.3333 5.66663C12.3333 5.48246 12.1842 5.33329 12 5.33329C11.8158 5.33329 11.6667 5.48246 11.6667 5.66663Z\"\n />\n </svg>\n\n <p>Cats</p>\n </a>\n </li>\n </ul>\n <footer aria-label=\"Sidebar Header\">\n <ul>\n <div class=\"xpl-nav-item\">\n <a slot=\"link\" href=\"javascript:;\">\n <xpl-avatar name=\"Jean-Luc Picard\"\n >JP</xpl-avatar\n >\n <div>\n <p>Jean-Luc Picard</p>\n <p>jlp@enterprise.space</p>\n </div>\n </a>\n </div>\n </ul>\n </footer>\n </nav>\n </div>\n </div>\n <div class=\"xpl-application-shell__utility\">\n ${renderBlock(showUtilityBar, utilityBar)}\n </div>\n <div class=\"xpl-application-shell__subnav\">\n ${renderBlock(showSecondaryNav, secondaryNav)}\n </div>\n <div class=\"xpl-application-shell__content\">\n <main\n class=\"\n xpl-content-area-wrapper xpl-content-area-wrapper__${contentSize}\"\n >\n <div class=\"xpl-content-area\">\n Sed ut perspiciatis unde omnis iste natus error sit\n voluptatem accusantium doloremque laudantium, totam rem\n aperiam, eaque ipsa quae ab illo inventore veritatis et\n quasi architecto beatae vitae dicta sunt explicabo. Nemo\n enim ipsam voluptatem quia voluptas sit aspernatur aut\n odit aut fugit, sed quia consequuntur magni dolores eos\n qui ratione voluptatem sequi nesciunt. Neque porro\n quisquam est, qui dolorem ipsum quia dolor sit amet,\n consectetur, adipisci velit, sed quia non numquam eius\n modi tempora incidunt ut labore et dolore magnam aliquam\n quaerat voluptatem. Ut enim ad minima veniam, quis\n nostrum exercitationem ullam corporis suscipit\n laboriosam, nisi ut aliquid ex ea commodi consequatur?\n Quis autem vel eum iure reprehenderit qui in ea\n voluptate velit esse quam nihil molestiae consequatur,\n vel illum qui dolorem eum fugiat quo voluptas nulla\n pariatur?\n </div>\n </main>\n </div>\n </div>\n `;\n },\n },\n};\n\nApplicationShell.args = {\n contentSize: 'wide',\n isNavOpenAtStartup: true,\n navWidth: 'default',\n showSecondaryNav: true,\n showUtilityBar: true,\n};\n"]}

package/dist/stories/avatar.stories.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"avatar.stories.js","sourceRoot":"","sources":["../../src/stories/avatar.stories.ts"],"names":[],"mappings":"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","sourcesContent":["import { v4 as uuid } from 'uuid';\n\nexport default {\n title: 'Components/Avatar',\n};\n\nconst script = ({ id }) => `\n (function() {\n const avatar = document.getElementById(\"${id}\");\n avatar.addEventListener('click', e => e.preventDefault());\n })();\n`;\n\nexport const Avatar = ({\n placeholder,\n name,\n size,\n color,\n status,\n link,\n disabled,\n}) => {\n const id = uuid();\n let attrs = '';\n if (placeholder === '')\n attrs += ` src=\"https://pbs.twimg.com/profile_images/1388990311637127168/njwE8QEa_reasonably_small.jpg\"`;\n if (name !== '') attrs += ` name=\"${name}\"`;\n if (size !== 'default') attrs += ` size=\"${size}\"`;\n if (color !== 'secondary') attrs += ` color=\"${color}\"`;\n if (status !== 'none') attrs += ` status=\"${status}\"`;\n if (link) attrs += ` href=\"#\"`;\n if (disabled) attrs += ` disabled`;\n return `<xpl-avatar id=\"${id}\"${attrs}>${placeholder}</xpl-avatar><script>${script(\n { id }\n )}</script>`;\n};\n\nAvatar.argTypes = {\n placeholder: {\n type: { name: 'string', required: false },\n },\n name: {\n type: { name: 'string', required: false },\n },\n size: {\n options: ['default', 'md', 'sm'],\n control: {\n type: 'select',\n },\n },\n color: {\n options: ['green', 'yellow', 'pink', 'primary', 'secondary'],\n control: {\n type: 'select',\n },\n },\n status: {\n options: ['none', 'active', 'warning', 'inactive'],\n control: {\n type: 'select',\n },\n },\n link: {\n control: {\n type: 'boolean',\n },\n },\n disabled: {\n control: {\n type: 'boolean',\n },\n },\n};\n\nAvatar.parameters = {\n layout: 'centered',\n 'web-component': {\n render({ placeholder, name, size, color, status, link, disabled }) {\n let attrs = '';\n if (placeholder === '') attrs += ` src=\"image.png\"`;\n if (name !== '') attrs += ` name=\"${name}\"`;\n if (size !== 'default') attrs += ` size=\"${size}\"`;\n if (color !== 'secondary') attrs += ` color=\"${color}\"`;\n if (status !== 'none') attrs += ` status=\"${status}\"`;\n if (link) attrs += ` href=\"#\"`;\n if (disabled) attrs += ` disabled`;\n return `<xpl-avatar${attrs}>${placeholder}</xpl-avatar>`;\n },\n },\n html: {\n render({ placeholder, name, size, color, status, link, disabled }) {\n let className = 'xpl-avatar';\n if (size) className += ` xpl-avatar--${size}`;\n if (color) className += ` xpl-avatar--${color}`;\n\n let attrs = '';\n if (link) attrs += ` href=\"#\"`;\n\n const inner = `\n <div>\n ${\n !placeholder\n ? ` <img alt=\"${name}\" src=\"image.png\" />`\n : ` <div class=\"xpl-avatar__placeholder\">${placeholder}</div>`\n }${\n status !== 'none'\n ? `\n <div class=\"xpl-avatar__dot--${status}\"></div>`\n : ''\n }\n </div>\n `;\n\n let tag = link && !disabled ? 'a' : 'div';\n if (link && disabled) {\n className += ' xpl-avatar--disabled';\n // do not show href\n attrs = '';\n }\n\n return `<${tag} class=\"${className}\"${attrs}>${inner}</${tag}>`;\n },\n },\n};\n\nAvatar.args = {\n placeholder: '',\n name: 'Firstname Lastname',\n size: 'default',\n color: 'secondary',\n status: 'none',\n link: false,\n disabled: false,\n};\n\n/* export const AvatarGroup = ({ size, reverse }) => {\n let className = \"xpl-avatar-group\";\n if (size !== \"default\") className += \" xpl-avatar-group--\" + size;\n if (reverse) className += \" xpl-avatar-group--reverse\";\n return `<div class=\"${className}\">\n <img\n src=\"https://pbs.twimg.com/profile_images/1388990311637127168/njwE8QEa_reasonably_small.jpg\"\n alt=\"\"\n /><img\n src=\"https://pbs.twimg.com/profile_images/1388990311637127168/njwE8QEa_reasonably_small.jpg\"\n alt=\"\"\n /><img\n src=\"https://pbs.twimg.com/profile_images/1388990311637127168/njwE8QEa_reasonably_small.jpg\"\n alt=\"\"\n /><img\n src=\"https://pbs.twimg.com/profile_images/1388990311637127168/njwE8QEa_reasonably_small.jpg\"\n alt=\"\"\n /><img\n src=\"https://pbs.twimg.com/profile_images/1388990311637127168/njwE8QEa_reasonably_small.jpg\"\n alt=\"\"\n />\n </div>`;\n};\n\nAvatarGroup.argTypes = {\n size: {\n options: [\"s\", \"default\", \"l\"],\n control: {\n type: \"select\",\n },\n },\n reverse: {\n control: {\n type: \"boolean\",\n },\n },\n};\n\nAvatarGroup.parameters = {\n layout: \"centered\",\n};\n\nAvatarGroup.args = {\n size: \"default\",\n reverse: false,\n};\n*/\n"]}

package/dist/stories/backdrop.stories.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"backdrop.stories.js","sourceRoot":"","sources":["../../src/stories/backdrop.stories.ts"],"names":[],"mappings":"AAAA,eAAe;EACX,KAAK,EAAE,qBAAqB;CAC/B,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC;;;CAG7B,CAAC;AAEF,QAAQ,CAAC,UAAU,GAAG;EAClB,MAAM,EAAE,UAAU;EAClB,eAAe,EAAE;IACb,MAAM,EAAE,QAAQ;GACnB;EACD,IAAI,EAAE;IACF,MAAM;MACF,OAAO,qDAAqD,CAAC;IACjE,CAAC;GACJ;CACJ,CAAC","sourcesContent":["export default {\n title: 'Components/Backdrop',\n};\n\nexport const Backdrop = () => `\n <img src=\"https://media.giphy.com/media/mi6DsSSNKDbUY/giphy-downsized-large.gif\" />\n <xpl-backdrop></xpl-backdrop>\n`;\n\nBackdrop.parameters = {\n layout: 'centered',\n 'web-component': {\n render: Backdrop,\n },\n html: {\n render() {\n return `<div class=\"xpl-backdrop\" aria-hidden=\"true\"></div>`;\n },\n },\n};\n"]}

package/dist/stories/badge.stories.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"badge.stories.js","sourceRoot":"","sources":["../../src/stories/badge.stories.ts"],"names":[],"mappings":"AAAA,eAAe;EACX,KAAK,EAAE,kBAAkB;EACzB,QAAQ,EAAE;IACN,OAAO,EAAE;MACL,OAAO,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,CAAC;MAC/D,OAAO,EAAE;QACL,IAAI,EAAE,QAAQ;OACjB;KACJ;IACD,GAAG,EAAE;MACD,OAAO,EAAE;QACL,IAAI,EAAE,SAAS;OAClB;KACJ;IACD,IAAI,EAAE;MACF,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;KAC5C;GACJ;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,EAAE,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,EAAE,EAAE;EAC5C,IAAI,KAAK,GAAG,EAAE,CAAC;EACf,IAAI,OAAO,KAAK,SAAS;IAAE,KAAK,IAAI,aAAa,OAAO,GAAG,CAAC;EAC5D,IAAI,GAAG;IAAE,KAAK,IAAI,MAAM,CAAC;EACzB,OAAO,aAAa,KAAK,IAAI,IAAI,cAAc,CAAC;AACpD,CAAC,CAAC;AAEF,KAAK,CAAC,UAAU,GAAG;EACf,MAAM,EAAE,UAAU;EAClB,eAAe,EAAE;IACb,MAAM,EAAE,KAAK;GAChB;EACD,IAAI,EAAE;IACF,MAAM,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE;MACzB,IAAI,SAAS,GAAG,WAAW,CAAC;MAC5B,IAAI,GAAG;QAAE,SAAS,IAAI,iBAAiB,CAAC;MACxC,IAAI,OAAO,KAAK,SAAS;QAAE,SAAS,IAAI,cAAc,GAAG,OAAO,CAAC;MACjE,OAAO,eAAe,SAAS,KAAK,IAAI,QAAQ,CAAC;IACrD,CAAC;GACJ;CACJ,CAAC;AAEF,KAAK,CAAC,IAAI,GAAG;EACT,OAAO,EAAE,SAAS;EAClB,GAAG,EAAE,KAAK;EACV,IAAI,EAAE,OAAO;CAChB,CAAC","sourcesContent":["export default {\n title: 'Components/Badge',\n argTypes: {\n variant: {\n options: ['default', 'success', 'warning', 'inactive', 'error'],\n control: {\n type: 'select',\n },\n },\n dot: {\n control: {\n type: 'boolean',\n },\n },\n text: {\n type: { name: 'string', required: false },\n },\n },\n};\n\nexport const Badge = ({ variant, dot, text }) => {\n let attrs = '';\n if (variant !== 'default') attrs += ` variant=\"${variant}\"`;\n if (dot) attrs += ' dot';\n return `<xpl-badge${attrs}>${text}</xpl-badge>`;\n};\n\nBadge.parameters = {\n layout: 'centered',\n 'web-component': {\n render: Badge,\n },\n html: {\n render({ dot, variant, text }) {\n let className = 'xpl-badge';\n if (dot) className += ' xpl-badge--dot';\n if (variant !== 'default') className += ' xpl-badge--' + variant;\n return `<div class=\"${className}\">${text}</div>`;\n },\n },\n};\n\nBadge.args = {\n variant: 'default',\n dot: false,\n text: 'Badge',\n};\n"]}

package/dist/stories/breadcrumbs.stories.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"breadcrumbs.stories.js","sourceRoot":"","sources":["../../src/stories/breadcrumbs.stories.ts"],"names":[],"mappings":"AAAA,eAAe;EACX,KAAK,EAAE,mCAAmC;EAC1C,QAAQ,EAAE;IACN,KAAK,EAAE;MACH,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;MAClB,OAAO,EAAE;QACL,IAAI,EAAE,QAAQ;OACjB;KACJ;IACD,KAAK,EAAE;MACH,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;KAC5C;IACD,MAAM,EAAE;MACJ,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;KAC5C;IACD,KAAK,EAAE;MACH,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;KAC5C;GACJ;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,EAAU,EAAE;EACnE,MAAM,OAAO,GAAG;IACZ,CAAC,EAAE,KAAK;IACR,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,KAAK;GACX,CAAC;EAEF,MAAM,eAAe,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC;KAChD,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE;IACX,OAAO;cACL,OAAO,CAAC,CAAC,CAAC;+BACO,CAAC;EACxB,CAAC,CAAC;KACD,IAAI,CAAC,IAAI,CAAC,CAAC;EAEhB,OAAO;;cAEG,eAAe;;KAExB,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,eAAe,GAAG,GAAW,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8DrC,CAAC;AAEF,WAAW,CAAC,UAAU,GAAG;EACrB,MAAM,EAAE,UAAU;EAClB,eAAe,EAAE;IACb,MAAM,EAAE,WAAW;GACtB;EACD,IAAI,EAAE;IACF,MAAM,EAAE,eAAe;GAC1B;CACJ,CAAC;AAEF,WAAW,CAAC,IAAI,GAAG;EACf,KAAK,EAAE,sCAAsC;EAC7C,MAAM,EAAE,0CAA0C;EAClD,KAAK,EAAE,oCAAoC;EAC3C,KAAK,EAAE,CAAC;CACX,CAAC","sourcesContent":["export default {\n title: 'Components/Navigation/Breadcrumbs',\n argTypes: {\n items: {\n options: [1, 2, 3],\n control: {\n type: 'select',\n },\n },\n first: {\n type: { name: 'string', required: false },\n },\n second: {\n type: { name: 'string', required: false },\n },\n third: {\n type: { name: 'string', required: false },\n },\n },\n};\n\nexport const Breadcrumbs = ({ first, second, third, items }): string => {\n const slotMap = {\n 0: first,\n 1: second,\n 2: third,\n };\n\n const breadcrumbItems = Array.from({ length: items })\n .map((_u, i) => {\n return `<xpl-breadcrumb-item>\n ${slotMap[i]}\n </xpl-breadcrumb-item>`;\n })\n .join('\\n');\n\n return `\n <xpl-breadcrumbs>\n ${breadcrumbItems}\n </xpl-breadcrumbs>\n `;\n};\n\nconst BreadCrumbsHTML = (): string => `\n<nav class=\"xpl-breadcrumbs\" aria-label=\"Breadcrumb\">\n <ol role=\"list\">\n <li class=\"xpl-breadcrumb-item\">\n <a href=\"javascript:;\">Locations</a>\n <span\n ><svg\n aria-hidden=\"true\"\n focusable=\"false\"\n data-prefix=\"fas\"\n data-icon=\"chevron-right\"\n class=\"svg-inline--fa fa-chevron-right fa-w-10\"\n role=\"img\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 320 512\"\n >\n <path\n fill=\"currentColor\"\n d=\"M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z\"\n ></path></svg\n ></span>\n </li>\n <li class=\"xpl-breadcrumb-item\">\n <a href=\"javascript:;\">Dupont Circle</a>\n <span\n ><svg\n aria-hidden=\"true\"\n focusable=\"false\"\n data-prefix=\"fas\"\n data-icon=\"chevron-right\"\n class=\"svg-inline--fa fa-chevron-right fa-w-10\"\n role=\"img\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 320 512\"\n >\n <path\n fill=\"currentColor\"\n d=\"M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z\"\n ></path></svg\n ></span>\n </li>\n <li class=\"xpl-breadcrumb-item\" aria-current=page>\n <a href=\"javascript:;\">Class A</a>\n <span\n ><svg\n aria-hidden=\"true\"\n focusable=\"false\"\n data-prefix=\"fas\"\n data-icon=\"chevron-right\"\n class=\"svg-inline--fa fa-chevron-right fa-w-10\"\n role=\"img\"\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 320 512\"\n >\n <path\n fill=\"currentColor\"\n d=\"M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z\"\n ></path></svg\n ></span>\n </li>\n </ol>\n</nav>\n`;\n\nBreadcrumbs.parameters = {\n layout: 'centered',\n 'web-component': {\n render: Breadcrumbs,\n },\n html: {\n render: BreadCrumbsHTML,\n },\n};\n\nBreadcrumbs.args = {\n first: '<a href=\"javascript:;\">Locations</a>',\n second: '<a href=\"javascript:;\">Dupont Circle</a>',\n third: '<a href=\"javascript:;\">Class A</a>',\n items: 3,\n};\n"]}

package/dist/stories/button-row.stories.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"button-row.stories.js","sourceRoot":"","sources":["../../src/stories/button-row.stories.ts"],"names":[],"mappings":"AAAA,eAAe;EACX,KAAK,EAAE,uBAAuB;EAC9B,QAAQ,EAAE;IACN,OAAO,EAAE;MACL,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC3C;IACD,SAAS,EAAE;MACP,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;KAC5C;IACD,QAAQ,EAAE;MACN,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;KAC5C;GACJ;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE;EAC1D,IAAI,KAAK,GAAG,EAAE,CAAC;EACf,IAAI,OAAO;IAAE,KAAK,IAAI,aAAa,OAAO,GAAG,CAAC;EAC9C,IAAI,SAAS;IAAE,KAAK,IAAI,eAAe,SAAS,GAAG,CAAC;EACpD,IAAI,QAAQ;IAAE,KAAK,IAAI,cAAc,QAAQ,GAAG,CAAC;EACjD,OAAO,kBAAkB,KAAK;;;;;;;;;CASjC,CAAC;AACF,CAAC,CAAC;AAEF,SAAS,CAAC,UAAU,GAAG;EACnB,MAAM,EAAE,UAAU;EAClB,eAAe,EAAE;IACb,MAAM,EAAE,SAAS;GACpB;EACD,IAAI,EAAE;IACF,MAAM,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE;MACnC,OAAO;wCAEX,SAAS;QACL,CAAC,CAAC;;cAEA,SAAS;kBACL;QACN,CAAC,CAAC;+DAEV;eAEQ,QAAQ;QACJ,CAAC,CAAC;;kBAEA,QAAQ;sBACJ;QACN,CAAC,CAAC,EACV;;kBAEU,OAAO;;;;OAIlB,CAAC;IACA,CAAC;GACJ;CACJ,CAAC;AAEF,SAAS,CAAC,IAAI,GAAG;EACb,OAAO,EAAE,MAAM;EACf,SAAS,EAAE,EAAE;EACb,QAAQ,EAAE,EAAE;CACf,CAAC","sourcesContent":["export default {\n title: 'Components/Button Row',\n argTypes: {\n primary: {\n type: { name: 'string', required: true },\n },\n secondary: {\n type: { name: 'string', required: false },\n },\n tertiary: {\n type: { name: 'string', required: false },\n },\n },\n};\n\nexport const ButtonRow = ({ primary, secondary, tertiary }) => {\n let attrs = '';\n if (primary) attrs += ` primary=\"${primary}\"`;\n if (secondary) attrs += ` secondary=\"${secondary}\"`;\n if (tertiary) attrs += ` tertiary=\"${tertiary}\"`;\n return `<xpl-button-row${attrs}></xpl-button-row>\n\n\n<script>\n const buttonRow = document.getElementById(\"button-row\");\n buttonRow.addEventListener(\"clickPrimary\", () => { ... });\n buttonRow.addEventListener(\"clickSecondary\", () => { ... });\n buttonRow.addEventListener(\"clickTertiary\", () => { ... });\n</script>\n`;\n};\n\nButtonRow.parameters = {\n layout: 'centered',\n 'web-component': {\n render: ButtonRow,\n },\n html: {\n render({ primary, secondary, tertiary }) {\n return `<div class=\"xpl-button-row\">\n <div class=\"xpl-button-row-inner\">${\n secondary\n ? `\n <button class=\"xpl-button xpl-button--secondary\">\n ${secondary}\n </button>`\n : `\n <div></div>`\n }\n <div>${\n tertiary\n ? `\n <button class=\"xpl-button xpl-button--subtle\">\n ${tertiary}\n </button>`\n : ''\n }\n <button class=\"xpl-button\">\n ${primary}\n </button>\n </div>\n </div>\n</div>`;\n },\n },\n};\n\nButtonRow.args = {\n primary: 'Save',\n secondary: '',\n tertiary: '',\n};\n"]}

package/dist/stories/button.stories.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"button.stories.js","sourceRoot":"","sources":["../../src/stories/button.stories.ts"],"names":[],"mappings":"AAAA,eAAe;EACX,KAAK,EAAE,mBAAmB;EAC1B,QAAQ,EAAE;IACN,IAAI,EAAE;MACF,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;KAC5C;IACD,OAAO,EAAE;MACL,OAAO,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,QAAQ,CAAC;MAC3C,OAAO,EAAE;QACL,IAAI,EAAE,QAAQ;OACjB;KACJ;IACD,KAAK,EAAE;MACH,OAAO,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;MAC1C,OAAO,EAAE;QACL,IAAI,EAAE,QAAQ;OACjB;KACJ;IACD,QAAQ,EAAE;MACN,OAAO,EAAE;QACL,IAAI,EAAE,SAAS;OAClB;KACJ;IACD,IAAI,EAAE;MACF,OAAO,EAAE,CAAC,SAAS,EAAE,IAAI,EAAE,IAAI,CAAC;MAChC,OAAO,EAAE;QACL,IAAI,EAAE,QAAQ;OACjB;KACJ;IACD,SAAS,EAAE;MACP,OAAO,EAAE;QACL,IAAI,EAAE,SAAS;OAClB;KACJ;IACD,IAAI,EAAE;MACF,OAAO,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,UAAU,CAAC;MACxC,OAAO,EAAE;QACL,IAAI,EAAE,QAAQ;OACjB;KACJ;IACD,IAAI,EAAE;MACF,OAAO,EAAE;QACL,IAAI,EAAE,SAAS;OAClB;KACJ;GACJ;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EACnB,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,IAAI,GACP,EAAE,EAAE;EACD,IAAI,KAAK,GAAG,EAAE,CAAC;EACf,IAAI,OAAO,KAAK,SAAS;IAAE,KAAK,IAAI,aAAa,OAAO,GAAG,CAAC;EAC5D,IAAI,IAAI,KAAK,SAAS;IAAE,KAAK,IAAI,UAAU,IAAI,GAAG,CAAC;EACnD,IAAI,QAAQ;IAAE,KAAK,IAAI,WAAW,CAAC;EACnC,IAAI,IAAI,KAAK,EAAE;IAAE,KAAK,IAAI,YAAY,CAAC;EAEvC,MAAM,OAAO,GAAG,4YAA4Y,CAAC;EAE7Z,MAAM,SAAS,GAAG,CAAC,IAAa,EAAE,EAAE;IAChC,MAAM,SAAS,GAAG;kBACR,IAAI,IAAI,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;kBAChC,IAAI;kBACJ,IAAI,IAAI,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;aACtC,CAAC;IACN,OAAO,IAAI,CAAC,CAAC,CAAC,0BAA0B,SAAS,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC;EACxE,CAAC,CAAC;EAEF,OAAO;;2BAEgB,OAAO;wBACV,IAAI;yBACH,KAAK;;;kBAGZ,KAAK;kBACL,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE;kBAClB,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE;;kBAE7B,SAAS,CAAC,IAAI,CAAC;gCACD,CAAC;AACjC,CAAC,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,EAChB,OAAO,EACP,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,SAAS,GACZ,EAAE,EAAE;EACD,MAAM,OAAO,GAAG,4YAA4Y,CAAC;EAE7Z,IAAI,SAAS,GAAG;sBACE,IAAI;sBACJ,KAAK;sBACL,OAAO,GAAG,CAAC;EAE7B,IAAI,KAAK,GAAG,EAAE,CAAC;EACf,IAAI,QAAQ;IAAE,KAAK,IAAI,WAAW,CAAC;EACnC,IAAI,SAAS;IAAE,SAAS,IAAI,yBAAyB,CAAC;EAEtD,MAAM,SAAS,GAAG,CAAC,IAAa,EAAE,EAAE;IAChC,MAAM,SAAS,GAAG;kBACR,IAAI,IAAI,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;kBAChC,IAAI;kBACJ,IAAI,IAAI,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;aACtC,CAAC;IACN,OAAO,IAAI;MACP,CAAC,CAAC,0BAA0B,KAAK,IAAI,SAAS,MAAM;MACpD,CAAC,CAAC,WAAW,SAAS,WAAW,CAAC;EAC1C,CAAC,CAAC;EAEF,OAAO,eAAe,SAAS,IAAI,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC;AAChE,CAAC,CAAC;AAEF,MAAM,CAAC,UAAU,GAAG;EAChB,MAAM,EAAE,UAAU;EAClB,eAAe,EAAE;IACb,MAAM,EAAE,MAAM;GACjB;EACD,IAAI,EAAE;IACF,MAAM,EAAE,UAAU;GACrB;CACJ,CAAC;AAEF,MAAM,CAAC,IAAI,GAAG;EACV,IAAI,EAAE,KAAK;EACX,OAAO,EAAE,SAAS;EAClB,IAAI,EAAE,SAAS;EACf,QAAQ,EAAE,KAAK;EACf,KAAK,EAAE,SAAS;EAChB,IAAI,EAAE,YAAY;EAClB,IAAI,EAAE,SAAS;EACf,SAAS,EAAE,IAAI;CAClB,CAAC","sourcesContent":["export default {\n title: 'Components/Button',\n argTypes: {\n text: {\n type: { name: 'string', required: false },\n },\n variant: {\n options: ['primary', 'secondary', 'subtle'],\n control: {\n type: 'select',\n },\n },\n state: {\n options: ['neutral', 'success', 'warning'],\n control: {\n type: 'select',\n },\n },\n disabled: {\n control: {\n type: 'boolean',\n },\n },\n size: {\n options: ['default', 'sm', 'xs'],\n control: {\n type: 'select',\n },\n },\n fullWidth: {\n control: {\n type: 'boolean',\n },\n },\n icon: {\n options: ['none', 'leading', 'trailing'],\n control: {\n type: 'select',\n },\n },\n link: {\n control: {\n type: 'boolean',\n },\n },\n },\n};\n\nexport const Button = ({\n variant,\n size,\n disabled,\n fullWidth,\n state,\n text,\n icon,\n link,\n}) => {\n let attrs = '';\n if (variant !== 'primary') attrs += ` variant=\"${variant}\"`;\n if (size !== 'default') attrs += ` size=\"${size}\"`;\n if (disabled) attrs += ' disabled';\n if (text === '') attrs += ' icon-only';\n\n const iconSvg = `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-coffee\"><path d=\"M18 8h1a4 4 0 0 1 0 8h-1\"/><path d=\"M2 8h16v9a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4V8z\"/><line x1=\"6\" y1=\"1\" x2=\"6\" y2=\"4\"/><line x1=\"10\" y1=\"1\" x2=\"10\" y2=\"4\"/><line x1=\"14\" y1=\"1\" x2=\"14\" y2=\"4\"/></svg>`;\n\n const innerHtml = (link: boolean) => {\n const textBlock = `\n ${icon == 'leading' ? iconSvg : ''}\n ${text}\n ${icon == 'trailing' ? iconSvg : ''}\n `;\n return link ? `<a href='javascript:;'>${textBlock}</a>` : textBlock;\n };\n\n return `<div style=\"width: 50vw; text-align: center;\"><xpl-button\n id=\"123\"\n variant='${variant}'\n size='${size}'\n state='${state}'\n data-test-attribute\n data-test-attribute-with-value=\"1\"\n ${attrs}\n ${link ? 'link' : ''}\n ${fullWidth ? 'full-width' : ''}\n >\n ${innerHtml(link)}\n </xpl-button></div>`;\n};\n\nconst HtmlButton = ({\n variant,\n size,\n state,\n disabled,\n text,\n icon,\n link,\n fullWidth,\n}) => {\n const iconSvg = `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-coffee\"><path d=\"M18 8h1a4 4 0 0 1 0 8h-1\"/><path d=\"M2 8h16v9a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4V8z\"/><line x1=\"6\" y1=\"1\" x2=\"6\" y2=\"4\"/><line x1=\"10\" y1=\"1\" x2=\"10\" y2=\"4\"/><line x1=\"14\" y1=\"1\" x2=\"14\" y2=\"4\"/></svg>`;\n\n let className = `xpl-button\n xpl-button--${size}\n xpl-button--${state}\n xpl-button--${variant} `;\n\n let attrs = '';\n if (disabled) attrs += ' disabled';\n if (fullWidth) className += ' xpl-button--full-width';\n\n const innerHtml = (link: boolean) => {\n const textBlock = `\n ${icon == 'leading' ? iconSvg : ''}\n ${text}\n ${icon == 'trailing' ? iconSvg : ''}\n `;\n return link\n ? `<a href='javascript:;' ${attrs}>${textBlock}</a>`\n : `<button>${textBlock}</button>`;\n };\n\n return `<span class=${className}>${innerHtml(link)}</span>`;\n};\n\nButton.parameters = {\n layout: 'centered',\n 'web-component': {\n render: Button,\n },\n html: {\n render: HtmlButton,\n },\n};\n\nButton.args = {\n link: false,\n variant: 'primary',\n size: 'default',\n disabled: false,\n state: 'neutral',\n text: 'Get Coffee',\n icon: 'leading',\n fullWidth: true,\n};\n"]}

package/dist/stories/checkbox.stories.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"checkbox.stories.js","sourceRoot":"","sources":["../../src/stories/checkbox.stories.ts"],"names":[],"mappings":"AAAA,eAAe;EACX,KAAK,EAAE,qBAAqB;EAC5B,QAAQ,EAAE;IACN,KAAK,EAAE;MACH,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC3C;IACD,WAAW,EAAE;MACT,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;KAC5C;IACD,OAAO,EAAE;MACL,OAAO,EAAE;QACL,IAAI,EAAE,SAAS;OAClB;KACJ;IACD,QAAQ,EAAE;MACN,OAAO,EAAE;QACL,IAAI,EAAE,SAAS;OAClB;KACJ;IACD,aAAa,EAAE;MACX,OAAO,EAAE;QACL,IAAI,EAAE,SAAS;OAClB;KACJ;IACD,MAAM,EAAE;MACJ,OAAO,EAAE;QACL,IAAI,EAAE,SAAS;OAClB;KACJ;GACJ;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EACrB,KAAK,EACL,WAAW,EACX,OAAO,EACP,QAAQ,EACR,aAAa,EACb,MAAM,GACT,EAAE,EAAE;EACD,IAAI,KAAK,GAAG,EAAE,CAAC;EACf,IAAI,WAAW;IAAE,KAAK,IAAI,iBAAiB,WAAW,GAAG,CAAC;EAC1D,IAAI,OAAO;IAAE,KAAK,IAAI,UAAU,CAAC;EACjC,IAAI,QAAQ;IAAE,KAAK,IAAI,WAAW,CAAC;EACnC,IAAI,aAAa;IAAE,KAAK,IAAI,gBAAgB,CAAC;EAC7C,IAAI,MAAM;IAAE,KAAK,IAAI,SAAS,CAAC;EAC/B,OAAO,gBAAgB,KAAK,IAAI,KAAK,iBAAiB,CAAC;AAC3D,CAAC,CAAC;AAEF,QAAQ,CAAC,UAAU,GAAG;EAClB,MAAM,EAAE,UAAU;EAClB,eAAe,EAAE;IACb,MAAM,EAAE,QAAQ;GACnB;EACD,IAAI,EAAE;IACF,MAAM,CAAC,EACH,KAAK,EACL,WAAW,EACX,OAAO,EACP,QAAQ,EACR,aAAa,EACb,MAAM,GACT;MACG,IAAI,KAAK,GAAG,EAAE,CAAC;MACf,IAAI,OAAO;QAAE,KAAK,IAAI,UAAU,CAAC;MACjC,IAAI,QAAQ;QAAE,KAAK,IAAI,WAAW,CAAC;MACnC,IAAI,aAAa;QAAE,KAAK,IAAI,gBAAgB,CAAC;MAC7C,OAAO,2CACH,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EACzB,GAAG,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE;yDACe,KAAK;6BAEtD,QAAQ,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,EACxC,cAAc,KAAK,GACP,WAAW;QACP,CAAC,CAAC;uCAEV,QAAQ,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAC,CAAC,EAC9C,KAAK,WAAW;KACnB;QACe,CAAC,CAAC,EACV;OACL,CAAC;IACA,CAAC;GACJ;CACJ,CAAC;AAEF,QAAQ,CAAC,IAAI,GAAG;EACZ,KAAK,EAAE,UAAU;EACjB,WAAW,EAAE,EAAE;EACf,OAAO,EAAE,KAAK;EACd,QAAQ,EAAE,KAAK;EACf,aAAa,EAAE,KAAK;EACpB,MAAM,EAAE,KAAK;CAChB,CAAC","sourcesContent":["export default {\n title: 'Components/Checkbox',\n argTypes: {\n label: {\n type: { name: 'string', required: true },\n },\n description: {\n type: { name: 'string', required: false },\n },\n checked: {\n control: {\n type: 'boolean',\n },\n },\n disabled: {\n control: {\n type: 'boolean',\n },\n },\n indeterminate: {\n control: {\n type: 'boolean',\n },\n },\n styled: {\n control: {\n type: 'boolean',\n },\n },\n },\n};\n\nexport const Checkbox = ({\n label,\n description,\n checked,\n disabled,\n indeterminate,\n styled,\n}) => {\n let attrs = '';\n if (description) attrs += ` description=\"${description}\"`;\n if (checked) attrs += ` checked`;\n if (disabled) attrs += ` disabled`;\n if (indeterminate) attrs += ` indeterminate`;\n if (styled) attrs += ` styled`;\n return `<xpl-checkbox${attrs}>${label}</xpl-checkbox>`;\n};\n\nCheckbox.parameters = {\n layout: 'centered',\n 'web-component': {\n render: Checkbox,\n },\n html: {\n render({\n label,\n description,\n checked,\n disabled,\n indeterminate,\n styled,\n }) {\n let attrs = '';\n if (checked) attrs += ` checked`;\n if (disabled) attrs += ` disabled`;\n if (indeterminate) attrs += ` indeterminate`;\n return `<div class=\"xpl-checkbox-radio-container${\n styled ? ' styled' : ''\n }${disabled ? ' disabled' : ''}\">\n <input class=\"xpl-checkbox\" id=\"id\" type=\"checkbox\"${attrs}></input>\n <label class=\"xpl-label${\n disabled ? ' xpl-label--disabled' : ''\n }\" for=\"id\">${label}${\n description\n ? `\n <small class=\"xpl-description${\n disabled ? ' xpl-description--disabled' : ''\n }\">${description}</small>\n `\n : ''\n }</label>\n</div>`;\n },\n },\n};\n\nCheckbox.args = {\n label: 'Checkbox',\n description: '',\n checked: false,\n disabled: false,\n indeterminate: false,\n styled: false,\n};\n"]}

package/dist/stories/choicelist.stories.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"choicelist.stories.js","sourceRoot":"","sources":["../../src/stories/choicelist.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,IAAI,IAAI,EAAE,MAAM,MAAM,CAAC;AAElC,eAAe;EACX,KAAK,EAAE,uBAAuB;EAC9B,QAAQ,EAAE;IACN,KAAK,EAAE;MACH,OAAO,EAAE;QACL,IAAI,EAAE,SAAS;OAClB;KACJ;IACD,MAAM,EAAE;MACJ,OAAO,EAAE;QACL,IAAI,EAAE,SAAS;OAClB;KACJ;GACJ;CACJ,CAAC;AAEF,MAAM,IAAI,GAAG;EACT;IACI,KAAK,EAAE,UAAU;IACjB,WAAW,EAAE,4BAA4B;GAC5C;EACD;IACI,KAAK,EAAE,UAAU;IACjB,WAAW,EAAE,4BAA4B;GAC5C;EACD;IACI,KAAK,EAAE,UAAU;IACjB,WAAW,EAAE,4BAA4B;GAC5C;CACJ,CAAC;AAEF,MAAM,MAAM,GAAG,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC;;sDAEY,EAAE;+BACzB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;6BACtB,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;8BACvB,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;;CAEtD,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE;EAC5C,MAAM,EAAE,GAAG,IAAI,EAAE,CAAC;EAClB,OAAO,uBAAuB,EAAE,gDAAgD,MAAM,CAClF;IACI,EAAE;IACF,KAAK;IACL,MAAM;GACT,CACJ,WAAW,CAAC;AACjB,CAAC,CAAC;AAEF,UAAU,CAAC,UAAU,GAAG;EACpB,MAAM,EAAE,UAAU;EAClB,eAAe,EAAE;IACb,MAAM,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE;MACpB,IAAI,KAAK,GAAG,EAAE,CAAC;MACf,IAAI,KAAK;QAAE,KAAK,IAAI,QAAQ,CAAC;MAC7B,IAAI,MAAM;QAAE,KAAK,IAAI,SAAS,CAAC;MAC/B,OAAO;QACH,kBAAkB,KAAK,2CAA2C;QAClE;;;;;;;;;;GAUb;OACU,CAAC;IACN,CAAC;GACJ;EACD,IAAI,EAAE;IACF,MAAM,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE;MACpB,IAAI,SAAS,GAAG,gBAAgB,CAAC;MACjC,IAAI,MAAM;QAAE,SAAS,IAAI,yBAAyB,CAAC;MACnD,MAAM,MAAM,GAAG,EAAE,CAAC;MAClB,IAAI,MAAM;QACN,MAAM,CAAC,IAAI,CAAC;;;;qCAIS,CAAC,CAAC;MAC3B,MAAM,CAAC,IAAI,CAAC,cAAc,SAAS;;0BAErB,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO;gCAEtC,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,OACzB,gDACI,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,OACzB;;;;;;;;0BAQc,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO;gCAEtC,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,OACzB,gDACI,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,OACzB;;;;;;;;MAQN,CAAC,CAAC;MACI,OAAO,MAAM,CAAC;IAClB,CAAC;GACJ;CACJ,CAAC;AAEF,UAAU,CAAC,IAAI,GAAG;EACd,KAAK,EAAE,KAAK;EACZ,MAAM,EAAE,KAAK;CAChB,CAAC","sourcesContent":["import { v4 as uuid } from 'uuid';\n\nexport default {\n title: 'Components/Choicelist',\n argTypes: {\n multi: {\n control: {\n type: 'boolean',\n },\n },\n styled: {\n control: {\n type: 'boolean',\n },\n },\n },\n};\n\nconst data = [\n {\n label: 'Label #1',\n description: 'Lorem ipsum dolor sit amet',\n },\n {\n label: 'Label #2',\n description: 'Lorem ipsum dolor sit amet',\n },\n {\n label: 'Label #3',\n description: 'Lorem ipsum dolor sit amet',\n },\n];\n\nconst script = ({ id, multi, styled }) => `\n (function() {\n const choicelist = document.getElementById(\"${id}\");\n choicelist.choices = ${JSON.stringify(data)};\n choicelist.multi = ${multi ? 'true' : 'false'};\n choicelist.styled = ${styled ? 'true' : 'false'};\n })();\n`;\n\nexport const Choicelist = ({ multi, styled }) => {\n const id = uuid();\n return `<xpl-choicelist id=\"${id}\" name=\"choicelist\"></xpl-choicelist><script>${script(\n {\n id,\n multi,\n styled,\n }\n )}</script>`;\n};\n\nChoicelist.parameters = {\n layout: 'centered',\n 'web-component': {\n render({ multi, styled }) {\n let attrs = '';\n if (multi) attrs += ' multi';\n if (styled) attrs += ' styled';\n return [\n `<xpl-choicelist${attrs} name=\"choicelist-name\"></xpl-choicelist>`,\n `choicelist.choices = [\n {\n label: \"Label #1\",\n description: \"Lorem ipsum dolor sit amet\"\n },\n {\n label: \"Label #2\",\n description: \"Lorem ipsum dolor sit amet\"\n },\n ...\n];`,\n ];\n },\n },\n html: {\n render({ multi, styled }) {\n let className = 'xpl-choicelist';\n if (styled) className += ' xpl-choicelist--styled';\n const output = [];\n if (styled)\n output.push(`WARNING: For \\`styled\\` choicelists, there is\nJS interactivity that is only provided by the web component\n(specifically highlighting the background of a choice). The\ncode shown below does not reflect the additional \\`styled\\`\nchoicelist markup and interactivity.`);\n output.push(`<ul class=\"${className}\">\n <li>\n <div class=\"xpl-${multi ? 'checkbox' : 'radio'}-container\">\n <input class=\"xpl-${\n multi ? 'checkbox' : 'radio'\n }\" id=\"choice-1\" name=\"choicelist-name\" type=\"${\n multi ? 'checkbox' : 'radio'\n }\" value=\"choice-1\"></input>\n <label for=\"choice-1\">\n Label #1\n <small>Lorem ipsum dolor sit amet</small>\n </label>\n </div>\n </li>\n <li>\n <div class=\"xpl-${multi ? 'checkbox' : 'radio'}-container\">\n <input class=\"xpl-${\n multi ? 'checkbox' : 'radio'\n }\" id=\"choice-2\" name=\"choicelist-name\" type=\"${\n multi ? 'checkbox' : 'radio'\n }\" value=\"choice-2\"></input>\n <label for=\"choice-2\">\n Label #2\n <small>Lorem ipsum dolor sit amet</small>\n </label>\n </div>\n </li>\n ...\n</ul>`);\n return output;\n },\n },\n};\n\nChoicelist.args = {\n multi: false,\n styled: false,\n};\n"]}

package/dist/stories/content-area.stories.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"content-area.stories.js","sourceRoot":"","sources":["../../src/stories/content-area.stories.ts"],"names":[],"mappings":"AAAA,eAAe;EACX,KAAK,EAAE,yBAAyB;EAChC,QAAQ,EAAE;IACN,IAAI,EAAE;MACF,OAAO,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,MAAM,CAAC;MACnC,OAAO,EAAE;QACL,IAAI,EAAE,QAAQ;OACjB;KACJ;GACJ;CACJ,CAAC;AAMF,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAE,IAAI,EAAmB,EAAU,EAAE,CAC7D,2BAA2B,IAAI;;;;;;;;;;;;;;wBAcX,CAAC;AAEzB,WAAW,CAAC,UAAU,GAAG;EACrB,eAAe,EAAE;IACb,MAAM,EAAE,WAAW;GACtB;EACD,IAAI,EAAE;IACF,MAAM,EAAE,CAAC,EAAE,IAAI,EAAmB,EAAU,EAAE,CAAC;+EACwB,IAAI;;;;;;;;;;;;;;;aAetE;GACR;CACJ,CAAC;AAEF,WAAW,CAAC,IAAI,GAAG;EACf,IAAI,EAAE,MAAM;CACf,CAAC","sourcesContent":["export default {\n title: 'Components/Content Area',\n argTypes: {\n size: {\n options: ['wide', 'narrow', 'full'],\n control: {\n type: 'select',\n },\n },\n },\n};\n\ninterface ContentAreaSlot {\n size: 'string';\n}\n\nexport const ContentArea = ({ size }: ContentAreaSlot): string =>\n `<xpl-content-area size=\"${size}\">\n <div>\n Sed ut perspiciatis unde omnis iste natus error sit voluptatem\n accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae\n ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt\n explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit,\n sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro\n quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia\n non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.\n Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi\n ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate\n velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla\n pariatur?\n </div>\n </xpl-content-area>`;\n\nContentArea.parameters = {\n 'web-component': {\n render: ContentArea,\n },\n html: {\n render: ({ size }: ContentAreaSlot): string => `\n <main class=\"xpl-content-area-wrapper xpl-content-area-wrapper__${size}\">\n <div class=\"xpl-content-area\">\n Sed ut perspiciatis unde omnis iste natus error sit voluptatem\n accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae\n ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt\n explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit,\n sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro\n quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia\n non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.\n Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi\n ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate\n velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla\n pariatur?\n </div>\n </main>\n `,\n },\n};\n\nContentArea.args = {\n size: 'wide',\n};\n"]}

package/dist/stories/dashboard.stories.js DELETED Viewed

@@ -1,51 +0,0 @@
-export default {
-  title: 'Data Components/Dashboard',
-  argTypes: {
-    cardQuantity: {
-      control: {
-        type: 'number',
-        min: 1,
-        max: 6,
-        step: 1,
-      },
-    },
-  },
-};
-export const Dashboard = ({ cardQuantity }) => {
-  const dashboardCard = `
-                <xpl-data-card
-                    name="New Users"
-                    stat="123"
-                    variant="primary"
-                    icon="graph"
-                    link
-                >
-                    <a href="#"></a>
-                </xpl-data-card>
-    `;
-  const dashboardCards = Array.from({ length: cardQuantity })
-    .map((_i) => dashboardCard)
-    .join('\n');
-  return `
-        <div class="dashboard-container">
-            <xpl-dashboard>
-                ${dashboardCards}
-            </xpl-dashboard>
-        </div>
-    `;
-};
-Dashboard.parameters = {
-  layout: 'centered',
-  'web-component': {
-    render: Dashboard,
-  },
-  html: {
-    render() {
-      return `<div class="xpl-dashboard"></div>`;
-    },
-  },
-};
-Dashboard.args = {
-  cardQuantity: 2,
-};
-//# sourceMappingURL=dashboard.stories.js.map

package/dist/stories/dashboard.stories.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"dashboard.stories.js","sourceRoot":"","sources":["../../src/stories/dashboard.stories.ts"],"names":[],"mappings":"AAAA,eAAe;EACX,KAAK,EAAE,2BAA2B;EAClC,QAAQ,EAAE;IACN,YAAY,EAAE;MACV,OAAO,EAAE;QACL,IAAI,EAAE,QAAQ;QACd,GAAG,EAAE,CAAC;QACN,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;OACV;KACJ;GACJ;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;EAC1C,MAAM,aAAa,GAAG;;;;;;;;;;KAUrB,CAAC;EAEF,MAAM,cAAc,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC;KACtD,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,aAAa,CAAC;KAC1B,IAAI,CAAC,IAAI,CAAC,CAAC;EAEhB,OAAO;;;kBAGO,cAAc;;;KAG3B,CAAC;AACN,CAAC,CAAC;AAEF,SAAS,CAAC,UAAU,GAAG;EACnB,MAAM,EAAE,UAAU;EAClB,eAAe,EAAE;IACb,MAAM,EAAE,SAAS;GACpB;EACD,IAAI,EAAE;IACF,MAAM;MACF,OAAO,mCAAmC,CAAC;IAC/C,CAAC;GACJ;CACJ,CAAC;AAEF,SAAS,CAAC,IAAI,GAAG;EACb,YAAY,EAAE,CAAC;CAClB,CAAC","sourcesContent":["export default {\n title: 'Data Components/Dashboard',\n argTypes: {\n cardQuantity: {\n control: {\n type: 'number',\n min: 1,\n max: 6,\n step: 1,\n },\n },\n },\n};\n\nexport const Dashboard = ({ cardQuantity }) => {\n const dashboardCard = `\n <xpl-data-card\n name=\"New Users\"\n stat=\"123\"\n variant=\"primary\"\n icon=\"graph\"\n link\n >\n <a href=\"#\"></a>\n </xpl-data-card>\n `;\n\n const dashboardCards = Array.from({ length: cardQuantity })\n .map((_i) => dashboardCard)\n .join('\\n');\n\n return `\n <div class=\"dashboard-container\">\n <xpl-dashboard>\n ${dashboardCards}\n </xpl-dashboard>\n </div>\n `;\n};\n\nDashboard.parameters = {\n layout: 'centered',\n 'web-component': {\n render: Dashboard,\n },\n html: {\n render() {\n return `<div class=\"xpl-dashboard\"></div>`;\n },\n },\n};\n\nDashboard.args = {\n cardQuantity: 2,\n};\n"]}

package/dist/stories/data-card.stories.js DELETED Viewed

@@ -1,70 +0,0 @@
-import data from '@xplortech/apollo-icons/build/data.json';
-export default {
-  title: 'Data Components/Data Card',
-  argTypes: {
-    name: {
-      type: { name: 'string', required: true },
-    },
-    stat: {
-      type: { name: 'string', required: true },
-    },
-    shortStat: {
-      type: { name: 'string' },
-    },
-    variant: {
-      options: ['primary', 'secondary'],
-      control: {
-        type: 'select',
-      },
-    },
-    link: {
-      control: {
-        type: 'boolean',
-      },
-    },
-    withIcon: {
-      control: {
-        type: 'boolean',
-      },
-    },
-    icon: {
-      options: Object.keys(data),
-      control: {
-        type: 'select',
-      },
-    },
-  },
-};
-export const DataCard = ({ name, stat, shortStat, variant, link, icon, withIcon, }) => {
-  return `
-        <dl class="xpl-dl">
-            <xpl-data-card
-                name='${name}'
-                stat='${stat}'
-                short-stat='${shortStat !== null && shortStat !== void 0 ? shortStat : false}'
-                variant='${variant}'
-                ${withIcon && 'icon='}${withIcon && icon}
-                ${link && 'link'}
-            >
-                <a href="#"></a>
-            </xpl-data-card>
-        </dl>
-    `;
-};
-DataCard.parameters = {
-  layout: 'centered',
-  'web-component': {
-    render: DataCard,
-  },
-};
-const newUsers = 'New Users';
-DataCard.args = {
-  name: newUsers,
-  stat: '1,250,000.00',
-  shortStat: '1.25M',
-  variant: 'primary',
-  link: true,
-  withIcon: true,
-  icon: 'graph',
-};
-//# sourceMappingURL=data-card.stories.js.map

package/dist/stories/data-card.stories.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"data-card.stories.js","sourceRoot":"","sources":["../../src/stories/data-card.stories.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,yCAAyC,CAAC;AAE3D,eAAe;EACX,KAAK,EAAE,2BAA2B;EAClC,QAAQ,EAAE;IACN,IAAI,EAAE;MACF,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC3C;IACD,IAAI,EAAE;MACF,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC3C;IACD,SAAS,EAAE;MACP,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;KAC3B;IACD,OAAO,EAAE;MACL,OAAO,EAAE,CAAC,SAAS,EAAE,WAAW,CAAC;MACjC,OAAO,EAAE;QACL,IAAI,EAAE,QAAQ;OACjB;KACJ;IACD,IAAI,EAAE;MACF,OAAO,EAAE;QACL,IAAI,EAAE,SAAS;OAClB;KACJ;IACD,QAAQ,EAAE;MACN,OAAO,EAAE;QACL,IAAI,EAAE,SAAS;OAClB;KACJ;IACD,IAAI,EAAE;MACF,OAAO,EAAE,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;MAC1B,OAAO,EAAE;QACL,IAAI,EAAE,QAAQ;OACjB;KACJ;GACJ;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EACrB,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,OAAO,EACP,IAAI,EACJ,IAAI,EACJ,QAAQ,GACX,EAAE,EAAE;EACD,OAAO;;;wBAGa,IAAI;wBACJ,IAAI;8BACE,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,KAAK;2BACrB,OAAO;kBAChB,QAAQ,IAAI,OAAO,GAAG,QAAQ,IAAI,IAAI;kBACtC,IAAI,IAAI,MAAM;;;;;KAK3B,CAAC;AACN,CAAC,CAAC;AAEF,QAAQ,CAAC,UAAU,GAAG;EAClB,MAAM,EAAE,UAAU;EAClB,eAAe,EAAE;IACb,MAAM,EAAE,QAAQ;GACnB;CACJ,CAAC;AAEF,MAAM,QAAQ,GAAG,WAAW,CAAC;AAE7B,QAAQ,CAAC,IAAI,GAAG;EACZ,IAAI,EAAE,QAAQ;EACd,IAAI,EAAE,cAAc;EACpB,SAAS,EAAE,OAAO;EAClB,OAAO,EAAE,SAAS;EAClB,IAAI,EAAE,IAAI;EACV,QAAQ,EAAE,IAAI;EACd,IAAI,EAAE,OAAO;CAChB,CAAC","sourcesContent":["import data from '@xplortech/apollo-icons/build/data.json';\n\nexport default {\n title: 'Data Components/Data Card',\n argTypes: {\n name: {\n type: { name: 'string', required: true },\n },\n stat: {\n type: { name: 'string', required: true },\n },\n shortStat: {\n type: { name: 'string' },\n },\n variant: {\n options: ['primary', 'secondary'],\n control: {\n type: 'select',\n },\n },\n link: {\n control: {\n type: 'boolean',\n },\n },\n withIcon: {\n control: {\n type: 'boolean',\n },\n },\n icon: {\n options: Object.keys(data),\n control: {\n type: 'select',\n },\n },\n },\n};\n\nexport const DataCard = ({\n name,\n stat,\n shortStat,\n variant,\n link,\n icon,\n withIcon,\n}) => {\n return `\n <dl class=\"xpl-dl\">\n <xpl-data-card\n name='${name}'\n stat='${stat}'\n short-stat='${shortStat ?? false}'\n variant='${variant}'\n ${withIcon && 'icon='}${withIcon && icon}\n ${link && 'link'}\n >\n <a href=\"#\"></a>\n </xpl-data-card>\n </dl>\n `;\n};\n\nDataCard.parameters = {\n layout: 'centered',\n 'web-component': {\n render: DataCard,\n },\n};\n\nconst newUsers = 'New Users';\n\nDataCard.args = {\n name: newUsers,\n stat: '1,250,000.00',\n shortStat: '1.25M',\n variant: 'primary',\n link: true,\n withIcon: true,\n icon: 'graph',\n};\n"]}

package/dist/stories/divider.stories.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"divider.stories.js","sourceRoot":"","sources":["../../src/stories/divider.stories.ts"],"names":[],"mappings":"AAAA,eAAe;EACX,KAAK,EAAE,oBAAoB;EAC3B,QAAQ,EAAE;IACN,IAAI,EAAE;MACF,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;MACrB,OAAO,EAAE;QACL,IAAI,EAAE,QAAQ;OACjB;KACJ;IACD,IAAI,EAAE;MACF,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;KAC5C;GACJ;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE;EACtC,IAAI,KAAK,GAAG,EAAE,CAAC;EACf,KAAK,IAAI,UAAU,IAAI,GAAG,CAAC;EAC3B,OAAO,eAAe,KAAK,IAAI,IAAI,gBAAgB,CAAC;AACxD,CAAC,CAAC;AAEF,OAAO,CAAC,UAAU,GAAG;EACjB,MAAM,EAAE,UAAU;EAClB,eAAe,EAAE;IACb,MAAM,EAAE,OAAO;GAClB;EACD,IAAI,EAAE;IACF,MAAM,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE;MACjB,OAAO,wCAAwC,IAAI,CAAC,QAAQ,EAAE,KAAK,IAAI,QAAQ,CAAC;IACpF,CAAC;GACJ;CACJ,CAAC;AAEF,OAAO,CAAC,IAAI,GAAG;EACX,IAAI,EAAE,CAAC;EACP,IAAI,EAAE,aAAa;CACtB,CAAC","sourcesContent":["export default {\n title: 'Components/Divider',\n argTypes: {\n tier: {\n options: [3, 2, 1, 0],\n control: {\n type: 'select',\n },\n },\n text: {\n type: { name: 'string', required: false },\n },\n },\n};\n\nexport const Divider = ({ tier, text }) => {\n let attrs = '';\n attrs += ` tier=\"${tier}\"`;\n return `<xpl-divider${attrs}>${text}</xpl-divider>`;\n};\n\nDivider.parameters = {\n layout: 'centered',\n 'web-component': {\n render: Divider,\n },\n html: {\n render({ tier, text }) {\n return `<div class=\"xpl-divider xpl-divider--${tier.toString()}\">${text}</div>`;\n },\n },\n};\n\nDivider.args = {\n tier: 3,\n text: 'Lorem Ipsum',\n};\n"]}