@limetech/lime-elements 37.1.0-next.16 → 37.1.0-next.18
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.
- package/dist/cjs/lime-elements.cjs.js +1 -1
- package/dist/cjs/limel-circular-progress_2.cjs.entry.js +7 -1
- package/dist/cjs/limel-circular-progress_2.cjs.entry.js.map +1 -1
- package/dist/cjs/limel-list_2.cjs.entry.js.map +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/action-bar/action-bar-item/action-bar-item.js +2 -2
- package/dist/collection/components/action-bar/action-bar-item/action-bar-overflow-menu.js +1 -1
- package/dist/collection/components/action-bar/action-bar.js +1 -1
- package/dist/collection/components/action-bar/action-bar.types.js.map +1 -1
- package/dist/collection/components/linear-progress/linear-progress.js +9 -3
- package/dist/collection/components/linear-progress/linear-progress.js.map +1 -1
- package/dist/collection/components/list/list.js +1 -1
- package/dist/collection/components/list/list.js.map +1 -1
- package/dist/esm/lime-elements.js +1 -1
- package/dist/esm/limel-circular-progress_2.entry.js +7 -1
- package/dist/esm/limel-circular-progress_2.entry.js.map +1 -1
- package/dist/esm/limel-list_2.entry.js.map +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/lime-elements/lime-elements.esm.js +1 -1
- package/dist/lime-elements/lime-elements.esm.js.map +1 -1
- package/dist/lime-elements/{p-9c1db0e7.entry.js → p-3bb15bdf.entry.js} +2 -2
- package/dist/lime-elements/p-3bb15bdf.entry.js.map +1 -0
- package/dist/lime-elements/p-55dcbc35.entry.js.map +1 -1
- package/dist/types/components/action-bar/action-bar.types.d.ts +12 -6
- package/dist/types/components/linear-progress/linear-progress.d.ts +1 -0
- package/dist/types/components/list/list.d.ts +2 -1
- package/dist/types/components.d.ts +1 -1
- package/package.json +3 -3
- package/dist/lime-elements/p-9c1db0e7.entry.js.map +0 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as e,b as l}from"./p-3075aa67.js";export{s as setNonce}from"./p-3075aa67.js";const i=()=>{const l=import.meta.url;const i={};if(l!==""){i.resourcesUrl=new URL(".",l).href}return e(i)};i().then((e=>l([["p-4607900f",[[1,"limel-color-picker",{value:[513],label:[513],helperText:[513,"helper-text"],tooltipLabel:[513,"tooltip-label"],required:[516],readonly:[516],isOpen:[32]}]]],["p-b714596f",[[1,"limel-action-bar",{actions:[16],accessibleLabel:[513,"accessible-label"],layout:[513],openDirection:[513,"open-direction"],overflowCutoff:[32]}]]],["p-0edcca0b",[[1,"limel-dock",{dockItems:[16],dockFooterItems:[16],accessibleLabel:[513,"accessible-label"],expanded:[516],allowResize:[516,"allow-resize"],mobileBreakPoint:[514,"mobile-break-point"],useMobileLayout:[32]}]]],["p-d419c102",[[1,"limel-picker",{disabled:[4],readonly:[516],label:[1],searchLabel:[1,"search-label"],helperText:[513,"helper-text"],leadingIcon:[1,"leading-icon"],emptyResultMessage:[1,"empty-result-message"],required:[4],value:[8],searcher:[8],multiple:[4],delimiter:[513],actions:[16],actionPosition:[1,"action-position"],actionScrollBehavior:[1,"action-scroll-behavior"],badgeIcons:[516,"badge-icons"],items:[32],textValue:[32],loading:[32],chips:[32]}]]],["p-5afea754",[[1,"limel-split-button",{label:[513],primary:[516],icon:[513],disabled:[516],items:[16]}]]],["p-add09e7d",[[1,"limel-date-picker",{disabled:[516],readonly:[516],invalid:[516],label:[513],placeholder:[513],helperText:[513,"helper-text"],required:[516],value:[16],type:[520],format:[513],language:[520],formatter:[16],formattedValue:[32],internalFormat:[32],showPortal:[32]}]]],["p-6762616d",[[1,"limel-button-group",{value:[16],disabled:[516],selectedButtonId:[32]}]]],["p-b9698f79",[[1,"limel-select",{disabled:[516],readonly:[516],invalid:[516],required:[516],label:[513],helperText:[513,"helper-text"],value:[8],options:[16],multiple:[4],menuOpen:[32]}]]],["p-cf61ac34",[[1,"limel-file",{value:[8],label:[513],required:[516],disabled:[516],readonly:[516],accept:[513],language:[8],isDraggingOverDropZone:[32]}]]],["p-b70f517e",[[1,"limel-info-tile",{value:[520],icon:[1],label:[513],prefix:[513],suffix:[513],disabled:[516],badge:[520],loading:[516],link:[8],progress:[16]}]]],["p-550cae4a",[[1,"limel-snackbar",{message:[1],timeout:[2],actionText:[1,"action-text"],dismissible:[4],multiline:[4],language:[8],show:[64]}]]],["p-095e03af",[[1,"limel-tab-panel",{tabs:[1040]}]]],["p-8f08ca13",[[1,"limel-table",{data:[16],columns:[16],mode:[1],layout:[1],pageSize:[2,"page-size"],totalRows:[2,"total-rows"],sorting:[16],activeRow:[1040],movableColumns:[4,"movable-columns"],loading:[4],page:[2],emptyMessage:[1,"empty-message"],aggregates:[16],selectable:[4],selection:[16]}]]],["p-addb4c84",[[1,"limel-collapsible-section",{isOpen:[1540,"is-open"],header:[513],actions:[16]}]]],["p-9f5250a0",[[1,"limel-dialog",{heading:[8],fullscreen:[516],open:[1540],closingActions:[520,"closing-actions"]}]]],["p-4fc7e0df",[[1,"limel-progress-flow",{flowItems:[16],disabled:[4],readonly:[4]}]]],["p-af374a0c",[[1,"limel-shortcut",{icon:[513],label:[513],disabled:[516],badge:[520],link:[8]}]]],["p-5fb4402e",[[1,"limel-banner",{message:[513],icon:[513],isOpen:[32],open:[64],close:[64]}]]],["p-9a5745e5",[[1,"limel-callout",{heading:[513],icon:[513],type:[513],language:[8]}]]],["p-f1b0951f",[[1,"limel-slider",{disabled:[516],readonly:[516],factor:[514],label:[513],helperText:[513,"helper-text"],unit:[513],value:[514],valuemax:[514],valuemin:[514],step:[514],percentageClass:[32]}]]],["p-88e4eba7",[[1,"limel-switch",{label:[513],disabled:[516],readonly:[516],value:[516],helperText:[513,"helper-text"],fieldId:[32]}]]],["p-94cb40fb",[[1,"limel-code-editor",{value:[1],language:[1],readonly:[4],lineNumbers:[4,"line-numbers"],fold:[4],lint:[4],colorScheme:[1,"color-scheme"],random:[32]}]]],["p-dd14b927",[[1,"limel-config",{config:[16]}]]],["p-bd62071d",[[1,"limel-flex-container",{direction:[520],justify:[520],align:[520],reverse:[516]}]]],["p-378bb196",[[1,"limel-form",{schema:[16],value:[16],disabled:[4],propsFactory:[16],transformErrors:[16],errors:[16]}]]],["p-4a04ede1",[[1,"limel-grid"]]],["p-e0a0065f",[[1,"limel-icon",{size:[513],name:[513],badge:[516]}]]],["p-95769bf5",[[0,"limel-dock-button",{item:[16],expanded:[516],useMobileLayout:[516,"use-mobile-layout"],isOpen:[32]}]]],["p-0d823554",[[1,"limel-color-picker-palette",{value:[513],label:[513],helperText:[513,"helper-text"],required:[516]}]]],["p-95ed1b9b",[[1,"limel-badge",{label:[520]}]]],["p-bc23beb6",[[1,"limel-tab-bar",{tabs:[1040],canScrollLeft:[32],canScrollRight:[32]},[[9,"resize","handleWindowResize"]]]]],["p-c6f8ea40",[[1,"limel-checkbox",{disabled:[516],readonly:[516],label:[513],helperText:[513,"helper-text"],checked:[516],indeterminate:[516],required:[516],modified:[32]}]]],["p-455edb30",[[1,"limel-header",{icon:[1],heading:[1],subheading:[1],supportingText:[1,"supporting-text"]}]]],["p-1bdc524d",[[0,"limel-progress-flow-item",{item:[16],disabled:[4],readonly:[4]}]]],["p-7972528a",[[1,"limel-flatpickr-adapter",{value:[16],type:[8],format:[1],isOpen:[4,"is-open"],inputElement:[16],language:[8],formatter:[16]}]]],["p-a3f31667",[[0,"limel-action-bar-overflow-menu",{items:[16],openDirection:[513,"open-direction"]}],[0,"limel-action-bar-item",{item:[16],isVisible:[516,"is-visible"]}]]],["p-32127a17",[[1,"limel-chip-set",{value:[16],type:[513],label:[513],helperText:[513,"helper-text"],disabled:[516],readonly:[516],inputType:[513,"input-type"],maxItems:[514,"max-items"],required:[516],searchLabel:[513,"search-label"],emptyInputOnBlur:[516,"empty-input-on-blur"],clearAllButton:[4,"clear-all-button"],leadingIcon:[513,"leading-icon"],delimiter:[513],language:[8],editMode:[32],textValue:[32],blurred:[32],inputChipIndexSelected:[32],getEditMode:[64],setFocus:[64],emptyInput:[64]}]]],["p-d8826406",[[1,"limel-button",{label:[513],primary:[516],outlined:[516],icon:[513],disabled:[516],loading:[516],loadingFailed:[516,"loading-failed"],justLoaded:[32]}]]],["p-
|
|
1
|
+
import{p as e,b as l}from"./p-3075aa67.js";export{s as setNonce}from"./p-3075aa67.js";const i=()=>{const l=import.meta.url;const i={};if(l!==""){i.resourcesUrl=new URL(".",l).href}return e(i)};i().then((e=>l([["p-4607900f",[[1,"limel-color-picker",{value:[513],label:[513],helperText:[513,"helper-text"],tooltipLabel:[513,"tooltip-label"],required:[516],readonly:[516],isOpen:[32]}]]],["p-b714596f",[[1,"limel-action-bar",{actions:[16],accessibleLabel:[513,"accessible-label"],layout:[513],openDirection:[513,"open-direction"],overflowCutoff:[32]}]]],["p-0edcca0b",[[1,"limel-dock",{dockItems:[16],dockFooterItems:[16],accessibleLabel:[513,"accessible-label"],expanded:[516],allowResize:[516,"allow-resize"],mobileBreakPoint:[514,"mobile-break-point"],useMobileLayout:[32]}]]],["p-d419c102",[[1,"limel-picker",{disabled:[4],readonly:[516],label:[1],searchLabel:[1,"search-label"],helperText:[513,"helper-text"],leadingIcon:[1,"leading-icon"],emptyResultMessage:[1,"empty-result-message"],required:[4],value:[8],searcher:[8],multiple:[4],delimiter:[513],actions:[16],actionPosition:[1,"action-position"],actionScrollBehavior:[1,"action-scroll-behavior"],badgeIcons:[516,"badge-icons"],items:[32],textValue:[32],loading:[32],chips:[32]}]]],["p-5afea754",[[1,"limel-split-button",{label:[513],primary:[516],icon:[513],disabled:[516],items:[16]}]]],["p-add09e7d",[[1,"limel-date-picker",{disabled:[516],readonly:[516],invalid:[516],label:[513],placeholder:[513],helperText:[513,"helper-text"],required:[516],value:[16],type:[520],format:[513],language:[520],formatter:[16],formattedValue:[32],internalFormat:[32],showPortal:[32]}]]],["p-6762616d",[[1,"limel-button-group",{value:[16],disabled:[516],selectedButtonId:[32]}]]],["p-b9698f79",[[1,"limel-select",{disabled:[516],readonly:[516],invalid:[516],required:[516],label:[513],helperText:[513,"helper-text"],value:[8],options:[16],multiple:[4],menuOpen:[32]}]]],["p-cf61ac34",[[1,"limel-file",{value:[8],label:[513],required:[516],disabled:[516],readonly:[516],accept:[513],language:[8],isDraggingOverDropZone:[32]}]]],["p-b70f517e",[[1,"limel-info-tile",{value:[520],icon:[1],label:[513],prefix:[513],suffix:[513],disabled:[516],badge:[520],loading:[516],link:[8],progress:[16]}]]],["p-550cae4a",[[1,"limel-snackbar",{message:[1],timeout:[2],actionText:[1,"action-text"],dismissible:[4],multiline:[4],language:[8],show:[64]}]]],["p-095e03af",[[1,"limel-tab-panel",{tabs:[1040]}]]],["p-8f08ca13",[[1,"limel-table",{data:[16],columns:[16],mode:[1],layout:[1],pageSize:[2,"page-size"],totalRows:[2,"total-rows"],sorting:[16],activeRow:[1040],movableColumns:[4,"movable-columns"],loading:[4],page:[2],emptyMessage:[1,"empty-message"],aggregates:[16],selectable:[4],selection:[16]}]]],["p-addb4c84",[[1,"limel-collapsible-section",{isOpen:[1540,"is-open"],header:[513],actions:[16]}]]],["p-9f5250a0",[[1,"limel-dialog",{heading:[8],fullscreen:[516],open:[1540],closingActions:[520,"closing-actions"]}]]],["p-4fc7e0df",[[1,"limel-progress-flow",{flowItems:[16],disabled:[4],readonly:[4]}]]],["p-af374a0c",[[1,"limel-shortcut",{icon:[513],label:[513],disabled:[516],badge:[520],link:[8]}]]],["p-5fb4402e",[[1,"limel-banner",{message:[513],icon:[513],isOpen:[32],open:[64],close:[64]}]]],["p-9a5745e5",[[1,"limel-callout",{heading:[513],icon:[513],type:[513],language:[8]}]]],["p-f1b0951f",[[1,"limel-slider",{disabled:[516],readonly:[516],factor:[514],label:[513],helperText:[513,"helper-text"],unit:[513],value:[514],valuemax:[514],valuemin:[514],step:[514],percentageClass:[32]}]]],["p-88e4eba7",[[1,"limel-switch",{label:[513],disabled:[516],readonly:[516],value:[516],helperText:[513,"helper-text"],fieldId:[32]}]]],["p-94cb40fb",[[1,"limel-code-editor",{value:[1],language:[1],readonly:[4],lineNumbers:[4,"line-numbers"],fold:[4],lint:[4],colorScheme:[1,"color-scheme"],random:[32]}]]],["p-dd14b927",[[1,"limel-config",{config:[16]}]]],["p-bd62071d",[[1,"limel-flex-container",{direction:[520],justify:[520],align:[520],reverse:[516]}]]],["p-378bb196",[[1,"limel-form",{schema:[16],value:[16],disabled:[4],propsFactory:[16],transformErrors:[16],errors:[16]}]]],["p-4a04ede1",[[1,"limel-grid"]]],["p-e0a0065f",[[1,"limel-icon",{size:[513],name:[513],badge:[516]}]]],["p-95769bf5",[[0,"limel-dock-button",{item:[16],expanded:[516],useMobileLayout:[516,"use-mobile-layout"],isOpen:[32]}]]],["p-0d823554",[[1,"limel-color-picker-palette",{value:[513],label:[513],helperText:[513,"helper-text"],required:[516]}]]],["p-95ed1b9b",[[1,"limel-badge",{label:[520]}]]],["p-bc23beb6",[[1,"limel-tab-bar",{tabs:[1040],canScrollLeft:[32],canScrollRight:[32]},[[9,"resize","handleWindowResize"]]]]],["p-c6f8ea40",[[1,"limel-checkbox",{disabled:[516],readonly:[516],label:[513],helperText:[513,"helper-text"],checked:[516],indeterminate:[516],required:[516],modified:[32]}]]],["p-455edb30",[[1,"limel-header",{icon:[1],heading:[1],subheading:[1],supportingText:[1,"supporting-text"]}]]],["p-1bdc524d",[[0,"limel-progress-flow-item",{item:[16],disabled:[4],readonly:[4]}]]],["p-7972528a",[[1,"limel-flatpickr-adapter",{value:[16],type:[8],format:[1],isOpen:[4,"is-open"],inputElement:[16],language:[8],formatter:[16]}]]],["p-a3f31667",[[0,"limel-action-bar-overflow-menu",{items:[16],openDirection:[513,"open-direction"]}],[0,"limel-action-bar-item",{item:[16],isVisible:[516,"is-visible"]}]]],["p-32127a17",[[1,"limel-chip-set",{value:[16],type:[513],label:[513],helperText:[513,"helper-text"],disabled:[516],readonly:[516],inputType:[513,"input-type"],maxItems:[514,"max-items"],required:[516],searchLabel:[513,"search-label"],emptyInputOnBlur:[516,"empty-input-on-blur"],clearAllButton:[4,"clear-all-button"],leadingIcon:[513,"leading-icon"],delimiter:[513],language:[8],editMode:[32],textValue:[32],blurred:[32],inputChipIndexSelected:[32],getEditMode:[64],setFocus:[64],emptyInput:[64]}]]],["p-d8826406",[[1,"limel-button",{label:[513],primary:[516],outlined:[516],icon:[513],disabled:[516],loading:[516],loadingFailed:[516,"loading-failed"],justLoaded:[32]}]]],["p-3bb15bdf",[[1,"limel-circular-progress",{value:[2],maxValue:[2,"max-value"],prefix:[513],suffix:[1],displayPercentageColors:[4,"display-percentage-colors"],size:[513]}],[1,"limel-linear-progress",{value:[514],indeterminate:[516]}]]],["p-55dcbc35",[[1,"limel-list",{items:[16],badgeIcons:[4,"badge-icons"],iconSize:[1,"icon-size"],type:[8],maxLinesSecondaryText:[2,"max-lines-secondary-text"]}],[1,"limel-menu-surface",{open:[4],allowClicksElement:[16]}]]],["p-ce1fca54",[[1,"limel-input-field",{disabled:[516],readonly:[516],invalid:[516],label:[513],placeholder:[513],helperText:[513,"helper-text"],prefix:[513],suffix:[513],required:[516],value:[513],trailingIcon:[513,"trailing-icon"],leadingIcon:[513,"leading-icon"],pattern:[513],type:[513],formatNumber:[516,"format-number"],step:[520],max:[514],min:[514],maxlength:[514],minlength:[514],completions:[16],showLink:[516,"show-link"],isFocused:[32],isModified:[32],showCompletions:[32]}]]],["p-c3e428ff",[[1,"limel-icon-button",{icon:[513],elevated:[516],label:[513],disabled:[516]}]]],["p-552fd521",[[1,"limel-spinner",{size:[520],limeBranded:[4,"lime-branded"]}]]],["p-d5298b7e",[[1,"limel-portal",{openDirection:[513,"open-direction"],position:[513],containerId:[513,"container-id"],containerStyle:[16],parent:[16],inheritParentWidth:[516,"inherit-parent-width"],visible:[516],anchor:[16]}]]],["p-b897fe1f",[[1,"limel-menu",{items:[16],disabled:[516],openDirection:[513,"open-direction"],open:[1540],badgeIcons:[516,"badge-icons"],gridLayout:[516,"grid-layout"]}],[1,"limel-menu-list",{items:[16],badgeIcons:[4,"badge-icons"],iconSize:[1,"icon-size"],type:[8],maxLinesSecondaryText:[2,"max-lines-secondary-text"]}]]],["p-8d44ea19",[[1,"limel-popover",{open:[4],openDirection:[513,"open-direction"]}],[1,"limel-popover-surface",{contentCollection:[16]}]]],["p-15e3028f",[[1,"limel-tooltip",{elementId:[513,"element-id"],label:[513],helperLabel:[513,"helper-label"],maxlength:[514],openDirection:[513,"open-direction"],open:[32]}],[1,"limel-tooltip-content",{label:[513],helperLabel:[513,"helper-label"],maxlength:[514]}]]],["p-1754c5ae",[[1,"limel-helper-line",{helperText:[513,"helper-text"],length:[514],maxLength:[514,"max-length"],invalid:[516],helperTextId:[513,"helper-text-id"]}]]]],e)));
|
|
2
2
|
//# sourceMappingURL=lime-elements.esm.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","options","bootstrapLazy","value","label","helperText","tooltipLabel","required","readonly","isOpen","actions","accessibleLabel","layout","openDirection","overflowCutoff","dockItems","dockFooterItems","expanded","allowResize","mobileBreakPoint","useMobileLayout","disabled","searchLabel","leadingIcon","emptyResultMessage","searcher","multiple","delimiter","actionPosition","actionScrollBehavior","badgeIcons","items","textValue","loading","chips","primary","icon","invalid","placeholder","type","format","language","formatter","formattedValue","internalFormat","showPortal","selectedButtonId","menuOpen","accept","isDraggingOverDropZone","prefix","suffix","badge","link","progress","message","timeout","actionText","dismissible","multiline","show","tabs","data","columns","mode","pageSize","totalRows","sorting","activeRow","movableColumns","page","emptyMessage","aggregates","selectable","selection","header","heading","fullscreen","open","closingActions","flowItems","close","factor","unit","valuemax","valuemin","step","percentageClass","fieldId","lineNumbers","fold","lint","colorScheme","random","config","direction","justify","align","reverse","schema","propsFactory","transformErrors","errors","size","name","item","canScrollLeft","canScrollRight","checked","indeterminate","modified","subheading","supportingText","inputElement","isVisible","inputType","maxItems","emptyInputOnBlur","clearAllButton","editMode","blurred","inputChipIndexSelected","getEditMode","setFocus","emptyInput","outlined","loadingFailed","justLoaded","maxValue","displayPercentageColors","iconSize","maxLinesSecondaryText","allowClicksElement","trailingIcon","pattern","formatNumber","max","min","maxlength","minlength","completions","showLink","isFocused","isModified","showCompletions","elevated","limeBranded","position","containerId","containerStyle","parent","inheritParentWidth","visible","anchor","gridLayout","contentCollection","elementId","helperLabel","length","maxLength","helperTextId"],"sources":["./node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v3.4.1 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, plt, win, doc, promiseResolve, H } from '@stencil/core';\n/**\n * Helper method for querying a `meta` tag that contains a nonce value\n * out of a DOM's head.\n *\n * @param doc The DOM containing the `head` to query against\n * @returns The content of the meta tag representing the nonce value, or `undefined` if no tag\n * exists or the tag has no content.\n */\nfunction queryNonceMetaTagContent(doc) {\n var _a, _b, _c;\n return (_c = (_b = (_a = doc.head) === null || _a === void 0 ? void 0 : _a.querySelector('meta[name=\"csp-nonce\"]')) === null || _b === void 0 ? void 0 : _b.getAttribute('content')) !== null && _c !== void 0 ? _c : undefined;\n}\n// TODO(STENCIL-661): Remove code related to the dynamic import shim\nconst getDynamicImportFunction = (namespace) => `__sc_import_${namespace.replace(/\\s|-/g, '_')}`;\nconst patchBrowser = () => {\n // NOTE!! This fn cannot use async/await!\n if (BUILD.isDev && !BUILD.isTesting) {\n consoleDevInfo('Running in development mode.');\n }\n // TODO(STENCIL-659): Remove code implementing the CSS variable shim\n if (BUILD.cssVarShim) {\n // shim css vars\n // TODO(STENCIL-659): Remove code implementing the CSS variable shim\n plt.$cssShim$ = win.__cssshim;\n }\n if (BUILD.cloneNodeFix) {\n // opted-in to polyfill cloneNode() for slot polyfilled components\n patchCloneNodeFix(H.prototype);\n }\n if (BUILD.profile && !performance.mark) {\n // not all browsers support performance.mark/measure (Safari 10)\n // because the mark/measure APIs are designed to write entries to a buffer in the browser that does not exist,\n // simply stub the implementations out.\n // TODO(STENCIL-323): Remove this patch when support for older browsers is removed (breaking)\n // @ts-ignore\n performance.mark = performance.measure = () => {\n /*noop*/\n };\n performance.getEntriesByName = () => [];\n }\n // @ts-ignore\n const scriptElm = \n // TODO(STENCIL-661): Remove code related to the dynamic import shim\n // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n BUILD.scriptDataOpts || BUILD.safari10 || BUILD.dynamicImportShim\n ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n s.getAttribute('data-stencil-namespace') === NAMESPACE)\n : null;\n const importMeta = import.meta.url;\n const opts = BUILD.scriptDataOpts ? (scriptElm || {})['data-opts'] || {} : {};\n // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n if (BUILD.safari10 && 'onbeforeload' in scriptElm && !history.scrollRestoration /* IS_ESM_BUILD */) {\n // Safari < v11 support: This IF is true if it's Safari below v11.\n // This fn cannot use async/await since Safari didn't support it until v11,\n // however, Safari 10 did support modules. Safari 10 also didn't support \"nomodule\",\n // so both the ESM file and nomodule file would get downloaded. Only Safari\n // has 'onbeforeload' in the script, and \"history.scrollRestoration\" was added\n // to Safari in v11. Return a noop then() so the async/await ESM code doesn't continue.\n // IS_ESM_BUILD is replaced at build time so this check doesn't happen in systemjs builds.\n return {\n then() {\n /* promise noop */\n },\n };\n }\n // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n if (!BUILD.safari10 && importMeta !== '') {\n opts.resourcesUrl = new URL('.', importMeta).href;\n // TODO(STENCIL-661): Remove code related to the dynamic import shim\n // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n }\n else if (BUILD.dynamicImportShim || BUILD.safari10) {\n opts.resourcesUrl = new URL('.', new URL(scriptElm.getAttribute('data-resources-url') || scriptElm.src, win.location.href)).href;\n // TODO(STENCIL-661): Remove code related to the dynamic import shim\n if (BUILD.dynamicImportShim) {\n patchDynamicImport(opts.resourcesUrl, scriptElm);\n }\n // TODO(STENCIL-661): Remove code related to the dynamic import shim\n if (BUILD.dynamicImportShim && !win.customElements) {\n // module support, but no custom elements support (Old Edge)\n // @ts-ignore\n return import(/* webpackChunkName: \"polyfills-dom\" */ './dom.js').then(() => opts);\n }\n }\n return promiseResolve(opts);\n};\n// TODO(STENCIL-661): Remove code related to the dynamic import shim\nconst patchDynamicImport = (base, orgScriptElm) => {\n const importFunctionName = getDynamicImportFunction(NAMESPACE);\n try {\n // test if this browser supports dynamic imports\n // There is a caching issue in V8, that breaks using import() in Function\n // By generating a random string, we can workaround it\n // Check https://bugs.chromium.org/p/chromium/issues/detail?id=990810 for more info\n win[importFunctionName] = new Function('w', `return import(w);//${Math.random()}`);\n }\n catch (e) {\n // this shim is specifically for browsers that do support \"esm\" imports\n // however, they do NOT support \"dynamic\" imports\n // basically this code is for old Edge, v18 and below\n const moduleMap = new Map();\n win[importFunctionName] = (src) => {\n var _a;\n const url = new URL(src, base).href;\n let mod = moduleMap.get(url);\n if (!mod) {\n const script = doc.createElement('script');\n script.type = 'module';\n script.crossOrigin = orgScriptElm.crossOrigin;\n script.src = URL.createObjectURL(new Blob([`import * as m from '${url}'; window.${importFunctionName}.m = m;`], {\n type: 'application/javascript',\n }));\n // Apply CSP nonce to the script tag if it exists\n const nonce = (_a = plt.$nonce$) !== null && _a !== void 0 ? _a : queryNonceMetaTagContent(doc);\n if (nonce != null) {\n script.setAttribute('nonce', nonce);\n }\n mod = new Promise((resolve) => {\n script.onload = () => {\n resolve(win[importFunctionName].m);\n script.remove();\n };\n });\n moduleMap.set(url, mod);\n doc.head.appendChild(script);\n }\n return mod;\n };\n }\n};\nconst patchCloneNodeFix = (HTMLElementPrototype) => {\n const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n HTMLElementPrototype.cloneNode = function (deep) {\n if (this.nodeName === 'TEMPLATE') {\n return nativeCloneNodeFn.call(this, deep);\n }\n const clonedNode = nativeCloneNodeFn.call(this, false);\n const srcChildNodes = this.childNodes;\n if (deep) {\n for (let i = 0; i < srcChildNodes.length; i++) {\n // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n if (srcChildNodes[i].nodeType !== 2) {\n clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n }\n }\n }\n return clonedNode;\n };\n};\nexport { patchBrowser };\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(options => {\n globalScripts();\n return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","options","bootstrapLazy","value","label","helperText","tooltipLabel","required","readonly","isOpen","actions","accessibleLabel","layout","openDirection","overflowCutoff","dockItems","dockFooterItems","expanded","allowResize","mobileBreakPoint","useMobileLayout","disabled","searchLabel","leadingIcon","emptyResultMessage","searcher","multiple","delimiter","actionPosition","actionScrollBehavior","badgeIcons","items","textValue","loading","chips","primary","icon","invalid","placeholder","type","format","language","formatter","formattedValue","internalFormat","showPortal","selectedButtonId","menuOpen","accept","isDraggingOverDropZone","prefix","suffix","badge","link","progress","message","timeout","actionText","dismissible","multiline","show","tabs","data","columns","mode","pageSize","totalRows","sorting","activeRow","movableColumns","page","emptyMessage","aggregates","selectable","selection","header","heading","fullscreen","open","closingActions","flowItems","close","factor","unit","valuemax","valuemin","step","percentageClass","fieldId","lineNumbers","fold","lint","colorScheme","random","config","direction","justify","align","reverse","schema","propsFactory","transformErrors","errors","size","name","item","canScrollLeft","canScrollRight","checked","indeterminate","modified","subheading","supportingText","inputElement","isVisible","inputType","maxItems","emptyInputOnBlur","clearAllButton","editMode","blurred","inputChipIndexSelected","getEditMode","setFocus","emptyInput","outlined","loadingFailed","justLoaded","maxValue","displayPercentageColors","iconSize","maxLinesSecondaryText","allowClicksElement","trailingIcon","pattern","formatNumber","max","min","maxlength","minlength","completions","showLink","isFocused","isModified","showCompletions","elevated","limeBranded","position","containerId","containerStyle","parent","inheritParentWidth","visible","anchor","gridLayout","contentCollection","elementId","helperLabel","length","maxLength","helperTextId"],"sources":["./node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v3.4.1 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, plt, win, doc, promiseResolve, H } from '@stencil/core';\n/**\n * Helper method for querying a `meta` tag that contains a nonce value\n * out of a DOM's head.\n *\n * @param doc The DOM containing the `head` to query against\n * @returns The content of the meta tag representing the nonce value, or `undefined` if no tag\n * exists or the tag has no content.\n */\nfunction queryNonceMetaTagContent(doc) {\n var _a, _b, _c;\n return (_c = (_b = (_a = doc.head) === null || _a === void 0 ? void 0 : _a.querySelector('meta[name=\"csp-nonce\"]')) === null || _b === void 0 ? void 0 : _b.getAttribute('content')) !== null && _c !== void 0 ? _c : undefined;\n}\n// TODO(STENCIL-661): Remove code related to the dynamic import shim\nconst getDynamicImportFunction = (namespace) => `__sc_import_${namespace.replace(/\\s|-/g, '_')}`;\nconst patchBrowser = () => {\n // NOTE!! This fn cannot use async/await!\n if (BUILD.isDev && !BUILD.isTesting) {\n consoleDevInfo('Running in development mode.');\n }\n // TODO(STENCIL-659): Remove code implementing the CSS variable shim\n if (BUILD.cssVarShim) {\n // shim css vars\n // TODO(STENCIL-659): Remove code implementing the CSS variable shim\n plt.$cssShim$ = win.__cssshim;\n }\n if (BUILD.cloneNodeFix) {\n // opted-in to polyfill cloneNode() for slot polyfilled components\n patchCloneNodeFix(H.prototype);\n }\n if (BUILD.profile && !performance.mark) {\n // not all browsers support performance.mark/measure (Safari 10)\n // because the mark/measure APIs are designed to write entries to a buffer in the browser that does not exist,\n // simply stub the implementations out.\n // TODO(STENCIL-323): Remove this patch when support for older browsers is removed (breaking)\n // @ts-ignore\n performance.mark = performance.measure = () => {\n /*noop*/\n };\n performance.getEntriesByName = () => [];\n }\n // @ts-ignore\n const scriptElm = \n // TODO(STENCIL-661): Remove code related to the dynamic import shim\n // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n BUILD.scriptDataOpts || BUILD.safari10 || BUILD.dynamicImportShim\n ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n s.getAttribute('data-stencil-namespace') === NAMESPACE)\n : null;\n const importMeta = import.meta.url;\n const opts = BUILD.scriptDataOpts ? (scriptElm || {})['data-opts'] || {} : {};\n // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n if (BUILD.safari10 && 'onbeforeload' in scriptElm && !history.scrollRestoration /* IS_ESM_BUILD */) {\n // Safari < v11 support: This IF is true if it's Safari below v11.\n // This fn cannot use async/await since Safari didn't support it until v11,\n // however, Safari 10 did support modules. Safari 10 also didn't support \"nomodule\",\n // so both the ESM file and nomodule file would get downloaded. Only Safari\n // has 'onbeforeload' in the script, and \"history.scrollRestoration\" was added\n // to Safari in v11. Return a noop then() so the async/await ESM code doesn't continue.\n // IS_ESM_BUILD is replaced at build time so this check doesn't happen in systemjs builds.\n return {\n then() {\n /* promise noop */\n },\n };\n }\n // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n if (!BUILD.safari10 && importMeta !== '') {\n opts.resourcesUrl = new URL('.', importMeta).href;\n // TODO(STENCIL-661): Remove code related to the dynamic import shim\n // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.\n }\n else if (BUILD.dynamicImportShim || BUILD.safari10) {\n opts.resourcesUrl = new URL('.', new URL(scriptElm.getAttribute('data-resources-url') || scriptElm.src, win.location.href)).href;\n // TODO(STENCIL-661): Remove code related to the dynamic import shim\n if (BUILD.dynamicImportShim) {\n patchDynamicImport(opts.resourcesUrl, scriptElm);\n }\n // TODO(STENCIL-661): Remove code related to the dynamic import shim\n if (BUILD.dynamicImportShim && !win.customElements) {\n // module support, but no custom elements support (Old Edge)\n // @ts-ignore\n return import(/* webpackChunkName: \"polyfills-dom\" */ './dom.js').then(() => opts);\n }\n }\n return promiseResolve(opts);\n};\n// TODO(STENCIL-661): Remove code related to the dynamic import shim\nconst patchDynamicImport = (base, orgScriptElm) => {\n const importFunctionName = getDynamicImportFunction(NAMESPACE);\n try {\n // test if this browser supports dynamic imports\n // There is a caching issue in V8, that breaks using import() in Function\n // By generating a random string, we can workaround it\n // Check https://bugs.chromium.org/p/chromium/issues/detail?id=990810 for more info\n win[importFunctionName] = new Function('w', `return import(w);//${Math.random()}`);\n }\n catch (e) {\n // this shim is specifically for browsers that do support \"esm\" imports\n // however, they do NOT support \"dynamic\" imports\n // basically this code is for old Edge, v18 and below\n const moduleMap = new Map();\n win[importFunctionName] = (src) => {\n var _a;\n const url = new URL(src, base).href;\n let mod = moduleMap.get(url);\n if (!mod) {\n const script = doc.createElement('script');\n script.type = 'module';\n script.crossOrigin = orgScriptElm.crossOrigin;\n script.src = URL.createObjectURL(new Blob([`import * as m from '${url}'; window.${importFunctionName}.m = m;`], {\n type: 'application/javascript',\n }));\n // Apply CSP nonce to the script tag if it exists\n const nonce = (_a = plt.$nonce$) !== null && _a !== void 0 ? _a : queryNonceMetaTagContent(doc);\n if (nonce != null) {\n script.setAttribute('nonce', nonce);\n }\n mod = new Promise((resolve) => {\n script.onload = () => {\n resolve(win[importFunctionName].m);\n script.remove();\n };\n });\n moduleMap.set(url, mod);\n doc.head.appendChild(script);\n }\n return mod;\n };\n }\n};\nconst patchCloneNodeFix = (HTMLElementPrototype) => {\n const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n HTMLElementPrototype.cloneNode = function (deep) {\n if (this.nodeName === 'TEMPLATE') {\n return nativeCloneNodeFn.call(this, deep);\n }\n const clonedNode = nativeCloneNodeFn.call(this, false);\n const srcChildNodes = this.childNodes;\n if (deep) {\n for (let i = 0; i < srcChildNodes.length; i++) {\n // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n if (srcChildNodes[i].nodeType !== 2) {\n clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n }\n }\n }\n return clonedNode;\n };\n};\nexport { patchBrowser };\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(options => {\n globalScripts();\n return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"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"}
|
|
@@ -78,5 +78,5 @@ PERFORMANCE OF THIS SOFTWARE.
|
|
|
78
78
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
79
79
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
80
80
|
* THE SOFTWARE.
|
|
81
|
-
*/var v=function(r){d(e,r);function e(){return r!==null&&r.apply(this,arguments)||this}e.attachTo=function(r){return new e(r)};Object.defineProperty(e.prototype,"determinate",{set:function(r){this.foundation.setDeterminate(r)},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"progress",{set:function(r){this.foundation.setProgress(r)},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"buffer",{set:function(r){this.foundation.setBuffer(r)},enumerable:false,configurable:true});e.prototype.open=function(){this.foundation.open()};e.prototype.close=function(){this.foundation.close()};e.prototype.initialSyncWithDOM=function(){var r=this;this.root.addEventListener("transitionend",(function(){r.foundation.handleTransitionEnd()}))};e.prototype.getDefaultFoundation=function(){var r=this;var e={addClass:function(e){r.root.classList.add(e)},forceLayout:function(){r.root.getBoundingClientRect()},setBufferBarStyle:function(e,a){var n=r.root.querySelector(h.strings.BUFFER_BAR_SELECTOR);if(n){n.style.setProperty(e,a)}},setPrimaryBarStyle:function(e,a){var n=r.root.querySelector(h.strings.PRIMARY_BAR_SELECTOR);if(n){n.style.setProperty(e,a)}},hasClass:function(e){return r.root.classList.contains(e)},removeAttribute:function(e){r.root.removeAttribute(e)},removeClass:function(e){r.root.classList.remove(e)},setAttribute:function(e,a){r.root.setAttribute(e,a)},setStyle:function(e,a){r.root.style.setProperty(e,a)},attachResizeObserver:function(e){var a=window.ResizeObserver;if(a){var n=new a(e);n.observe(r.root);return n}return null},getWidth:function(){return r.root.offsetWidth}};return new h(e)};return e}(t);const y=":host{--mdc-theme-primary:var(\n --lime-primary-color,\n rgb(var(--color-teal-default))\n );--mdc-theme-secondary:var(\n --lime-secondary-color,\n rgb(var(--contrast-1100))\n );--mdc-theme-on-primary:var(\n --lime-on-primary-color,\n rgb(var(--contrast-100))\n );--mdc-theme-on-secondary:var(\n --lime-on-secondary-color,\n rgb(var(--contrast-100))\n );--mdc-theme-text-disabled-on-background:var(\n --lime-text-disabled-on-background-color,\n rgba(var(--contrast-1700), 0.38)\n );--mdc-theme-text-primary-on-background:var(\n --lime-text-primary-on-background-color,\n rgba(var(--contrast-1700), 0.87)\n );--mdc-theme-text-secondary-on-background:var(\n --lime-text-secondary-on-background-color,\n rgba(var(--contrast-1700), 0.54)\n );--mdc-theme-error:var(\n --lime-error-background-color,\n rgb(var(--color-red-dark))\n );--lime-error-text-color:rgb(var(--color-red-darker));--mdc-theme-surface:var(\n --lime-surface-background-color,\n rgb(var(--contrast-100))\n );--mdc-theme-on-surface:var(\n --lime-on-surface-color,\n rgb(var(--contrast-1500))\n )}@keyframes mdc-linear-progress-primary-indeterminate-translate{0%{transform:translateX(0)}20%{animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);transform:translateX(0)}59.15%{animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);transform:translateX(83.67142%);transform:translateX(var(--mdc-linear-progress-primary-half, 83.67142%))}100%{transform:translateX(200.611057%);transform:translateX(var(--mdc-linear-progress-primary-full, 200.611057%))}}@keyframes mdc-linear-progress-primary-indeterminate-scale{0%{transform:scaleX(0.08)}36.65%{animation-timing-function:cubic-bezier(0.334731, 0.12482, 0.785844, 1);transform:scaleX(0.08)}69.15%{animation-timing-function:cubic-bezier(0.06, 0.11, 0.6, 1);transform:scaleX(0.661479)}100%{transform:scaleX(0.08)}}@keyframes mdc-linear-progress-secondary-indeterminate-translate{0%{animation-timing-function:cubic-bezier(0.15, 0, 0.515058, 0.409685);transform:translateX(0)}25%{animation-timing-function:cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);transform:translateX(37.651913%);transform:translateX(var(--mdc-linear-progress-secondary-quarter, 37.651913%))}48.35%{animation-timing-function:cubic-bezier(0.4, 0.627035, 0.6, 0.902026);transform:translateX(84.386165%);transform:translateX(var(--mdc-linear-progress-secondary-half, 84.386165%))}100%{transform:translateX(160.277782%);transform:translateX(var(--mdc-linear-progress-secondary-full, 160.277782%))}}@keyframes mdc-linear-progress-secondary-indeterminate-scale{0%{animation-timing-function:cubic-bezier(0.205028, 0.057051, 0.57661, 0.453971);transform:scaleX(0.08)}19.15%{animation-timing-function:cubic-bezier(0.152313, 0.196432, 0.648374, 1.004315);transform:scaleX(0.457104)}44.15%{animation-timing-function:cubic-bezier(0.257759, -0.003163, 0.211762, 1.38179);transform:scaleX(0.72796)}100%{transform:scaleX(0.08)}}@keyframes mdc-linear-progress-buffering{from{transform:rotate(180deg) translateX(-10px)}}@keyframes mdc-linear-progress-primary-indeterminate-translate-reverse{0%{transform:translateX(0)}20%{animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);transform:translateX(0)}59.15%{animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);transform:translateX(-83.67142%);transform:translateX(var(--mdc-linear-progress-primary-half-neg, -83.67142%))}100%{transform:translateX(-200.611057%);transform:translateX(var(--mdc-linear-progress-primary-full-neg, -200.611057%))}}@keyframes mdc-linear-progress-secondary-indeterminate-translate-reverse{0%{animation-timing-function:cubic-bezier(0.15, 0, 0.515058, 0.409685);transform:translateX(0)}25%{animation-timing-function:cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);transform:translateX(-37.651913%);transform:translateX(var(--mdc-linear-progress-secondary-quarter-neg, -37.651913%))}48.35%{animation-timing-function:cubic-bezier(0.4, 0.627035, 0.6, 0.902026);transform:translateX(-84.386165%);transform:translateX(var(--mdc-linear-progress-secondary-half-neg, -84.386165%))}100%{transform:translateX(-160.277782%);transform:translateX(var(--mdc-linear-progress-secondary-full-neg, -160.277782%))}}@keyframes mdc-linear-progress-buffering-reverse{from{transform:translateX(-10px)}}.mdc-linear-progress{position:relative;width:100%;height:4px;transform:translateZ(0);outline:1px solid transparent;overflow:hidden;transition:opacity 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-linear-progress__bar{position:absolute;width:100%;height:100%;animation:none;transform-origin:top left;transition:transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-linear-progress__bar-inner{display:inline-block;position:absolute;width:100%;animation:none;border-top:4px solid}.mdc-linear-progress__buffer{display:flex;position:absolute;width:100%;height:100%}.mdc-linear-progress__buffer-dots{background-repeat:repeat-x;background-size:10px 4px;flex:auto;transform:rotate(180deg);animation:mdc-linear-progress-buffering 250ms infinite linear}.mdc-linear-progress__buffer-bar{flex:0 1 100%;transition:flex-basis 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-linear-progress__primary-bar{transform:scaleX(0)}.mdc-linear-progress__secondary-bar{display:none}.mdc-linear-progress--indeterminate .mdc-linear-progress__bar{transition:none}.mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar{left:-145.166611%}.mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar{left:-54.888891%;display:block}.mdc-linear-progress--indeterminate.mdc-linear-progress--animation-ready .mdc-linear-progress__primary-bar{animation:mdc-linear-progress-primary-indeterminate-translate 2s infinite linear}.mdc-linear-progress--indeterminate.mdc-linear-progress--animation-ready .mdc-linear-progress__primary-bar>.mdc-linear-progress__bar-inner{animation:mdc-linear-progress-primary-indeterminate-scale 2s infinite linear}.mdc-linear-progress--indeterminate.mdc-linear-progress--animation-ready .mdc-linear-progress__secondary-bar{animation:mdc-linear-progress-secondary-indeterminate-translate 2s infinite linear}.mdc-linear-progress--indeterminate.mdc-linear-progress--animation-ready .mdc-linear-progress__secondary-bar>.mdc-linear-progress__bar-inner{animation:mdc-linear-progress-secondary-indeterminate-scale 2s infinite linear}[dir=rtl] .mdc-linear-progress,.mdc-linear-progress[dir=rtl]{}[dir=rtl] .mdc-linear-progress:not([dir=ltr]) .mdc-linear-progress__bar,.mdc-linear-progress[dir=rtl]:not([dir=ltr]) .mdc-linear-progress__bar{right:0;-webkit-transform-origin:center right;transform-origin:center right}[dir=rtl] .mdc-linear-progress:not([dir=ltr]).mdc-linear-progress--animation-ready .mdc-linear-progress__primary-bar,.mdc-linear-progress[dir=rtl]:not([dir=ltr]).mdc-linear-progress--animation-ready .mdc-linear-progress__primary-bar{animation-name:mdc-linear-progress-primary-indeterminate-translate-reverse}[dir=rtl] .mdc-linear-progress:not([dir=ltr]).mdc-linear-progress--animation-ready .mdc-linear-progress__secondary-bar,.mdc-linear-progress[dir=rtl]:not([dir=ltr]).mdc-linear-progress--animation-ready .mdc-linear-progress__secondary-bar{animation-name:mdc-linear-progress-secondary-indeterminate-translate-reverse}[dir=rtl] .mdc-linear-progress:not([dir=ltr]) .mdc-linear-progress__buffer-dots,.mdc-linear-progress[dir=rtl]:not([dir=ltr]) .mdc-linear-progress__buffer-dots{animation:mdc-linear-progress-buffering-reverse 250ms infinite linear;transform:rotate(0)}[dir=rtl] .mdc-linear-progress:not([dir=ltr]).mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar,.mdc-linear-progress[dir=rtl]:not([dir=ltr]).mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar{right:-145.166611%;left:auto}[dir=rtl] .mdc-linear-progress:not([dir=ltr]).mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar,.mdc-linear-progress[dir=rtl]:not([dir=ltr]).mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar{right:-54.888891%;left:auto}.mdc-linear-progress--closed{opacity:0}.mdc-linear-progress--closed-animation-off .mdc-linear-progress__buffer-dots{animation:none}.mdc-linear-progress--closed-animation-off.mdc-linear-progress--indeterminate .mdc-linear-progress__bar,.mdc-linear-progress--closed-animation-off.mdc-linear-progress--indeterminate .mdc-linear-progress__bar .mdc-linear-progress__bar-inner{animation:none}.mdc-linear-progress__bar-inner{border-color:#26a69a;border-color:var(--mdc-theme-primary, #26a69a)}.mdc-linear-progress__buffer-dots{background-image:url(\"data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\")}.mdc-linear-progress__buffer-bar{background-color:#e6e6e6}.mdc-linear-progress{text-align:left}.mdc-linear-progress__buffer-dots{background-image:url(\"data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='var(--background-color, rgba(var(--contrast-800), 0.5))'/%3E%3C/svg%3E\")}.mdc-linear-progress__buffer-bar{background-color:var(--background-color, rgba(var(--contrast-800), 0.5))}";const _=class{constructor(e){r(this,e);this.value=0;this.indeterminate=false}connectedCallback(){this.initialize()}componentDidLoad(){this.initialize()}initialize(){const r=this.host.shadowRoot.querySelector(".mdc-linear-progress");if(!r){return}this.mdcLinearProgress=new v(r);this.mdcLinearProgress.progress=this.value}disconnectedCallback(){if(this.mdcLinearProgress){this.mdcLinearProgress.destroy()}}render(){const r={"mdc-linear-progress":true,"mdc-linear-progress--indeterminate":this.indeterminate};return e("div",{role:"progressbar",class:r,"aria-label":"Progress Bar","aria-valuemin":"0","aria-valuemax":"1","aria-valuenow":this.value},e("div",{class:"mdc-linear-progress__buffer"},e("div",{class:"mdc-linear-progress__buffer-bar"})),e("div",{class:"mdc-linear-progress__bar mdc-linear-progress__primary-bar"},e("span",{class:"mdc-linear-progress__bar-inner"})),e("div",{class:"mdc-linear-progress__bar mdc-linear-progress__secondary-bar"},e("span",{class:"mdc-linear-progress__bar-inner"})))}watchValue(r){if(!this.mdcLinearProgress){return}this.mdcLinearProgress.progress=r}get host(){return a(this)}static get watchers(){return{value:["watchValue"]}}};_.style=y;export{l as limel_circular_progress,_ as limel_linear_progress};
|
|
82
|
-
//# sourceMappingURL=p-
|
|
81
|
+
*/var v=function(r){d(e,r);function e(){return r!==null&&r.apply(this,arguments)||this}e.attachTo=function(r){return new e(r)};Object.defineProperty(e.prototype,"determinate",{set:function(r){this.foundation.setDeterminate(r)},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"progress",{set:function(r){this.foundation.setProgress(r)},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"buffer",{set:function(r){this.foundation.setBuffer(r)},enumerable:false,configurable:true});e.prototype.open=function(){this.foundation.open()};e.prototype.close=function(){this.foundation.close()};e.prototype.initialSyncWithDOM=function(){var r=this;this.root.addEventListener("transitionend",(function(){r.foundation.handleTransitionEnd()}))};e.prototype.getDefaultFoundation=function(){var r=this;var e={addClass:function(e){r.root.classList.add(e)},forceLayout:function(){r.root.getBoundingClientRect()},setBufferBarStyle:function(e,a){var n=r.root.querySelector(h.strings.BUFFER_BAR_SELECTOR);if(n){n.style.setProperty(e,a)}},setPrimaryBarStyle:function(e,a){var n=r.root.querySelector(h.strings.PRIMARY_BAR_SELECTOR);if(n){n.style.setProperty(e,a)}},hasClass:function(e){return r.root.classList.contains(e)},removeAttribute:function(e){r.root.removeAttribute(e)},removeClass:function(e){r.root.classList.remove(e)},setAttribute:function(e,a){r.root.setAttribute(e,a)},setStyle:function(e,a){r.root.style.setProperty(e,a)},attachResizeObserver:function(e){var a=window.ResizeObserver;if(a){var n=new a(e);n.observe(r.root);return n}return null},getWidth:function(){return r.root.offsetWidth}};return new h(e)};return e}(t);const y=":host{--mdc-theme-primary:var(\n --lime-primary-color,\n rgb(var(--color-teal-default))\n );--mdc-theme-secondary:var(\n --lime-secondary-color,\n rgb(var(--contrast-1100))\n );--mdc-theme-on-primary:var(\n --lime-on-primary-color,\n rgb(var(--contrast-100))\n );--mdc-theme-on-secondary:var(\n --lime-on-secondary-color,\n rgb(var(--contrast-100))\n );--mdc-theme-text-disabled-on-background:var(\n --lime-text-disabled-on-background-color,\n rgba(var(--contrast-1700), 0.38)\n );--mdc-theme-text-primary-on-background:var(\n --lime-text-primary-on-background-color,\n rgba(var(--contrast-1700), 0.87)\n );--mdc-theme-text-secondary-on-background:var(\n --lime-text-secondary-on-background-color,\n rgba(var(--contrast-1700), 0.54)\n );--mdc-theme-error:var(\n --lime-error-background-color,\n rgb(var(--color-red-dark))\n );--lime-error-text-color:rgb(var(--color-red-darker));--mdc-theme-surface:var(\n --lime-surface-background-color,\n rgb(var(--contrast-100))\n );--mdc-theme-on-surface:var(\n --lime-on-surface-color,\n rgb(var(--contrast-1500))\n )}@keyframes mdc-linear-progress-primary-indeterminate-translate{0%{transform:translateX(0)}20%{animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);transform:translateX(0)}59.15%{animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);transform:translateX(83.67142%);transform:translateX(var(--mdc-linear-progress-primary-half, 83.67142%))}100%{transform:translateX(200.611057%);transform:translateX(var(--mdc-linear-progress-primary-full, 200.611057%))}}@keyframes mdc-linear-progress-primary-indeterminate-scale{0%{transform:scaleX(0.08)}36.65%{animation-timing-function:cubic-bezier(0.334731, 0.12482, 0.785844, 1);transform:scaleX(0.08)}69.15%{animation-timing-function:cubic-bezier(0.06, 0.11, 0.6, 1);transform:scaleX(0.661479)}100%{transform:scaleX(0.08)}}@keyframes mdc-linear-progress-secondary-indeterminate-translate{0%{animation-timing-function:cubic-bezier(0.15, 0, 0.515058, 0.409685);transform:translateX(0)}25%{animation-timing-function:cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);transform:translateX(37.651913%);transform:translateX(var(--mdc-linear-progress-secondary-quarter, 37.651913%))}48.35%{animation-timing-function:cubic-bezier(0.4, 0.627035, 0.6, 0.902026);transform:translateX(84.386165%);transform:translateX(var(--mdc-linear-progress-secondary-half, 84.386165%))}100%{transform:translateX(160.277782%);transform:translateX(var(--mdc-linear-progress-secondary-full, 160.277782%))}}@keyframes mdc-linear-progress-secondary-indeterminate-scale{0%{animation-timing-function:cubic-bezier(0.205028, 0.057051, 0.57661, 0.453971);transform:scaleX(0.08)}19.15%{animation-timing-function:cubic-bezier(0.152313, 0.196432, 0.648374, 1.004315);transform:scaleX(0.457104)}44.15%{animation-timing-function:cubic-bezier(0.257759, -0.003163, 0.211762, 1.38179);transform:scaleX(0.72796)}100%{transform:scaleX(0.08)}}@keyframes mdc-linear-progress-buffering{from{transform:rotate(180deg) translateX(-10px)}}@keyframes mdc-linear-progress-primary-indeterminate-translate-reverse{0%{transform:translateX(0)}20%{animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);transform:translateX(0)}59.15%{animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);transform:translateX(-83.67142%);transform:translateX(var(--mdc-linear-progress-primary-half-neg, -83.67142%))}100%{transform:translateX(-200.611057%);transform:translateX(var(--mdc-linear-progress-primary-full-neg, -200.611057%))}}@keyframes mdc-linear-progress-secondary-indeterminate-translate-reverse{0%{animation-timing-function:cubic-bezier(0.15, 0, 0.515058, 0.409685);transform:translateX(0)}25%{animation-timing-function:cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);transform:translateX(-37.651913%);transform:translateX(var(--mdc-linear-progress-secondary-quarter-neg, -37.651913%))}48.35%{animation-timing-function:cubic-bezier(0.4, 0.627035, 0.6, 0.902026);transform:translateX(-84.386165%);transform:translateX(var(--mdc-linear-progress-secondary-half-neg, -84.386165%))}100%{transform:translateX(-160.277782%);transform:translateX(var(--mdc-linear-progress-secondary-full-neg, -160.277782%))}}@keyframes mdc-linear-progress-buffering-reverse{from{transform:translateX(-10px)}}.mdc-linear-progress{position:relative;width:100%;height:4px;transform:translateZ(0);outline:1px solid transparent;overflow:hidden;transition:opacity 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-linear-progress__bar{position:absolute;width:100%;height:100%;animation:none;transform-origin:top left;transition:transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-linear-progress__bar-inner{display:inline-block;position:absolute;width:100%;animation:none;border-top:4px solid}.mdc-linear-progress__buffer{display:flex;position:absolute;width:100%;height:100%}.mdc-linear-progress__buffer-dots{background-repeat:repeat-x;background-size:10px 4px;flex:auto;transform:rotate(180deg);animation:mdc-linear-progress-buffering 250ms infinite linear}.mdc-linear-progress__buffer-bar{flex:0 1 100%;transition:flex-basis 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-linear-progress__primary-bar{transform:scaleX(0)}.mdc-linear-progress__secondary-bar{display:none}.mdc-linear-progress--indeterminate .mdc-linear-progress__bar{transition:none}.mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar{left:-145.166611%}.mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar{left:-54.888891%;display:block}.mdc-linear-progress--indeterminate.mdc-linear-progress--animation-ready .mdc-linear-progress__primary-bar{animation:mdc-linear-progress-primary-indeterminate-translate 2s infinite linear}.mdc-linear-progress--indeterminate.mdc-linear-progress--animation-ready .mdc-linear-progress__primary-bar>.mdc-linear-progress__bar-inner{animation:mdc-linear-progress-primary-indeterminate-scale 2s infinite linear}.mdc-linear-progress--indeterminate.mdc-linear-progress--animation-ready .mdc-linear-progress__secondary-bar{animation:mdc-linear-progress-secondary-indeterminate-translate 2s infinite linear}.mdc-linear-progress--indeterminate.mdc-linear-progress--animation-ready .mdc-linear-progress__secondary-bar>.mdc-linear-progress__bar-inner{animation:mdc-linear-progress-secondary-indeterminate-scale 2s infinite linear}[dir=rtl] .mdc-linear-progress,.mdc-linear-progress[dir=rtl]{}[dir=rtl] .mdc-linear-progress:not([dir=ltr]) .mdc-linear-progress__bar,.mdc-linear-progress[dir=rtl]:not([dir=ltr]) .mdc-linear-progress__bar{right:0;-webkit-transform-origin:center right;transform-origin:center right}[dir=rtl] .mdc-linear-progress:not([dir=ltr]).mdc-linear-progress--animation-ready .mdc-linear-progress__primary-bar,.mdc-linear-progress[dir=rtl]:not([dir=ltr]).mdc-linear-progress--animation-ready .mdc-linear-progress__primary-bar{animation-name:mdc-linear-progress-primary-indeterminate-translate-reverse}[dir=rtl] .mdc-linear-progress:not([dir=ltr]).mdc-linear-progress--animation-ready .mdc-linear-progress__secondary-bar,.mdc-linear-progress[dir=rtl]:not([dir=ltr]).mdc-linear-progress--animation-ready .mdc-linear-progress__secondary-bar{animation-name:mdc-linear-progress-secondary-indeterminate-translate-reverse}[dir=rtl] .mdc-linear-progress:not([dir=ltr]) .mdc-linear-progress__buffer-dots,.mdc-linear-progress[dir=rtl]:not([dir=ltr]) .mdc-linear-progress__buffer-dots{animation:mdc-linear-progress-buffering-reverse 250ms infinite linear;transform:rotate(0)}[dir=rtl] .mdc-linear-progress:not([dir=ltr]).mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar,.mdc-linear-progress[dir=rtl]:not([dir=ltr]).mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar{right:-145.166611%;left:auto}[dir=rtl] .mdc-linear-progress:not([dir=ltr]).mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar,.mdc-linear-progress[dir=rtl]:not([dir=ltr]).mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar{right:-54.888891%;left:auto}.mdc-linear-progress--closed{opacity:0}.mdc-linear-progress--closed-animation-off .mdc-linear-progress__buffer-dots{animation:none}.mdc-linear-progress--closed-animation-off.mdc-linear-progress--indeterminate .mdc-linear-progress__bar,.mdc-linear-progress--closed-animation-off.mdc-linear-progress--indeterminate .mdc-linear-progress__bar .mdc-linear-progress__bar-inner{animation:none}.mdc-linear-progress__bar-inner{border-color:#26a69a;border-color:var(--mdc-theme-primary, #26a69a)}.mdc-linear-progress__buffer-dots{background-image:url(\"data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E\")}.mdc-linear-progress__buffer-bar{background-color:#e6e6e6}.mdc-linear-progress{text-align:left}.mdc-linear-progress__buffer-dots{background-image:url(\"data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='var(--background-color, rgba(var(--contrast-800), 0.5))'/%3E%3C/svg%3E\")}.mdc-linear-progress__buffer-bar{background-color:var(--background-color, rgba(var(--contrast-800), 0.5))}";const _=class{constructor(e){r(this,e);this.value=0;this.indeterminate=false}connectedCallback(){this.initialize()}componentDidLoad(){this.initialize()}initialize(){const r=this.host.shadowRoot.querySelector(".mdc-linear-progress");if(!r){return}this.mdcLinearProgress=new v(r);this.mdcLinearProgress.progress=this.value}disconnectedCallback(){if(this.mdcLinearProgress){this.mdcLinearProgress.destroy()}}render(){if(!this.isFinite(this.value)){return}const r={"mdc-linear-progress":true,"mdc-linear-progress--indeterminate":this.indeterminate};return e("div",{role:"progressbar",class:r,"aria-label":"Progress Bar","aria-valuemin":"0","aria-valuemax":"1","aria-valuenow":this.value},e("div",{class:"mdc-linear-progress__buffer"},e("div",{class:"mdc-linear-progress__buffer-bar"})),e("div",{class:"mdc-linear-progress__bar mdc-linear-progress__primary-bar"},e("span",{class:"mdc-linear-progress__bar-inner"})),e("div",{class:"mdc-linear-progress__bar mdc-linear-progress__secondary-bar"},e("span",{class:"mdc-linear-progress__bar-inner"})))}watchValue(r){if(!this.mdcLinearProgress||!this.isFinite(r)){return}this.mdcLinearProgress.progress=r}isFinite(r){return Number.isFinite(r)}get host(){return a(this)}static get watchers(){return{value:["watchValue"]}}};_.style=y;export{l as limel_circular_progress,_ as limel_linear_progress};
|
|
82
|
+
//# sourceMappingURL=p-3bb15bdf.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["circularProgressCss","PERCENT","CircularProgress","this","renderPrefix","prefix","h","class","render","classList","displayPercentageColors","currentPercentage","value","maxValue","Math","round","role","style","abbreviate","suffix","extendStatics","d","b","Object","setPrototypeOf","__proto__","Array","p","prototype","hasOwnProperty","call","__extends","TypeError","String","__","constructor","create","__assign","assign","t","s","i","n","arguments","length","apply","__values","o","Symbol","iterator","m","next","done","cssClasses","CLOSED_CLASS","CLOSED_ANIMATION_OFF_CLASS","INDETERMINATE_CLASS","REVERSED_CLASS","ANIMATION_READY_CLASS","strings","ARIA_HIDDEN","ARIA_VALUEMAX","ARIA_VALUEMIN","ARIA_VALUENOW","BUFFER_BAR_SELECTOR","FLEX_BASIS","PRIMARY_BAR_SELECTOR","animationDimensionPercentages","PRIMARY_HALF","PRIMARY_FULL","SECONDARY_QUARTER","SECONDARY_HALF","SECONDARY_FULL","MDCLinearProgressFoundation","_super","adapter","_this","defaultAdapter","observer","defineProperty","get","enumerable","configurable","addClass","undefined","attachResizeObserver","forceLayout","getWidth","hasClass","setBufferBarStyle","setPrimaryBarStyle","setStyle","removeAttribute","removeClass","setAttribute","init","determinate","progress","buffer","entries","e_1","_a","entries_1","entries_1_1","entry","contentRect","calculateAndSetDimensions","width","e_1_1","error","return","setDeterminate","isDeterminate","toString","setPrimaryBarProgress","setBufferBarProgress","setProgress","getProgress","setBuffer","getBuffer","open","close","isClosed","handleTransitionEnd","destroy","disconnect","restartAnimation","progressValue","transformProp","window","getCorrectPropertyName","primaryHalf","percents","primaryFull","secondaryQuarter","secondaryHalf","secondaryFull","MDCFoundation","MDCLinearProgress","attachTo","root","set","foundation","initialSyncWithDOM","addEventListener","getDefaultFoundation","className","add","getBoundingClientRect","styleProperty","bufferBar","querySelector","setProperty","primaryBar","contains","attributeName","remove","name","callback","RO","ResizeObserver","ro","observe","offsetWidth","MDCComponent","linearProgressCss","LinearProgress","connectedCallback","initialize","componentDidLoad","element","host","shadowRoot","mdcLinearProgress","disconnectedCallback","isFinite","indeterminate","watchValue","newValue","Number"],"sources":["./src/components/circular-progress/circular-progress.scss?tag=limel-circular-progress&encapsulation=shadow","./src/components/circular-progress/circular-progress.tsx","./node_modules/@material/linear-progress/node_modules/tslib/tslib.es6.js","./node_modules/@material/linear-progress/constants.js","./node_modules/@material/linear-progress/foundation.js","./node_modules/@material/linear-progress/component.js","./src/components/linear-progress/linear-progress.scss?tag=limel-linear-progress&encapsulation=shadow","./src/components/linear-progress/linear-progress.tsx"],"sourcesContent":["@use '../../style/functions';\n@use '../../style/mixins';\n@use '../../style/internal/lime-theme';\n\n/**\n * @prop --circular-progress-size: Determines the visual size of the visualization. This does not override the `size` property if it is specified.\n * @prop --circular-progress-track-color: Determines the color of the circular track. Defaults to `--contrast-400`.\n * @prop --circular-progress-suffix-color: Determines the color of the prefix. Defaults to `--contrast-1000`.\n * @prop --circular-progress-text-color: Determines the color of the value. Defaults to `--contrast-1200`.\n * @prop --circular-progress-prefix-color: Determines the color of the suffix. Defaults to `--contrast-1000`.\n * @prop --circular-progress-fill-color: Determines the color of the progressed section. Defaults to `--lime-primary-color`.\n * @prop --circular-progress-background-color: Determines the background color of the central section. Defaults to `--contrast-100`.\n */\n\n:host {\n display: block;\n box-sizing: border-box;\n isolation: isolate;\n}\n\n:host([size='x-small']) {\n --circular-progress-size: 1.5rem;\n font-weight: bold;\n}\n\n:host([size='small']) {\n --circular-progress-size: 2rem;\n font-weight: bold;\n}\n\n:host([size='medium']) {\n --circular-progress-size: 3rem;\n}\n\n:host([size='large']) {\n --circular-progress-size: 4rem;\n}\n\n:host([size='x-large']) {\n --circular-progress-size: 5rem;\n}\n\n.lime-circular-progress {\n --size: var(--circular-progress-size, 3rem);\n --fill-color: var(--circular-progress-fill-color, var(--mdc-theme-primary));\n --track-color: var(\n --circular-progress-track-color,\n rgb(var(--contrast-400))\n );\n position: relative;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n width: var(--size);\n height: var(--size);\n border-radius: 50%;\n\n line-height: normal;\n\n box-shadow: 0 0 0 0.125rem rgb(var(--contrast-100), 0.7);\n background: conic-gradient(\n var(--fill-color) 0% var(--percentage),\n var(--track-color) var(--percentage) 100%\n );\n\n &:before {\n $size-of-middle-circle: calc(\n var(--size) * 0.75 + 0.25rem\n ); // this calculation ensures that the middle circle is responsive and always perfectly centered\n\n content: '';\n position: absolute;\n width: $size-of-middle-circle;\n height: $size-of-middle-circle;\n border-radius: 50%;\n background-color: var(\n --circular-progress-background-color,\n rgb(var(--contrast-100))\n );\n box-shadow: var(--button-shadow-pressed);\n }\n}\n\n.prefix {\n font-size: clamp(0.5rem, calc(var(--size) * 0.16), 2.25rem);\n @include mixins.truncate-text();\n text-align: center;\n color: var(--circular-progress-prefix-color, rgb(var(--contrast-1000)));\n\n width: 45%;\n top: 20%;\n position: absolute;\n}\n\n.value {\n display: flex;\n font-size: clamp(0.5rem, calc(var(--size) * 0.25), 4rem);\n color: var(--circular-progress-text-color, rgb(var(--contrast-1200)));\n z-index: 1;\n cursor: default;\n}\n\n.suffix {\n font-size: clamp(0.5rem, calc(var(--size) * 0.18), 2.5rem);\n color: var(--circular-progress-suffix-color, rgb(var(--contrast-1000)));\n padding-top: 4%;\n}\n\n@import './partial-styles/_percentage-colors';\n","import { Component, h, Prop } from '@stencil/core';\nimport { CircularProgressSize } from './circular-progress.types';\nimport { abbreviate } from '../badge/format';\n\nconst PERCENT = 100;\n\n/**\n * The circular progress component can be used to visualize the curent state of\n * a progress in a scale; for example percentage of completion of a task.\n *\n * Its compact UI makes the component suitable when there is not enough screen\n * space available to visualise such information.\n *\n * This component allows you to define your scale, from `0` to a desired\n * `maxValue`; and also lets you chose a proper `suffix` for your scale.\n *\n * :::note\n * The component will round up the value when it is displayed, and only shows\n * one decimal digit.\n * It also abbreviates large numbers. For example 1234 will be displayed as 1.2k.\n * Of course such numbers, if bigger than `maxValue` will be visualized as a\n * full progress.\n * :::\n * @exampleComponent limel-example-circular-progress\n * @exampleComponent limel-example-circular-progress-sizes\n * @exampleComponent limel-example-circular-progress-props\n * @exampleComponent limel-example-circular-progress-css-variables\n * @exampleComponent limel-example-circular-progress-percentage-colors\n */\n@Component({\n tag: 'limel-circular-progress',\n shadow: true,\n styleUrl: 'circular-progress.scss',\n})\nexport class CircularProgress {\n /**\n * The value of the progress bar.\n */\n @Prop()\n public value: number = 0;\n\n /**\n * The maximum value within the scale that the progress bar should visualize. Defaults to `100`.\n */\n @Prop()\n public maxValue: number = PERCENT;\n\n /**\n * The prefix which is displayed before the `value`, must be a few characters characters long.\n */\n @Prop({ reflect: true })\n public prefix?: string = null;\n\n /**\n * The suffix which is displayed after the `value`, must be one or two characters long. Defaults to `%`\n */\n @Prop()\n public suffix: string = '%';\n\n /**\n * When set to `true`, makes the filled section showing the percentage colorful. Colors change with intervals of 10%.\n */\n @Prop()\n public displayPercentageColors: boolean = false;\n\n /**\n * Determines the visual size of the visualization from a preset size. This property can override the `--circular-progress-size` variable if it is specified.\n */\n @Prop({ reflect: true })\n public size: CircularProgressSize;\n\n public render() {\n const classList = {\n 'lime-circular-progress': true,\n 'displays-percentage-colors': this.displayPercentageColors,\n };\n\n const currentPercentage = (this.value * PERCENT) / this.maxValue + '%';\n const value = Math.round(this.value * 10) / 10; // eslint-disable-line no-magic-numbers\n\n return (\n <div\n role=\"progressbar\"\n class={classList}\n aria-label=\"%\"\n aria-valuemin=\"0\"\n aria-valuemax={this.maxValue}\n aria-valuenow={this.value}\n style={{ '--percentage': currentPercentage }}\n >\n {this.renderPrefix()}\n <span class=\"value\">\n {abbreviate(value)}\n <span class=\"suffix\">{this.suffix}</span>\n </span>\n </div>\n );\n }\n private renderPrefix = () => {\n if (this.prefix) {\n return <span class=\"prefix\">{this.prefix}</span>;\n }\n };\n}\n","/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n if (typeof b !== \"function\" && b !== null)\r\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n __assign = Object.assign || function __assign(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n }\r\n return t;\r\n }\r\n return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n var t = {};\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n t[p] = s[p];\r\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n t[p[i]] = s[p[i]];\r\n }\r\n return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n return new (P || (P = Promise))(function (resolve, reject) {\r\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n function verb(n) { return function (v) { return step([n, v]); }; }\r\n function step(op) {\r\n if (f) throw new TypeError(\"Generator is already executing.\");\r\n while (_) try {\r\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n if (y = 0, t) op = [op[0] & 2, t.value];\r\n switch (op[0]) {\r\n case 0: case 1: t = op; break;\r\n case 4: _.label++; return { value: op[1], done: false };\r\n case 5: _.label++; y = op[1]; op = [0]; continue;\r\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n default:\r\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n if (t[2]) _.ops.pop();\r\n _.trys.pop(); continue;\r\n }\r\n op = body.call(thisArg, _);\r\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });\r\n}) : (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n if (m) return m.call(o);\r\n if (o && typeof o.length === \"number\") return {\r\n next: function () {\r\n if (o && i >= o.length) o = void 0;\r\n return { value: o && o[i++], done: !o };\r\n }\r\n };\r\n throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n if (!m) return o;\r\n var i = m.call(o), r, ar = [], e;\r\n try {\r\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n }\r\n catch (error) { e = { error: error }; }\r\n finally {\r\n try {\r\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n }\r\n finally { if (e) throw e.error; }\r\n }\r\n return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spread() {\r\n for (var ar = [], i = 0; i < arguments.length; i++)\r\n ar = ar.concat(__read(arguments[i]));\r\n return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spreadArrays() {\r\n for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n r[k] = a[j];\r\n return r;\r\n}\r\n\r\nexport function __spreadArray(to, from, pack) {\r\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n if (ar || !(i in from)) {\r\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n ar[i] = from[i];\r\n }\r\n }\r\n return to.concat(ar || Array.prototype.slice.call(from));\r\n}\r\n\r\nexport function __await(v) {\r\n return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\r\n function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n function fulfill(value) { resume(\"next\", value); }\r\n function reject(value) { resume(\"throw\", value); }\r\n function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n var i, p;\r\n return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === \"return\" } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var m = o[Symbol.asyncIterator], i;\r\n return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n o[\"default\"] = v;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n if (mod && mod.__esModule) return mod;\r\n var result = {};\r\n if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\r\n __setModuleDefault(result, mod);\r\n return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\r\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\r\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\r\n return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\r\n if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\r\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\r\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\r\n return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\r\n}\r\n","/**\n * @license\n * Copyright 2017 Google Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n * THE SOFTWARE.\n */\nexport var cssClasses = {\n CLOSED_CLASS: 'mdc-linear-progress--closed',\n CLOSED_ANIMATION_OFF_CLASS: 'mdc-linear-progress--closed-animation-off',\n INDETERMINATE_CLASS: 'mdc-linear-progress--indeterminate',\n REVERSED_CLASS: 'mdc-linear-progress--reversed',\n ANIMATION_READY_CLASS: 'mdc-linear-progress--animation-ready',\n};\nexport var strings = {\n ARIA_HIDDEN: 'aria-hidden',\n ARIA_VALUEMAX: 'aria-valuemax',\n ARIA_VALUEMIN: 'aria-valuemin',\n ARIA_VALUENOW: 'aria-valuenow',\n BUFFER_BAR_SELECTOR: '.mdc-linear-progress__buffer-bar',\n FLEX_BASIS: 'flex-basis',\n PRIMARY_BAR_SELECTOR: '.mdc-linear-progress__primary-bar',\n};\n// these are percentages pulled from keyframes.scss\nexport var animationDimensionPercentages = {\n PRIMARY_HALF: .8367142,\n PRIMARY_FULL: 2.00611057,\n SECONDARY_QUARTER: .37651913,\n SECONDARY_HALF: .84386165,\n SECONDARY_FULL: 1.60277782,\n};\n//# sourceMappingURL=constants.js.map","/**\n * @license\n * Copyright 2017 Google Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n * THE SOFTWARE.\n */\nimport { __assign, __extends, __values } from \"tslib\";\nimport { getCorrectPropertyName } from '@material/animation/util';\nimport { MDCFoundation } from '@material/base/foundation';\nimport { animationDimensionPercentages as percents, cssClasses, strings } from './constants';\nvar MDCLinearProgressFoundation = /** @class */ (function (_super) {\n __extends(MDCLinearProgressFoundation, _super);\n function MDCLinearProgressFoundation(adapter) {\n var _this = _super.call(this, __assign(__assign({}, MDCLinearProgressFoundation.defaultAdapter), adapter)) || this;\n _this.observer = null;\n return _this;\n }\n Object.defineProperty(MDCLinearProgressFoundation, \"cssClasses\", {\n get: function () {\n return cssClasses;\n },\n enumerable: false,\n configurable: true\n });\n Object.defineProperty(MDCLinearProgressFoundation, \"strings\", {\n get: function () {\n return strings;\n },\n enumerable: false,\n configurable: true\n });\n Object.defineProperty(MDCLinearProgressFoundation, \"defaultAdapter\", {\n get: function () {\n return {\n addClass: function () { return undefined; },\n attachResizeObserver: function () { return null; },\n forceLayout: function () { return undefined; },\n getWidth: function () { return 0; },\n hasClass: function () { return false; },\n setBufferBarStyle: function () { return null; },\n setPrimaryBarStyle: function () { return null; },\n setStyle: function () { return undefined; },\n removeAttribute: function () { return undefined; },\n removeClass: function () { return undefined; },\n setAttribute: function () { return undefined; },\n };\n },\n enumerable: false,\n configurable: true\n });\n MDCLinearProgressFoundation.prototype.init = function () {\n var _this = this;\n this.determinate = !this.adapter.hasClass(cssClasses.INDETERMINATE_CLASS);\n this.adapter.addClass(cssClasses.ANIMATION_READY_CLASS);\n this.progress = 0;\n this.buffer = 1;\n this.observer = this.adapter.attachResizeObserver(function (entries) {\n var e_1, _a;\n if (_this.determinate) {\n return;\n }\n try {\n for (var entries_1 = __values(entries), entries_1_1 = entries_1.next(); !entries_1_1.done; entries_1_1 = entries_1.next()) {\n var entry = entries_1_1.value;\n if (entry.contentRect) {\n _this.calculateAndSetDimensions(entry.contentRect.width);\n }\n }\n }\n catch (e_1_1) { e_1 = { error: e_1_1 }; }\n finally {\n try {\n if (entries_1_1 && !entries_1_1.done && (_a = entries_1.return)) _a.call(entries_1);\n }\n finally { if (e_1) throw e_1.error; }\n }\n });\n if (!this.determinate && this.observer) {\n this.calculateAndSetDimensions(this.adapter.getWidth());\n }\n };\n MDCLinearProgressFoundation.prototype.setDeterminate = function (isDeterminate) {\n this.determinate = isDeterminate;\n if (this.determinate) {\n this.adapter.removeClass(cssClasses.INDETERMINATE_CLASS);\n this.adapter.setAttribute(strings.ARIA_VALUENOW, this.progress.toString());\n this.adapter.setAttribute(strings.ARIA_VALUEMAX, '1');\n this.adapter.setAttribute(strings.ARIA_VALUEMIN, '0');\n this.setPrimaryBarProgress(this.progress);\n this.setBufferBarProgress(this.buffer);\n return;\n }\n if (this.observer) {\n this.calculateAndSetDimensions(this.adapter.getWidth());\n }\n this.adapter.addClass(cssClasses.INDETERMINATE_CLASS);\n this.adapter.removeAttribute(strings.ARIA_VALUENOW);\n this.adapter.removeAttribute(strings.ARIA_VALUEMAX);\n this.adapter.removeAttribute(strings.ARIA_VALUEMIN);\n this.setPrimaryBarProgress(1);\n this.setBufferBarProgress(1);\n };\n MDCLinearProgressFoundation.prototype.isDeterminate = function () {\n return this.determinate;\n };\n MDCLinearProgressFoundation.prototype.setProgress = function (value) {\n this.progress = value;\n if (this.determinate) {\n this.setPrimaryBarProgress(value);\n this.adapter.setAttribute(strings.ARIA_VALUENOW, value.toString());\n }\n };\n MDCLinearProgressFoundation.prototype.getProgress = function () {\n return this.progress;\n };\n MDCLinearProgressFoundation.prototype.setBuffer = function (value) {\n this.buffer = value;\n if (this.determinate) {\n this.setBufferBarProgress(value);\n }\n };\n MDCLinearProgressFoundation.prototype.getBuffer = function () {\n return this.buffer;\n };\n MDCLinearProgressFoundation.prototype.open = function () {\n this.adapter.removeClass(cssClasses.CLOSED_CLASS);\n this.adapter.removeClass(cssClasses.CLOSED_ANIMATION_OFF_CLASS);\n this.adapter.removeAttribute(strings.ARIA_HIDDEN);\n };\n MDCLinearProgressFoundation.prototype.close = function () {\n this.adapter.addClass(cssClasses.CLOSED_CLASS);\n this.adapter.setAttribute(strings.ARIA_HIDDEN, 'true');\n };\n MDCLinearProgressFoundation.prototype.isClosed = function () {\n return this.adapter.hasClass(cssClasses.CLOSED_CLASS);\n };\n /**\n * Handles the transitionend event emitted after `close()` is called and the\n * opacity fades out. This is so that animations are removed only after the\n * progress indicator is completely hidden.\n */\n MDCLinearProgressFoundation.prototype.handleTransitionEnd = function () {\n if (this.adapter.hasClass(cssClasses.CLOSED_CLASS)) {\n this.adapter.addClass(cssClasses.CLOSED_ANIMATION_OFF_CLASS);\n }\n };\n MDCLinearProgressFoundation.prototype.destroy = function () {\n _super.prototype.destroy.call(this);\n if (this.observer) {\n this.observer.disconnect();\n }\n };\n MDCLinearProgressFoundation.prototype.restartAnimation = function () {\n this.adapter.removeClass(cssClasses.ANIMATION_READY_CLASS);\n this.adapter.forceLayout();\n this.adapter.addClass(cssClasses.ANIMATION_READY_CLASS);\n };\n MDCLinearProgressFoundation.prototype.setPrimaryBarProgress = function (progressValue) {\n var value = \"scaleX(\" + progressValue + \")\";\n // Accessing `window` without a `typeof` check will throw on Node\n // environments.\n var transformProp = typeof window !== 'undefined' ?\n getCorrectPropertyName(window, 'transform') :\n 'transform';\n this.adapter.setPrimaryBarStyle(transformProp, value);\n };\n MDCLinearProgressFoundation.prototype.setBufferBarProgress = function (progressValue) {\n var value = progressValue * 100 + \"%\";\n this.adapter.setBufferBarStyle(strings.FLEX_BASIS, value);\n };\n MDCLinearProgressFoundation.prototype.calculateAndSetDimensions = function (width) {\n var primaryHalf = width * percents.PRIMARY_HALF;\n var primaryFull = width * percents.PRIMARY_FULL;\n var secondaryQuarter = width * percents.SECONDARY_QUARTER;\n var secondaryHalf = width * percents.SECONDARY_HALF;\n var secondaryFull = width * percents.SECONDARY_FULL;\n this.adapter.setStyle('--mdc-linear-progress-primary-half', primaryHalf + \"px\");\n this.adapter.setStyle('--mdc-linear-progress-primary-half-neg', -primaryHalf + \"px\");\n this.adapter.setStyle('--mdc-linear-progress-primary-full', primaryFull + \"px\");\n this.adapter.setStyle('--mdc-linear-progress-primary-full-neg', -primaryFull + \"px\");\n this.adapter.setStyle('--mdc-linear-progress-secondary-quarter', secondaryQuarter + \"px\");\n this.adapter.setStyle('--mdc-linear-progress-secondary-quarter-neg', -secondaryQuarter + \"px\");\n this.adapter.setStyle('--mdc-linear-progress-secondary-half', secondaryHalf + \"px\");\n this.adapter.setStyle('--mdc-linear-progress-secondary-half-neg', -secondaryHalf + \"px\");\n this.adapter.setStyle('--mdc-linear-progress-secondary-full', secondaryFull + \"px\");\n this.adapter.setStyle('--mdc-linear-progress-secondary-full-neg', -secondaryFull + \"px\");\n // need to restart animation for custom props to apply to keyframes\n this.restartAnimation();\n };\n return MDCLinearProgressFoundation;\n}(MDCFoundation));\nexport { MDCLinearProgressFoundation };\n// tslint:disable-next-line:no-default-export Needed for backward compatibility with MDC Web v0.44.0 and earlier.\nexport default MDCLinearProgressFoundation;\n//# sourceMappingURL=foundation.js.map","/**\n * @license\n * Copyright 2017 Google Inc.\n *\n * Permission is hereby granted, free of charge, to any person obtaining a copy\n * of this software and associated documentation files (the \"Software\"), to deal\n * in the Software without restriction, including without limitation the rights\n * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell\n * copies of the Software, and to permit persons to whom the Software is\n * furnished to do so, subject to the following conditions:\n *\n * The above copyright notice and this permission notice shall be included in\n * all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n * THE SOFTWARE.\n */\nimport { __extends } from \"tslib\";\nimport { MDCComponent } from '@material/base/component';\nimport { MDCLinearProgressFoundation } from './foundation';\nvar MDCLinearProgress = /** @class */ (function (_super) {\n __extends(MDCLinearProgress, _super);\n function MDCLinearProgress() {\n return _super !== null && _super.apply(this, arguments) || this;\n }\n MDCLinearProgress.attachTo = function (root) {\n return new MDCLinearProgress(root);\n };\n Object.defineProperty(MDCLinearProgress.prototype, \"determinate\", {\n set: function (value) {\n this.foundation.setDeterminate(value);\n },\n enumerable: false,\n configurable: true\n });\n Object.defineProperty(MDCLinearProgress.prototype, \"progress\", {\n set: function (value) {\n this.foundation.setProgress(value);\n },\n enumerable: false,\n configurable: true\n });\n Object.defineProperty(MDCLinearProgress.prototype, \"buffer\", {\n set: function (value) {\n this.foundation.setBuffer(value);\n },\n enumerable: false,\n configurable: true\n });\n MDCLinearProgress.prototype.open = function () {\n this.foundation.open();\n };\n MDCLinearProgress.prototype.close = function () {\n this.foundation.close();\n };\n MDCLinearProgress.prototype.initialSyncWithDOM = function () {\n var _this = this;\n this.root.addEventListener('transitionend', function () {\n _this.foundation.handleTransitionEnd();\n });\n };\n MDCLinearProgress.prototype.getDefaultFoundation = function () {\n var _this = this;\n // DO NOT INLINE this variable. For backward compatibility, foundations take\n // a Partial<MDCFooAdapter>. To ensure we don't accidentally omit any\n // methods, we need a separate, strongly typed adapter variable.\n var adapter = {\n addClass: function (className) {\n _this.root.classList.add(className);\n },\n forceLayout: function () {\n _this.root.getBoundingClientRect();\n },\n setBufferBarStyle: function (styleProperty, value) {\n var bufferBar = _this.root.querySelector(MDCLinearProgressFoundation.strings.BUFFER_BAR_SELECTOR);\n if (bufferBar) {\n bufferBar.style.setProperty(styleProperty, value);\n }\n },\n setPrimaryBarStyle: function (styleProperty, value) {\n var primaryBar = _this.root.querySelector(MDCLinearProgressFoundation.strings.PRIMARY_BAR_SELECTOR);\n if (primaryBar) {\n primaryBar.style.setProperty(styleProperty, value);\n }\n },\n hasClass: function (className) { return _this.root.classList.contains(className); },\n removeAttribute: function (attributeName) {\n _this.root.removeAttribute(attributeName);\n },\n removeClass: function (className) {\n _this.root.classList.remove(className);\n },\n setAttribute: function (attributeName, value) {\n _this.root.setAttribute(attributeName, value);\n },\n setStyle: function (name, value) {\n _this.root.style.setProperty(name, value);\n },\n attachResizeObserver: function (callback) {\n var RO = window.ResizeObserver;\n if (RO) {\n var ro = new RO(callback);\n ro.observe(_this.root);\n return ro;\n }\n return null;\n },\n getWidth: function () { return _this.root.offsetWidth; },\n };\n return new MDCLinearProgressFoundation(adapter);\n };\n return MDCLinearProgress;\n}(MDCComponent));\nexport { MDCLinearProgress };\n//# sourceMappingURL=component.js.map","@use '../../style/internal/lime-theme';\n@use '@material/linear-progress';\n\n/**\n * @prop --background-color: Color to use for progress-bar track.\n */\n\n@include linear-progress.core-styles;\n\n.mdc-linear-progress {\n text-align: left;\n}\n\n@include linear-progress.buffer-color(\n var(--background-color, rgba(var(--contrast-800), 0.5))\n);\n","import { MDCLinearProgress } from '@material/linear-progress';\nimport { Component, Element, h, Prop, Watch } from '@stencil/core';\n\n/**\n * @exampleComponent limel-example-linear-progress\n * @exampleComponent limel-example-linear-progress-color\n * @exampleComponent limel-example-linear-progress-indeterminate\n */\n@Component({\n tag: 'limel-linear-progress',\n shadow: true,\n styleUrl: 'linear-progress.scss',\n})\nexport class LinearProgress {\n /**\n * The value of the progress bar. Should be between `0` and `1`.\n */\n @Prop({ reflect: true })\n public value: number = 0;\n\n /**\n * Puts the progress bar in an indeterminate state\n */\n @Prop({ reflect: true })\n public indeterminate: boolean = false;\n\n @Element()\n private host: HTMLLimelLinearProgressElement;\n\n private mdcLinearProgress: MDCLinearProgress;\n\n public connectedCallback() {\n this.initialize();\n }\n\n public componentDidLoad() {\n this.initialize();\n }\n\n private initialize() {\n const element = this.host.shadowRoot.querySelector(\n '.mdc-linear-progress'\n );\n if (!element) {\n return;\n }\n\n this.mdcLinearProgress = new MDCLinearProgress(element);\n this.mdcLinearProgress.progress = this.value;\n }\n\n public disconnectedCallback() {\n if (this.mdcLinearProgress) {\n this.mdcLinearProgress.destroy();\n }\n }\n\n public render() {\n if (!this.isFinite(this.value)) {\n return;\n }\n\n const classList = {\n 'mdc-linear-progress': true,\n 'mdc-linear-progress--indeterminate': this.indeterminate,\n };\n\n return (\n <div\n role=\"progressbar\"\n class={classList}\n aria-label=\"Progress Bar\"\n aria-valuemin=\"0\"\n aria-valuemax=\"1\"\n aria-valuenow={this.value}\n >\n <div class=\"mdc-linear-progress__buffer\">\n <div class=\"mdc-linear-progress__buffer-bar\"></div>\n </div>\n <div class=\"mdc-linear-progress__bar mdc-linear-progress__primary-bar\">\n <span class=\"mdc-linear-progress__bar-inner\" />\n </div>\n <div class=\"mdc-linear-progress__bar mdc-linear-progress__secondary-bar\">\n <span class=\"mdc-linear-progress__bar-inner\" />\n </div>\n </div>\n );\n }\n\n @Watch('value')\n protected watchValue(newValue) {\n if (!this.mdcLinearProgress || !this.isFinite(newValue)) {\n return;\n }\n\n this.mdcLinearProgress.progress = newValue;\n }\n\n private isFinite(value: unknown) {\n return Number.isFinite(value);\n }\n}\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["RadioButtonTemplate","props","h","class","disabled","type","id","checked","onChange","htmlFor","label","ListRenderer","constructor","this","defaultConfig","isOpen","badgeIcons","getIndexForWhichToApplyTabIndex","items","result","i","max","length","item","selected","undefined","renderListItem","index","role","includes","config","renderVariantListItem","classNames","hasPrimaryComponent","attributes","applyTabIndexToItemAtIndex","tabindex","Object","assign","icon","renderIcon","getPrimaryComponent","renderText","twoLines","avatarList","renderDivider","renderActionMenu","actions","_a","primaryComponent","name","isSimpleItem","text","secondaryText","style","iconColor","color","badge","size","iconSize","classes","openDirection","slot","itemTemplate","CheckboxTemplate","renderVariantListItemContent","hasIcons","render","some","selectableListTypes","selectable","commandKey","map","PrimaryComponent","listCss","ACTION_EVENT","listStrings","List","listRenderer","setup","setupList","setupListeners","element","shadowRoot","querySelector","mdcList","MDCList","hasTypeahead","unlisten","handleAction","multiple","listen","singleSelection","teardown","_b","destroy","event","handleSingleSelect","detail","handleMultiSelect","listItems","filter","isListItem","selectedItem","find","change","emit","selectedItems","listIndex","connectedCallback","disconnectedCallback","componentDidLoad","maxLinesSecondaryText","toFixed","html","Host","handleType","itemsChanged","selectedIndex","indexOf","findIndex","initializeListType","menuSurfaceCss","MenuSurface","menuElement","host","menuSurface","MDCMenuSurface","setAnchorCorner","Corner","TOP_START","document","addEventListener","handleDocumentClick","capture","handleKeyDown","window","handleResize","passive","removeEventListener","elementPath","path","open","isDescendant","target","allowClicksElement","clickedInAllowedElement","dismiss","preventClickEventPropagation","stopEvent","once","stopPropagation","preventDefault","isEscape","key","ESCAPE","keyCode","ESCAPE_KEY_CODE","isTab","TAB","TAB_KEY_CODE","classList"],"sources":["./src/components/list/radio-button/radio-button.template.tsx","./src/components/list/list-renderer.tsx","./src/components/list/list.scss?tag=limel-list&encapsulation=shadow","./src/components/list/list.tsx","./src/components/menu-surface/menu-surface.scss?tag=limel-menu-surface&encapsulation=shadow","./src/components/menu-surface/menu-surface.tsx"],"sourcesContent":["import { FunctionalComponent, h } from '@stencil/core';\n\ninterface RadioButtonTemplateProps {\n disabled?: boolean;\n id: string;\n checked?: boolean;\n onChange?: (event: Event) => void;\n label?: string;\n}\n\nexport const RadioButtonTemplate: FunctionalComponent<\n RadioButtonTemplateProps\n> = (props) => {\n return (\n <div class=\"mdc-form-field\">\n <div\n class={`\n mdc-radio\n ${props.disabled ? 'mdc-radio--disabled' : ''}\n `}\n >\n <input\n class=\"mdc-radio__native-control\"\n type=\"radio\"\n id={props.id}\n checked={props.checked}\n disabled={props.disabled}\n onChange={props.onChange}\n />\n <div class=\"mdc-radio__background\">\n <div class=\"mdc-radio__outer-circle\" />\n <div class=\"mdc-radio__inner-circle\" />\n </div>\n </div>\n <label\n class={`${props.disabled ? 'disabled' : ''}`}\n htmlFor={props.id}\n >\n {props.label}\n </label>\n </div>\n );\n};\n","import { ListItem, ListSeparator, MenuItem } from '@limetech/lime-elements';\nimport { h } from '@stencil/core';\nimport { CheckboxTemplate } from '../checkbox/checkbox.template';\nimport { ListRendererConfig } from './list-renderer-config';\nimport { RadioButtonTemplate } from './radio-button/radio-button.template';\n\nexport class ListRenderer {\n private defaultConfig: ListRendererConfig = {\n isOpen: true,\n badgeIcons: false,\n };\n\n private config: ListRendererConfig;\n\n private hasIcons: boolean;\n private twoLines: boolean;\n private avatarList: boolean;\n private commandKey: boolean;\n\n private applyTabIndexToItemAtIndex: number;\n\n public render(\n items: Array<ListItem | ListSeparator>,\n config: ListRendererConfig = {}\n ) {\n items = items || [];\n this.config = { ...this.defaultConfig, ...config };\n\n this.twoLines = items.some((item) => {\n return 'secondaryText' in item && !!item.secondaryText;\n });\n\n this.hasIcons = items.some((item) => {\n return 'icon' in item && !!item.icon;\n });\n\n this.avatarList = this.config.badgeIcons && this.hasIcons;\n const selectableListTypes = ['selectable', 'radio', 'checkbox'];\n\n let role;\n switch (this.config.type) {\n case 'checkbox':\n role = 'group';\n break;\n case 'radio':\n role = 'radiogroup';\n break;\n default:\n role = 'listbox';\n }\n\n this.applyTabIndexToItemAtIndex =\n this.getIndexForWhichToApplyTabIndex(items);\n\n const classNames = {\n 'mdc-deprecated-list': true,\n 'mdc-deprecated-list--two-line': this.twoLines,\n selectable: selectableListTypes.includes(this.config.type),\n 'mdc-deprecated-list--avatar-list': this.avatarList,\n 'list--compact':\n this.twoLines &&\n this.commandKey &&\n ['small', 'x-small'].includes(this.config.iconSize),\n };\n\n return (\n <ul class={classNames} role={role} aria-orientation=\"vertical\">\n {items.map(this.renderListItem)}\n </ul>\n );\n }\n\n /**\n * Determine which ListItem should have the `tab-index` attribute set,\n * and return the index at which that ListItem is located in `items`.\n * Returns `undefined` if no item should have the attribute set.\n * See https://github.com/material-components/material-components-web/tree/e66a43a75fef4f9179e24856649518e15e279a04/packages/mdc-list#accessibility\n * @param {Array<ListItem | ListSeparator>} items the items of the list, including any `ListSeparator`:s\n * @returns {number} the index as per the description\n */\n private getIndexForWhichToApplyTabIndex = (\n items: Array<ListItem | ListSeparator>\n ) => {\n let result;\n for (let i = 0, max = items.length; i < max; i += 1) {\n if ('separator' in items[i]) {\n // Ignore ListSeparator\n } else {\n const item = items[i] as ListItem<any>;\n if (item.selected) {\n result = i;\n break;\n }\n\n if (result === undefined && !item.disabled) {\n result = i;\n // Do NOT break, as any later item with\n // `selected=true` should get the tab-index instead!\n }\n }\n }\n\n return result;\n };\n\n /**\n * Render a single list item\n * @param {ListItem | ListSeparator} item the item to render\n * @param {number} index the index the item had in the `items` array\n * @returns {HTMLElement} the list item\n */\n private renderListItem = (\n item: ListItem | ListSeparator,\n index: number\n ) => {\n if ('separator' in item) {\n return <li class=\"mdc-deprecated-list-divider\" role=\"separator\" />;\n }\n\n if (['radio', 'checkbox'].includes(this.config.type)) {\n return this.renderVariantListItem(this.config, item, index);\n }\n\n const classNames = {\n 'mdc-deprecated-list-item': true,\n 'mdc-deprecated-list-item--disabled': item.disabled,\n 'mdc-deprecated-list-item--selected': item.selected,\n 'has-primary-component': this.hasPrimaryComponent(item),\n };\n\n const attributes: { tabindex?: string } = {};\n if (index === this.applyTabIndexToItemAtIndex) {\n attributes.tabindex = '0';\n }\n\n return (\n <li\n class={classNames}\n aria-disabled={item.disabled ? 'true' : 'false'}\n aria-selected={item.selected ? 'true' : 'false'}\n data-index={index}\n {...attributes}\n >\n {item.icon ? this.renderIcon(this.config, item) : null}\n {this.getPrimaryComponent(item)}\n {this.renderText(item)}\n {this.twoLines && this.avatarList ? this.renderDivider() : null}\n {this.renderActionMenu(item.actions)}\n </li>\n );\n };\n\n private getPrimaryComponent(item: ListItem): Element {\n if (!this.hasPrimaryComponent(item)) {\n return;\n }\n\n const PrimaryComponent = item.primaryComponent.name;\n const props = item.primaryComponent.props;\n\n return <PrimaryComponent {...props} />;\n }\n\n private hasPrimaryComponent = (item: ListItem) => {\n return !!item?.primaryComponent?.name;\n };\n\n /**\n * Render the text of the list item\n * @param {ListItem} item the list item\n * @returns {HTMLElement | string} the text for the list item\n */\n private renderText = (item: ListItem) => {\n if (this.isSimpleItem(item)) {\n return (\n <span class=\"mdc-deprecated-list-item__text\">{item.text}</span>\n );\n }\n\n return (\n <div class=\"mdc-deprecated-list-item__text\">\n <div class=\"mdc-deprecated-list-item__primary-command-text\">\n <div class=\"mdc-deprecated-list-item__primary-text\">\n {item.text}\n </div>\n </div>\n <div class=\"mdc-deprecated-list-item__secondary-text\">\n {item.secondaryText}\n </div>\n </div>\n );\n };\n\n private isSimpleItem = (item: ListItem): boolean => {\n return !('secondaryText' in item);\n };\n\n /**\n * Render an icon for a list item\n * @param {ListRendererConfig} config the config object, passed on from the `renderListItem` function\n * @param {ListItem} item the list item\n * @returns {HTMLElement} the icon element\n */\n private renderIcon = (config: ListRendererConfig, item: ListItem) => {\n const style: any = {};\n if (item.iconColor) {\n if (config.badgeIcons) {\n style['--icon-background-color'] = item.iconColor;\n } else {\n style.color = item.iconColor;\n }\n }\n\n return (\n <limel-icon\n badge={config.badgeIcons}\n class=\"mdc-deprecated-list-item__graphic\"\n name={item.icon}\n style={style}\n size={config.iconSize}\n />\n );\n };\n\n private renderDivider = () => {\n const classes = {\n 'mdc-deprecated-list-divider': true,\n 'mdc-deprecated-list-divider--inset': true,\n };\n if (this.config.iconSize) {\n classes[this.config.iconSize] = true;\n }\n\n return <hr class={classes} />;\n };\n\n private renderActionMenu = (actions: Array<MenuItem | ListSeparator>) => {\n if (!actions || actions.length === 0) {\n return;\n }\n\n return (\n <limel-menu\n class=\"mdc-deprecated-list-item__meta\"\n items={actions}\n openDirection=\"left-start\"\n >\n <limel-icon-button\n class=\"action-menu-trigger\"\n slot=\"trigger\"\n icon=\"menu_2\"\n />\n </limel-menu>\n );\n };\n\n private renderVariantListItem = (\n config: ListRendererConfig,\n item: ListItem,\n index: number\n ) => {\n let itemTemplate;\n if (config.type === 'radio') {\n itemTemplate = (\n <RadioButtonTemplate\n id={`c_${index}`}\n checked={item.selected}\n disabled={item.disabled}\n />\n );\n } else if (config.type === 'checkbox') {\n itemTemplate = (\n <CheckboxTemplate\n id={`c_${index}`}\n checked={item.selected}\n disabled={item.disabled}\n />\n );\n }\n\n const classNames = {\n 'mdc-deprecated-list-item': true,\n 'mdc-deprecated-list-item--disabled': item.disabled,\n 'mdc-deprecated-list-item__text': !item.secondaryText,\n 'has-primary-component': this.hasPrimaryComponent(item),\n };\n\n const attributes: { tabindex?: string } = {};\n if (index === this.applyTabIndexToItemAtIndex) {\n attributes.tabindex = '0';\n }\n\n return (\n <li\n class={classNames}\n role={config.type}\n aria-checked={item.selected ? 'true' : 'false'}\n aria-disabled={item.disabled ? 'true' : 'false'}\n data-index={index}\n {...attributes}\n >\n {this.renderVariantListItemContent(config, item, itemTemplate)}\n </li>\n );\n };\n\n private renderVariantListItemContent = (\n config: ListRendererConfig,\n item: ListItem,\n itemTemplate: any\n ) => {\n if (this.hasIcons) {\n return [\n item.icon ? this.renderIcon(config, item) : null,\n this.getPrimaryComponent(item),\n this.renderText(item),\n <div class=\"mdc-deprecated-list-item__meta\">\n {itemTemplate}\n </div>,\n ];\n }\n\n return [\n <div class=\"mdc-deprecated-list-item__graphic\">{itemTemplate}</div>,\n this.getPrimaryComponent(item),\n this.renderText(item),\n ];\n };\n}\n","@use '../../style/functions';\n@use '../../style/mixins';\n\n@use '../../style/internal/lime-theme';\n@use '../checkbox/checkbox.scss';\n\n@use '@material/list';\n\n$list-border-radius: 0.375rem; // 6px\n$list--has-interactive-items--mdc-list-item--hover: 1;\n$list-static-actions-list: 1;\n$list-mdc-list-item: 0;\n\n/**\n * @prop --icon-background-color: Color to use for icon background when `badgeIcons=true`.\n * @prop --icon-color: Color to use for icon. Defaults to grey when `badgeIcons=false`. Defaults to white when `badgeIcons=true`.\n * @prop --list-grid-max-width: Maximum width of a list that has `has-grid-layout` class. Defaults to `100%`.\n * @prop --list-grid-item-max-width: Maximum width of items in a list that has `has-grid-layout` class. Defaults to `10rem`.\n * @prop --list-grid-item-min-width: Minimum width of items in a list that has `has-grid-layout` class. Defaults to `7.5rem`.\n * @prop --list-grid-gap: Distance between items in a list that has `has-grid-layout` class. Defaults to `0.75rem`.\n * @prop --list-background-color-of-odd-interactive-items: Background color of odd list items, when `has-striped-rows` class is applied to the component. Defaults to `--contrast-200`.\n * @prop --list-background-color-of-even-interactive-items: Background color of even list items, when `has-striped-rows` class is applied to the component. Defaults to `transparent`.\n * @prop --list-margin: Space around the list. Defaults to `0.25rem`, which visualizes keyboard-focused items in a better way, as it adds some space for the outline effect;\n */\n\n:host(limel-list) {\n display: block;\n isolation: isolate;\n @include checkbox.custom-checkbox-styles;\n}\n\n:host([hidden]) {\n display: none;\n}\n\n@include list.deprecated-core-styles;\n\n.mdc-deprecated-list {\n --mdc-theme-text-icon-on-background: var(\n --icon-color,\n rgb(var(--contrast-900))\n );\n margin: var(\n --list-margin,\n 0.25rem\n ); // added space to visualize keyboard-focused items\n padding: 0;\n border-radius: $list-border-radius;\n\n .mdc-deprecated-list-divider {\n border-bottom-color: rgb(var(--contrast-400));\n }\n\n .mdc-deprecated-list-item {\n transition: background-color 0.2s ease;\n box-sizing: border-box;\n z-index: $list-mdc-list-item; // in Chrome on Windows, menus flicker when they have a scroll bar and user hovers on them. We may be able to remove this in future versions of Chrome. Kia 2021-May-12\n\n &:not(.mdc-deprecated-list-item--disabled) {\n &:hover {\n background-color: rgb(var(--contrast-300));\n z-index: 1;\n }\n }\n\n &.mdc-deprecated-list-item--disabled {\n cursor: not-allowed;\n\n limel-icon {\n opacity: 0.38; // similar to `mdc-deprecated-list-item__text` when disabled\n }\n }\n\n &:first-child {\n border-top-left-radius: $list-border-radius;\n border-top-right-radius: $list-border-radius;\n }\n &:last-child {\n border-bottom-right-radius: $list-border-radius;\n border-bottom-left-radius: $list-border-radius;\n }\n }\n\n &.selectable\n .mdc-deprecated-list-item:not(.mdc-deprecated-list-item--disabled) {\n cursor: pointer;\n }\n\n .mdc-deprecated-list-item__meta {\n // the action menu on the right side a list item\n line-height: 100%;\n margin-right: -0.5rem;\n }\n\n .mdc-deprecated-list-item__graphic {\n margin-right: functions.pxToRem(8);\n }\n\n &.mdc-deprecated-list--avatar-list {\n position: relative;\n\n limel-icon.mdc-deprecated-list-item__graphic {\n background-color: var(\n --icon-background-color,\n rgb(var(--contrast-900))\n );\n color: var(--icon-color, rgba(var(--color-white), 0.88));\n margin-right: functions.pxToRem(12);\n margin-left: functions.pxToRem(-4);\n }\n\n hr.mdc-deprecated-list-divider {\n position: absolute;\n bottom: 0;\n\n &.mdc-deprecated-list-divider--inset {\n --icon-width: #{functions.pxToRem(40)};\n --icon-right-padding: #{functions.pxToRem(12)};\n --list-right-padding: #{functions.pxToRem(12)};\n right: 0;\n width: calc(\n 100% - var(--icon-width) - var(--icon-right-padding) -\n var(--list-right-padding)\n );\n\n &.x-small {\n --icon-width: #{functions.pxToRem(24)};\n }\n\n &.small {\n --icon-width: #{functions.pxToRem(32)};\n }\n\n &.medium {\n --icon-width: #{functions.pxToRem(40)};\n }\n\n &.large {\n --icon-width: #{functions.pxToRem(48)};\n }\n }\n }\n\n .mdc-deprecated-list-item:last-child hr.mdc-deprecated-list-divider {\n display: none;\n }\n }\n\n &.mdc-deprecated-list--two-line {\n .mdc-deprecated-list-item__text {\n padding-top: functions.pxToRem(8);\n padding-bottom: functions.pxToRem(8);\n }\n .mdc-deprecated-list-item__primary-text {\n margin-bottom: functions.pxToRem(4);\n }\n }\n\n .mdc-deprecated-list-item__secondary-text,\n .mdc-deprecated-list-item__primary-text,\n .mdc-deprecated-list-item__command-text {\n margin: 0;\n &:before,\n &:after {\n display: none;\n }\n }\n\n .mdc-deprecated-list-item__command-text {\n color: rgb(var(--contrast-800));\n margin-left: 0.7rem;\n }\n\n .mdc-deprecated-list-item__text {\n align-self: center;\n width: 100%;\n }\n\n .has-primary-component {\n .mdc-deprecated-list-item__text {\n margin-left: 0.5rem;\n }\n }\n .mdc-deprecated-list-item__primary-command-text {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: baseline;\n }\n\n // Tweaks to display the icon correctly in Edge\n limel-icon.mdc-deprecated-list-item__graphic {\n display: block;\n }\n}\n\n.mdc-deprecated-list:not(.mdc-deprecated-list--avatar-list) {\n limel-icon.mdc-deprecated-list-item__graphic {\n // Tweaks to make icon lists align nicely with badge-icon lists.\n &[size='x-small'] {\n margin-right: functions.pxToRem(4);\n }\n &[size='small'] {\n margin-right: functions.pxToRem(8);\n }\n &[size='medium'] {\n margin-right: functions.pxToRem(8);\n }\n &[size='large'] {\n margin-right: functions.pxToRem(12);\n }\n }\n}\n\n.mdc-deprecated-list-item.mdc-deprecated-list-item--selected {\n &:before {\n background-color: var(--mdc-theme-primary);\n opacity: 0.15;\n }\n}\n\n:not(.mdc-deprecated-list--non-interactive) {\n > {\n :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item {\n @include mixins.visualize-keyboard-focus;\n\n &:focus-visible {\n border-radius: $list-border-radius;\n z-index: $list--has-interactive-items--mdc-list-item--hover;\n }\n }\n }\n}\n\n@import '../checkbox/checkbox.scss';\n\n@import './radio-button/radio-button.scss';\n\n@import './partial-styles/custom-styles.scss';\n@import './partial-styles/enable-multiline-text.scss';\n@import './partial-styles/_has-grid-layout.scss';\n@import './partial-styles/_static-actions.scss';\n","import {\n IconSize,\n ListItem,\n ListSeparator,\n ListType,\n} from '@limetech/lime-elements';\nimport { MDCList, MDCListActionEvent } from '@material/list';\nimport { strings as listStrings } from '@material/list/constants';\nimport {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Prop,\n Watch,\n} from '@stencil/core';\nimport { ListRenderer } from './list-renderer';\nimport { ListRendererConfig } from './list-renderer-config';\n\nconst { ACTION_EVENT } = listStrings;\n\n/**\n * @exampleComponent limel-example-list\n * @exampleComponent limel-example-list-secondary\n * @exampleComponent limel-example-list-selectable\n * @exampleComponent limel-example-list-icons\n * @exampleComponent limel-example-list-badge-icons\n * @exampleComponent limel-example-list-checkbox\n * @exampleComponent limel-example-list-checkbox-icons\n * @exampleComponent limel-example-list-radio-button\n * @exampleComponent limel-example-list-radio-button-icons\n * @exampleComponent limel-example-list-action\n * @exampleComponent limel-example-list-striped\n * @exampleComponent limel-example-list-badge-icons-with-multiple-lines\n * @exampleComponent limel-example-list-grid\n * @exampleComponent limel-example-list-primary-component\n */\n@Component({\n tag: 'limel-list',\n shadow: true,\n styleUrl: 'list.scss',\n})\nexport class List {\n /**\n * List of items to display\n */\n @Prop()\n public items: Array<ListItem | ListSeparator>;\n\n /**\n * Set to `true` if the list should display larger icons with a background\n */\n @Prop()\n public badgeIcons: boolean;\n\n /**\n * Size of the icons in the list\n */\n @Prop()\n public iconSize: IconSize = 'small';\n\n /**\n * The type of the list, omit to get a regular list. Available types are:\n * `selectable`: regular list with single selection.\n * `radio`: radio button list with single selection.\n * `checkbox`: checkbox list with multiple selection.\n */\n @Prop()\n public type: ListType;\n\n /**\n * By default, lists will display 3 lines of text, and then truncate the rest.\n * Consumers can increase or decrease this number by specifying\n * `maxLinesSecondaryText`. If consumer enters zero or negative\n * numbers we default to 1; and if they type decimals we round up.\n */\n // eslint-disable-next-line no-magic-numbers\n @Prop() maxLinesSecondaryText: number = 3;\n\n @Element()\n private element: HTMLLimelListElement;\n\n private config: ListRendererConfig;\n private listRenderer = new ListRenderer();\n private mdcList: MDCList;\n private multiple: boolean;\n private selectable: boolean;\n\n /**\n * Fired when a new value has been selected from the list. Only fired if selectable is set to true\n */\n @Event()\n private change: EventEmitter<ListItem | ListItem[]>;\n\n /**\n * Fired when an action has been selected from the action menu of a list item\n */\n @Event()\n protected select: EventEmitter<ListItem | ListItem[]>;\n\n public connectedCallback() {\n this.setup();\n }\n\n public disconnectedCallback() {\n this.teardown();\n }\n\n public componentDidLoad() {\n this.setup();\n }\n\n public render() {\n this.config = {\n badgeIcons: this.badgeIcons,\n type: this.type,\n iconSize: this.iconSize,\n };\n let maxLinesSecondaryText = +this.maxLinesSecondaryText?.toFixed();\n if (this.maxLinesSecondaryText < 1) {\n maxLinesSecondaryText = 1;\n }\n\n const html = this.listRenderer.render(this.items, this.config);\n\n return (\n <Host\n style={{\n '--maxLinesSecondaryText': `${maxLinesSecondaryText}`,\n }}\n >\n {html}\n </Host>\n );\n }\n\n @Watch('type')\n protected handleType() {\n this.setupListeners();\n }\n\n @Watch('items')\n protected itemsChanged() {\n if (!this.mdcList) {\n return;\n }\n\n const listItems = this.items.filter(this.isListItem);\n\n if (this.multiple) {\n this.mdcList.selectedIndex = listItems\n .filter((item: ListItem) => item.selected)\n .map((item: ListItem) => listItems.indexOf(item));\n } else {\n const selectedIndex = listItems.findIndex(\n (item: ListItem) => item.selected\n );\n\n if (selectedIndex === -1) {\n this.mdcList.initializeListType();\n } else {\n this.mdcList.selectedIndex = selectedIndex;\n }\n }\n }\n\n private setup = () => {\n this.setupList();\n\n this.setupListeners();\n };\n\n private setupList = () => {\n const element = this.element.shadowRoot.querySelector(\n '.mdc-deprecated-list'\n );\n if (!element) {\n return;\n }\n\n this.mdcList = new MDCList(element);\n this.mdcList.hasTypeahead = true;\n };\n\n private setupListeners = () => {\n if (!this.mdcList) {\n return;\n }\n\n this.mdcList.unlisten(ACTION_EVENT, this.handleAction);\n\n this.selectable = ['selectable', 'radio', 'checkbox'].includes(\n this.type\n );\n this.multiple = this.type === 'checkbox';\n\n if (!this.selectable) {\n return;\n }\n\n this.mdcList.listen(ACTION_EVENT, this.handleAction);\n this.mdcList.singleSelection = !this.multiple;\n };\n\n private teardown = () => {\n this.mdcList?.unlisten(ACTION_EVENT, this.handleAction);\n this.mdcList?.destroy();\n };\n\n private handleAction = (event: MDCListActionEvent) => {\n if (!this.multiple) {\n this.handleSingleSelect(event.detail.index);\n\n return;\n }\n\n this.handleMultiSelect(event.detail.index);\n };\n\n private handleSingleSelect = (index: number) => {\n const listItems = this.items.filter(this.isListItem) as ListItem[];\n if (listItems[index].disabled) {\n return;\n }\n\n const selectedItem: ListItem = listItems.find((item: ListItem) => {\n return !!item.selected;\n });\n\n if (selectedItem) {\n this.change.emit({ ...selectedItem, selected: false });\n }\n\n if (listItems[index] !== selectedItem) {\n this.change.emit({ ...listItems[index], selected: true });\n }\n };\n\n private handleMultiSelect = (index: number) => {\n const listItems = this.items.filter(this.isListItem) as ListItem[];\n if (listItems[index].disabled) {\n return;\n }\n\n const selectedItems: ListItem[] = listItems\n .filter((item: ListItem, listIndex: number) => {\n if (listIndex === index) {\n // This is the item that was selected or deselected,\n // so we negate its previous selection status.\n return !item.selected;\n }\n\n // This is an item that didn't change, so we keep its selection status.\n return item.selected;\n })\n .map((item: ListItem) => {\n return { ...item, selected: true };\n });\n\n this.change.emit(selectedItems);\n };\n\n private isListItem = (item: ListItem): boolean => {\n return !('separator' in item);\n };\n}\n","@use '@material/menu-surface';\n@use '@material/elevation';\n@use '@material/menu';\n\n:host {\n display: block;\n}\n\n@include menu-surface.core-styles;\n@include menu.core-styles;\n\n.mdc-menu-surface {\n max-height: 100%;\n position: relative;\n --mdc-menu-max-width: var(\n --menu-surface-width,\n min(calc(100vw - 2rem), 20rem)\n );\n background-color: var(--lime-elevated-surface-background-color);\n}\n\n:host(limel-menu-surface.has-grid-layout) {\n .mdc-menu-surface {\n width: var(--menu-surface-width, min(calc(100vw - 2rem), 40rem));\n max-width: unset;\n }\n}\n","import { Corner, MDCMenuSurface } from '@material/menu-surface';\nimport {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Prop,\n} from '@stencil/core';\nimport { isDescendant } from '../../util/dom';\nimport {\n ESCAPE,\n ESCAPE_KEY_CODE,\n TAB,\n TAB_KEY_CODE,\n} from '../../util/keycodes';\n\n/**\n * @slot - Content to put inside the surface\n * @private\n */\n@Component({\n tag: 'limel-menu-surface',\n shadow: true,\n styleUrl: 'menu-surface.scss',\n})\nexport class MenuSurface {\n /**\n * True if the menu surface is open, false otherwise\n */\n @Prop()\n public open = false;\n\n /**\n * Clicks in this element should not be prevented when the menu surface is open\n */\n @Prop()\n public allowClicksElement: HTMLElement;\n\n /**\n * Emitted when the menu surface is dismissed and should be closed\n */\n @Event()\n public dismiss: EventEmitter<void>;\n\n @Element()\n private host: HTMLLimelMenuSurfaceElement;\n\n private menuSurface: MDCMenuSurface;\n\n public connectedCallback() {\n this.setup();\n }\n\n public disconnectedCallback() {\n this.teardown();\n }\n\n public componentDidLoad() {\n this.setup();\n }\n\n public render() {\n const classList = {\n 'mdc-menu': true,\n 'mdc-menu-surface': true,\n 'mdc-menu-surface--open': this.open,\n 'mdc-elevation-transition': true,\n 'mdc-elevation--z4': true,\n };\n\n return (\n <div class={classList} tabindex=\"-1\">\n <slot />\n </div>\n );\n }\n\n private setup = () => {\n const menuElement: HTMLElement =\n this.host.shadowRoot.querySelector('.mdc-menu-surface');\n if (!menuElement) {\n return;\n }\n\n this.menuSurface = new MDCMenuSurface(menuElement);\n this.menuSurface.setAnchorCorner(Corner.TOP_START);\n\n document.addEventListener('mousedown', this.handleDocumentClick, {\n capture: true,\n });\n this.host.addEventListener('keydown', this.handleKeyDown);\n window.addEventListener('resize', this.handleResize, {\n passive: true,\n });\n };\n\n private teardown = () => {\n this.menuSurface?.destroy();\n document.removeEventListener('mousedown', this.handleDocumentClick, {\n capture: true,\n });\n this.host.removeEventListener('keydown', this.handleKeyDown);\n window.removeEventListener('resize', this.handleResize);\n };\n\n private handleDocumentClick = (event) => {\n const elementPath = event.path || [];\n\n if (!this.open) {\n return;\n }\n\n if (isDescendant(event.target, this.host)) {\n return;\n }\n\n if (this.allowClicksElement) {\n const clickedInAllowedElement = elementPath.includes(\n this.allowClicksElement\n );\n\n if (clickedInAllowedElement) {\n return;\n }\n }\n\n this.dismiss.emit();\n this.preventClickEventPropagation();\n };\n\n private handleResize = () => {\n if (this.open) {\n this.dismiss.emit();\n }\n };\n\n private preventClickEventPropagation = () => {\n // When the menu surface is open, we want to stop the `click` event from propagating\n // when clicking outside the surface itself. This is to prevent any dialog that might\n // be open from closing, etc. However, when dragging a scrollbar no `click` event is emitted,\n // only mousedown and mouseup. So we listen for `mousedown` and attach a one-time listener\n // for `click`, so we can capture and \"kill\" it.\n document.addEventListener('click', this.stopEvent, {\n capture: true,\n once: true,\n });\n // We also capture and \"kill\" the next `mouseup` event.\n document.addEventListener('mouseup', this.stopEvent, {\n capture: true,\n once: true,\n });\n // If the user dragged the scrollbar, no `click` event happens. So when we get the\n // `mouseup` event, remove the handler for `click` if it's still there.\n // Otherwise, we would catch the next click even though the menu is no longer open.\n document.addEventListener(\n 'mouseup',\n () => {\n document.removeEventListener('click', this.stopEvent, {\n capture: true,\n });\n },\n {\n once: true,\n }\n );\n };\n\n private stopEvent = (event) => {\n event.stopPropagation();\n event.preventDefault();\n };\n\n private handleKeyDown = (event: KeyboardEvent) => {\n const isEscape =\n event.key === ESCAPE || event.keyCode === ESCAPE_KEY_CODE;\n const isTab = event.key === TAB || event.keyCode === TAB_KEY_CODE;\n\n if (this.open && (isEscape || isTab)) {\n event.stopPropagation();\n this.dismiss.emit();\n }\n };\n}\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"names":["RadioButtonTemplate","props","h","class","disabled","type","id","checked","onChange","htmlFor","label","ListRenderer","constructor","this","defaultConfig","isOpen","badgeIcons","getIndexForWhichToApplyTabIndex","items","result","i","max","length","item","selected","undefined","renderListItem","index","role","includes","config","renderVariantListItem","classNames","hasPrimaryComponent","attributes","applyTabIndexToItemAtIndex","tabindex","Object","assign","icon","renderIcon","getPrimaryComponent","renderText","twoLines","avatarList","renderDivider","renderActionMenu","actions","_a","primaryComponent","name","isSimpleItem","text","secondaryText","style","iconColor","color","badge","size","iconSize","classes","openDirection","slot","itemTemplate","CheckboxTemplate","renderVariantListItemContent","hasIcons","render","some","selectableListTypes","selectable","commandKey","map","PrimaryComponent","listCss","ACTION_EVENT","listStrings","List","listRenderer","setup","setupList","setupListeners","element","shadowRoot","querySelector","mdcList","MDCList","hasTypeahead","unlisten","handleAction","multiple","listen","singleSelection","teardown","_b","destroy","event","handleSingleSelect","detail","handleMultiSelect","listItems","filter","isListItem","selectedItem","find","change","emit","selectedItems","listIndex","connectedCallback","disconnectedCallback","componentDidLoad","maxLinesSecondaryText","toFixed","html","Host","handleType","itemsChanged","selectedIndex","indexOf","findIndex","initializeListType","menuSurfaceCss","MenuSurface","menuElement","host","menuSurface","MDCMenuSurface","setAnchorCorner","Corner","TOP_START","document","addEventListener","handleDocumentClick","capture","handleKeyDown","window","handleResize","passive","removeEventListener","elementPath","path","open","isDescendant","target","allowClicksElement","clickedInAllowedElement","dismiss","preventClickEventPropagation","stopEvent","once","stopPropagation","preventDefault","isEscape","key","ESCAPE","keyCode","ESCAPE_KEY_CODE","isTab","TAB","TAB_KEY_CODE","classList"],"sources":["./src/components/list/radio-button/radio-button.template.tsx","./src/components/list/list-renderer.tsx","./src/components/list/list.scss?tag=limel-list&encapsulation=shadow","./src/components/list/list.tsx","./src/components/menu-surface/menu-surface.scss?tag=limel-menu-surface&encapsulation=shadow","./src/components/menu-surface/menu-surface.tsx"],"sourcesContent":["import { FunctionalComponent, h } from '@stencil/core';\n\ninterface RadioButtonTemplateProps {\n disabled?: boolean;\n id: string;\n checked?: boolean;\n onChange?: (event: Event) => void;\n label?: string;\n}\n\nexport const RadioButtonTemplate: FunctionalComponent<\n RadioButtonTemplateProps\n> = (props) => {\n return (\n <div class=\"mdc-form-field\">\n <div\n class={`\n mdc-radio\n ${props.disabled ? 'mdc-radio--disabled' : ''}\n `}\n >\n <input\n class=\"mdc-radio__native-control\"\n type=\"radio\"\n id={props.id}\n checked={props.checked}\n disabled={props.disabled}\n onChange={props.onChange}\n />\n <div class=\"mdc-radio__background\">\n <div class=\"mdc-radio__outer-circle\" />\n <div class=\"mdc-radio__inner-circle\" />\n </div>\n </div>\n <label\n class={`${props.disabled ? 'disabled' : ''}`}\n htmlFor={props.id}\n >\n {props.label}\n </label>\n </div>\n );\n};\n","import { ListItem, ListSeparator, MenuItem } from '@limetech/lime-elements';\nimport { h } from '@stencil/core';\nimport { CheckboxTemplate } from '../checkbox/checkbox.template';\nimport { ListRendererConfig } from './list-renderer-config';\nimport { RadioButtonTemplate } from './radio-button/radio-button.template';\n\nexport class ListRenderer {\n private defaultConfig: ListRendererConfig = {\n isOpen: true,\n badgeIcons: false,\n };\n\n private config: ListRendererConfig;\n\n private hasIcons: boolean;\n private twoLines: boolean;\n private avatarList: boolean;\n private commandKey: boolean;\n\n private applyTabIndexToItemAtIndex: number;\n\n public render(\n items: Array<ListItem | ListSeparator>,\n config: ListRendererConfig = {}\n ) {\n items = items || [];\n this.config = { ...this.defaultConfig, ...config };\n\n this.twoLines = items.some((item) => {\n return 'secondaryText' in item && !!item.secondaryText;\n });\n\n this.hasIcons = items.some((item) => {\n return 'icon' in item && !!item.icon;\n });\n\n this.avatarList = this.config.badgeIcons && this.hasIcons;\n const selectableListTypes = ['selectable', 'radio', 'checkbox'];\n\n let role;\n switch (this.config.type) {\n case 'checkbox':\n role = 'group';\n break;\n case 'radio':\n role = 'radiogroup';\n break;\n default:\n role = 'listbox';\n }\n\n this.applyTabIndexToItemAtIndex =\n this.getIndexForWhichToApplyTabIndex(items);\n\n const classNames = {\n 'mdc-deprecated-list': true,\n 'mdc-deprecated-list--two-line': this.twoLines,\n selectable: selectableListTypes.includes(this.config.type),\n 'mdc-deprecated-list--avatar-list': this.avatarList,\n 'list--compact':\n this.twoLines &&\n this.commandKey &&\n ['small', 'x-small'].includes(this.config.iconSize),\n };\n\n return (\n <ul class={classNames} role={role} aria-orientation=\"vertical\">\n {items.map(this.renderListItem)}\n </ul>\n );\n }\n\n /**\n * Determine which ListItem should have the `tab-index` attribute set,\n * and return the index at which that ListItem is located in `items`.\n * Returns `undefined` if no item should have the attribute set.\n * See https://github.com/material-components/material-components-web/tree/e66a43a75fef4f9179e24856649518e15e279a04/packages/mdc-list#accessibility\n * @param {Array<ListItem | ListSeparator>} items the items of the list, including any `ListSeparator`:s\n * @returns {number} the index as per the description\n */\n private getIndexForWhichToApplyTabIndex = (\n items: Array<ListItem | ListSeparator>\n ) => {\n let result;\n for (let i = 0, max = items.length; i < max; i += 1) {\n if ('separator' in items[i]) {\n // Ignore ListSeparator\n } else {\n const item = items[i] as ListItem<any>;\n if (item.selected) {\n result = i;\n break;\n }\n\n if (result === undefined && !item.disabled) {\n result = i;\n // Do NOT break, as any later item with\n // `selected=true` should get the tab-index instead!\n }\n }\n }\n\n return result;\n };\n\n /**\n * Render a single list item\n * @param {ListItem | ListSeparator} item the item to render\n * @param {number} index the index the item had in the `items` array\n * @returns {HTMLElement} the list item\n */\n private renderListItem = (\n item: ListItem | ListSeparator,\n index: number\n ) => {\n if ('separator' in item) {\n return <li class=\"mdc-deprecated-list-divider\" role=\"separator\" />;\n }\n\n if (['radio', 'checkbox'].includes(this.config.type)) {\n return this.renderVariantListItem(this.config, item, index);\n }\n\n const classNames = {\n 'mdc-deprecated-list-item': true,\n 'mdc-deprecated-list-item--disabled': item.disabled,\n 'mdc-deprecated-list-item--selected': item.selected,\n 'has-primary-component': this.hasPrimaryComponent(item),\n };\n\n const attributes: { tabindex?: string } = {};\n if (index === this.applyTabIndexToItemAtIndex) {\n attributes.tabindex = '0';\n }\n\n return (\n <li\n class={classNames}\n aria-disabled={item.disabled ? 'true' : 'false'}\n aria-selected={item.selected ? 'true' : 'false'}\n data-index={index}\n {...attributes}\n >\n {item.icon ? this.renderIcon(this.config, item) : null}\n {this.getPrimaryComponent(item)}\n {this.renderText(item)}\n {this.twoLines && this.avatarList ? this.renderDivider() : null}\n {this.renderActionMenu(item.actions)}\n </li>\n );\n };\n\n private getPrimaryComponent(item: ListItem): Element {\n if (!this.hasPrimaryComponent(item)) {\n return;\n }\n\n const PrimaryComponent = item.primaryComponent.name;\n const props = item.primaryComponent.props;\n\n return <PrimaryComponent {...props} />;\n }\n\n private hasPrimaryComponent = (item: ListItem) => {\n return !!item?.primaryComponent?.name;\n };\n\n /**\n * Render the text of the list item\n * @param {ListItem} item the list item\n * @returns {HTMLElement | string} the text for the list item\n */\n private renderText = (item: ListItem) => {\n if (this.isSimpleItem(item)) {\n return (\n <span class=\"mdc-deprecated-list-item__text\">{item.text}</span>\n );\n }\n\n return (\n <div class=\"mdc-deprecated-list-item__text\">\n <div class=\"mdc-deprecated-list-item__primary-command-text\">\n <div class=\"mdc-deprecated-list-item__primary-text\">\n {item.text}\n </div>\n </div>\n <div class=\"mdc-deprecated-list-item__secondary-text\">\n {item.secondaryText}\n </div>\n </div>\n );\n };\n\n private isSimpleItem = (item: ListItem): boolean => {\n return !('secondaryText' in item);\n };\n\n /**\n * Render an icon for a list item\n * @param {ListRendererConfig} config the config object, passed on from the `renderListItem` function\n * @param {ListItem} item the list item\n * @returns {HTMLElement} the icon element\n */\n private renderIcon = (config: ListRendererConfig, item: ListItem) => {\n const style: any = {};\n if (item.iconColor) {\n if (config.badgeIcons) {\n style['--icon-background-color'] = item.iconColor;\n } else {\n style.color = item.iconColor;\n }\n }\n\n return (\n <limel-icon\n badge={config.badgeIcons}\n class=\"mdc-deprecated-list-item__graphic\"\n name={item.icon}\n style={style}\n size={config.iconSize}\n />\n );\n };\n\n private renderDivider = () => {\n const classes = {\n 'mdc-deprecated-list-divider': true,\n 'mdc-deprecated-list-divider--inset': true,\n };\n if (this.config.iconSize) {\n classes[this.config.iconSize] = true;\n }\n\n return <hr class={classes} />;\n };\n\n private renderActionMenu = (actions: Array<MenuItem | ListSeparator>) => {\n if (!actions || actions.length === 0) {\n return;\n }\n\n return (\n <limel-menu\n class=\"mdc-deprecated-list-item__meta\"\n items={actions}\n openDirection=\"left-start\"\n >\n <limel-icon-button\n class=\"action-menu-trigger\"\n slot=\"trigger\"\n icon=\"menu_2\"\n />\n </limel-menu>\n );\n };\n\n private renderVariantListItem = (\n config: ListRendererConfig,\n item: ListItem,\n index: number\n ) => {\n let itemTemplate;\n if (config.type === 'radio') {\n itemTemplate = (\n <RadioButtonTemplate\n id={`c_${index}`}\n checked={item.selected}\n disabled={item.disabled}\n />\n );\n } else if (config.type === 'checkbox') {\n itemTemplate = (\n <CheckboxTemplate\n id={`c_${index}`}\n checked={item.selected}\n disabled={item.disabled}\n />\n );\n }\n\n const classNames = {\n 'mdc-deprecated-list-item': true,\n 'mdc-deprecated-list-item--disabled': item.disabled,\n 'mdc-deprecated-list-item__text': !item.secondaryText,\n 'has-primary-component': this.hasPrimaryComponent(item),\n };\n\n const attributes: { tabindex?: string } = {};\n if (index === this.applyTabIndexToItemAtIndex) {\n attributes.tabindex = '0';\n }\n\n return (\n <li\n class={classNames}\n role={config.type}\n aria-checked={item.selected ? 'true' : 'false'}\n aria-disabled={item.disabled ? 'true' : 'false'}\n data-index={index}\n {...attributes}\n >\n {this.renderVariantListItemContent(config, item, itemTemplate)}\n </li>\n );\n };\n\n private renderVariantListItemContent = (\n config: ListRendererConfig,\n item: ListItem,\n itemTemplate: any\n ) => {\n if (this.hasIcons) {\n return [\n item.icon ? this.renderIcon(config, item) : null,\n this.getPrimaryComponent(item),\n this.renderText(item),\n <div class=\"mdc-deprecated-list-item__meta\">\n {itemTemplate}\n </div>,\n ];\n }\n\n return [\n <div class=\"mdc-deprecated-list-item__graphic\">{itemTemplate}</div>,\n this.getPrimaryComponent(item),\n this.renderText(item),\n ];\n };\n}\n","@use '../../style/functions';\n@use '../../style/mixins';\n\n@use '../../style/internal/lime-theme';\n@use '../checkbox/checkbox.scss';\n\n@use '@material/list';\n\n$list-border-radius: 0.375rem; // 6px\n$list--has-interactive-items--mdc-list-item--hover: 1;\n$list-static-actions-list: 1;\n$list-mdc-list-item: 0;\n\n/**\n * @prop --icon-background-color: Color to use for icon background when `badgeIcons=true`.\n * @prop --icon-color: Color to use for icon. Defaults to grey when `badgeIcons=false`. Defaults to white when `badgeIcons=true`.\n * @prop --list-grid-max-width: Maximum width of a list that has `has-grid-layout` class. Defaults to `100%`.\n * @prop --list-grid-item-max-width: Maximum width of items in a list that has `has-grid-layout` class. Defaults to `10rem`.\n * @prop --list-grid-item-min-width: Minimum width of items in a list that has `has-grid-layout` class. Defaults to `7.5rem`.\n * @prop --list-grid-gap: Distance between items in a list that has `has-grid-layout` class. Defaults to `0.75rem`.\n * @prop --list-background-color-of-odd-interactive-items: Background color of odd list items, when `has-striped-rows` class is applied to the component. Defaults to `--contrast-200`.\n * @prop --list-background-color-of-even-interactive-items: Background color of even list items, when `has-striped-rows` class is applied to the component. Defaults to `transparent`.\n * @prop --list-margin: Space around the list. Defaults to `0.25rem`, which visualizes keyboard-focused items in a better way, as it adds some space for the outline effect;\n */\n\n:host(limel-list) {\n display: block;\n isolation: isolate;\n @include checkbox.custom-checkbox-styles;\n}\n\n:host([hidden]) {\n display: none;\n}\n\n@include list.deprecated-core-styles;\n\n.mdc-deprecated-list {\n --mdc-theme-text-icon-on-background: var(\n --icon-color,\n rgb(var(--contrast-900))\n );\n margin: var(\n --list-margin,\n 0.25rem\n ); // added space to visualize keyboard-focused items\n padding: 0;\n border-radius: $list-border-radius;\n\n .mdc-deprecated-list-divider {\n border-bottom-color: rgb(var(--contrast-400));\n }\n\n .mdc-deprecated-list-item {\n transition: background-color 0.2s ease;\n box-sizing: border-box;\n z-index: $list-mdc-list-item; // in Chrome on Windows, menus flicker when they have a scroll bar and user hovers on them. We may be able to remove this in future versions of Chrome. Kia 2021-May-12\n\n &:not(.mdc-deprecated-list-item--disabled) {\n &:hover {\n background-color: rgb(var(--contrast-300));\n z-index: 1;\n }\n }\n\n &.mdc-deprecated-list-item--disabled {\n cursor: not-allowed;\n\n limel-icon {\n opacity: 0.38; // similar to `mdc-deprecated-list-item__text` when disabled\n }\n }\n\n &:first-child {\n border-top-left-radius: $list-border-radius;\n border-top-right-radius: $list-border-radius;\n }\n &:last-child {\n border-bottom-right-radius: $list-border-radius;\n border-bottom-left-radius: $list-border-radius;\n }\n }\n\n &.selectable\n .mdc-deprecated-list-item:not(.mdc-deprecated-list-item--disabled) {\n cursor: pointer;\n }\n\n .mdc-deprecated-list-item__meta {\n // the action menu on the right side a list item\n line-height: 100%;\n margin-right: -0.5rem;\n }\n\n .mdc-deprecated-list-item__graphic {\n margin-right: functions.pxToRem(8);\n }\n\n &.mdc-deprecated-list--avatar-list {\n position: relative;\n\n limel-icon.mdc-deprecated-list-item__graphic {\n background-color: var(\n --icon-background-color,\n rgb(var(--contrast-900))\n );\n color: var(--icon-color, rgba(var(--color-white), 0.88));\n margin-right: functions.pxToRem(12);\n margin-left: functions.pxToRem(-4);\n }\n\n hr.mdc-deprecated-list-divider {\n position: absolute;\n bottom: 0;\n\n &.mdc-deprecated-list-divider--inset {\n --icon-width: #{functions.pxToRem(40)};\n --icon-right-padding: #{functions.pxToRem(12)};\n --list-right-padding: #{functions.pxToRem(12)};\n right: 0;\n width: calc(\n 100% - var(--icon-width) - var(--icon-right-padding) -\n var(--list-right-padding)\n );\n\n &.x-small {\n --icon-width: #{functions.pxToRem(24)};\n }\n\n &.small {\n --icon-width: #{functions.pxToRem(32)};\n }\n\n &.medium {\n --icon-width: #{functions.pxToRem(40)};\n }\n\n &.large {\n --icon-width: #{functions.pxToRem(48)};\n }\n }\n }\n\n .mdc-deprecated-list-item:last-child hr.mdc-deprecated-list-divider {\n display: none;\n }\n }\n\n &.mdc-deprecated-list--two-line {\n .mdc-deprecated-list-item__text {\n padding-top: functions.pxToRem(8);\n padding-bottom: functions.pxToRem(8);\n }\n .mdc-deprecated-list-item__primary-text {\n margin-bottom: functions.pxToRem(4);\n }\n }\n\n .mdc-deprecated-list-item__secondary-text,\n .mdc-deprecated-list-item__primary-text,\n .mdc-deprecated-list-item__command-text {\n margin: 0;\n &:before,\n &:after {\n display: none;\n }\n }\n\n .mdc-deprecated-list-item__command-text {\n color: rgb(var(--contrast-800));\n margin-left: 0.7rem;\n }\n\n .mdc-deprecated-list-item__text {\n align-self: center;\n width: 100%;\n }\n\n .has-primary-component {\n .mdc-deprecated-list-item__text {\n margin-left: 0.5rem;\n }\n }\n .mdc-deprecated-list-item__primary-command-text {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: baseline;\n }\n\n // Tweaks to display the icon correctly in Edge\n limel-icon.mdc-deprecated-list-item__graphic {\n display: block;\n }\n}\n\n.mdc-deprecated-list:not(.mdc-deprecated-list--avatar-list) {\n limel-icon.mdc-deprecated-list-item__graphic {\n // Tweaks to make icon lists align nicely with badge-icon lists.\n &[size='x-small'] {\n margin-right: functions.pxToRem(4);\n }\n &[size='small'] {\n margin-right: functions.pxToRem(8);\n }\n &[size='medium'] {\n margin-right: functions.pxToRem(8);\n }\n &[size='large'] {\n margin-right: functions.pxToRem(12);\n }\n }\n}\n\n.mdc-deprecated-list-item.mdc-deprecated-list-item--selected {\n &:before {\n background-color: var(--mdc-theme-primary);\n opacity: 0.15;\n }\n}\n\n:not(.mdc-deprecated-list--non-interactive) {\n > {\n :not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item {\n @include mixins.visualize-keyboard-focus;\n\n &:focus-visible {\n border-radius: $list-border-radius;\n z-index: $list--has-interactive-items--mdc-list-item--hover;\n }\n }\n }\n}\n\n@import '../checkbox/checkbox.scss';\n\n@import './radio-button/radio-button.scss';\n\n@import './partial-styles/custom-styles.scss';\n@import './partial-styles/enable-multiline-text.scss';\n@import './partial-styles/_has-grid-layout.scss';\n@import './partial-styles/_static-actions.scss';\n","import {\n IconSize,\n ListItem,\n ListSeparator,\n ListType,\n} from '@limetech/lime-elements';\nimport { MDCList, MDCListActionEvent } from '@material/list';\nimport { strings as listStrings } from '@material/list/constants';\nimport {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Prop,\n Watch,\n} from '@stencil/core';\nimport { ListRenderer } from './list-renderer';\nimport { ListRendererConfig } from './list-renderer-config';\n\nconst { ACTION_EVENT } = listStrings;\n\n/**\n * @exampleComponent limel-example-list\n * @exampleComponent limel-example-list-secondary\n * @exampleComponent limel-example-list-selectable\n * @exampleComponent limel-example-list-icons\n * @exampleComponent limel-example-list-badge-icons\n * @exampleComponent limel-example-list-checkbox\n * @exampleComponent limel-example-list-checkbox-icons\n * @exampleComponent limel-example-list-radio-button\n * @exampleComponent limel-example-list-radio-button-icons\n * @exampleComponent limel-example-list-action\n * @exampleComponent limel-example-list-striped\n * @exampleComponent limel-example-list-badge-icons-with-multiple-lines\n * @exampleComponent limel-example-list-grid\n * @exampleComponent limel-example-list-primary-component\n */\n@Component({\n tag: 'limel-list',\n shadow: true,\n styleUrl: 'list.scss',\n})\nexport class List {\n /**\n * List of items to display\n */\n @Prop()\n public items: Array<ListItem | ListSeparator>;\n\n /**\n * Set to `true` if the list should display larger icons with a background\n */\n @Prop()\n public badgeIcons: boolean;\n\n /**\n * Size of the icons in the list\n */\n @Prop()\n public iconSize: IconSize = 'small';\n\n /**\n * The type of the list, omit to get a regular list. Available types are:\n * `selectable`: regular list with single selection.\n * `radio`: radio button list with single selection.\n * `checkbox`: checkbox list with multiple selection.\n */\n @Prop()\n public type: ListType;\n\n /**\n * By default, lists will display 3 lines of text, and then truncate the rest.\n * Consumers can increase or decrease this number by specifying\n * `maxLinesSecondaryText`. If consumer enters zero or negative\n * numbers we default to 1; and if they type decimals we round up.\n */\n // eslint-disable-next-line no-magic-numbers\n @Prop() maxLinesSecondaryText: number = 3;\n\n @Element()\n private element: HTMLLimelListElement;\n\n private config: ListRendererConfig;\n private listRenderer = new ListRenderer();\n private mdcList: MDCList;\n private multiple: boolean;\n private selectable: boolean;\n\n /**\n * Fired when a new value has been selected from the list.\n * Only fired if `type` is set to `selectable`, `radio` or `checkbox`.\n */\n @Event()\n private change: EventEmitter<ListItem | ListItem[]>;\n\n /**\n * Fired when an action has been selected from the action menu of a list item\n */\n @Event()\n protected select: EventEmitter<ListItem | ListItem[]>;\n\n public connectedCallback() {\n this.setup();\n }\n\n public disconnectedCallback() {\n this.teardown();\n }\n\n public componentDidLoad() {\n this.setup();\n }\n\n public render() {\n this.config = {\n badgeIcons: this.badgeIcons,\n type: this.type,\n iconSize: this.iconSize,\n };\n let maxLinesSecondaryText = +this.maxLinesSecondaryText?.toFixed();\n if (this.maxLinesSecondaryText < 1) {\n maxLinesSecondaryText = 1;\n }\n\n const html = this.listRenderer.render(this.items, this.config);\n\n return (\n <Host\n style={{\n '--maxLinesSecondaryText': `${maxLinesSecondaryText}`,\n }}\n >\n {html}\n </Host>\n );\n }\n\n @Watch('type')\n protected handleType() {\n this.setupListeners();\n }\n\n @Watch('items')\n protected itemsChanged() {\n if (!this.mdcList) {\n return;\n }\n\n const listItems = this.items.filter(this.isListItem);\n\n if (this.multiple) {\n this.mdcList.selectedIndex = listItems\n .filter((item: ListItem) => item.selected)\n .map((item: ListItem) => listItems.indexOf(item));\n } else {\n const selectedIndex = listItems.findIndex(\n (item: ListItem) => item.selected\n );\n\n if (selectedIndex === -1) {\n this.mdcList.initializeListType();\n } else {\n this.mdcList.selectedIndex = selectedIndex;\n }\n }\n }\n\n private setup = () => {\n this.setupList();\n\n this.setupListeners();\n };\n\n private setupList = () => {\n const element = this.element.shadowRoot.querySelector(\n '.mdc-deprecated-list'\n );\n if (!element) {\n return;\n }\n\n this.mdcList = new MDCList(element);\n this.mdcList.hasTypeahead = true;\n };\n\n private setupListeners = () => {\n if (!this.mdcList) {\n return;\n }\n\n this.mdcList.unlisten(ACTION_EVENT, this.handleAction);\n\n this.selectable = ['selectable', 'radio', 'checkbox'].includes(\n this.type\n );\n this.multiple = this.type === 'checkbox';\n\n if (!this.selectable) {\n return;\n }\n\n this.mdcList.listen(ACTION_EVENT, this.handleAction);\n this.mdcList.singleSelection = !this.multiple;\n };\n\n private teardown = () => {\n this.mdcList?.unlisten(ACTION_EVENT, this.handleAction);\n this.mdcList?.destroy();\n };\n\n private handleAction = (event: MDCListActionEvent) => {\n if (!this.multiple) {\n this.handleSingleSelect(event.detail.index);\n\n return;\n }\n\n this.handleMultiSelect(event.detail.index);\n };\n\n private handleSingleSelect = (index: number) => {\n const listItems = this.items.filter(this.isListItem) as ListItem[];\n if (listItems[index].disabled) {\n return;\n }\n\n const selectedItem: ListItem = listItems.find((item: ListItem) => {\n return !!item.selected;\n });\n\n if (selectedItem) {\n this.change.emit({ ...selectedItem, selected: false });\n }\n\n if (listItems[index] !== selectedItem) {\n this.change.emit({ ...listItems[index], selected: true });\n }\n };\n\n private handleMultiSelect = (index: number) => {\n const listItems = this.items.filter(this.isListItem) as ListItem[];\n if (listItems[index].disabled) {\n return;\n }\n\n const selectedItems: ListItem[] = listItems\n .filter((item: ListItem, listIndex: number) => {\n if (listIndex === index) {\n // This is the item that was selected or deselected,\n // so we negate its previous selection status.\n return !item.selected;\n }\n\n // This is an item that didn't change, so we keep its selection status.\n return item.selected;\n })\n .map((item: ListItem) => {\n return { ...item, selected: true };\n });\n\n this.change.emit(selectedItems);\n };\n\n private isListItem = (item: ListItem): boolean => {\n return !('separator' in item);\n };\n}\n","@use '@material/menu-surface';\n@use '@material/elevation';\n@use '@material/menu';\n\n:host {\n display: block;\n}\n\n@include menu-surface.core-styles;\n@include menu.core-styles;\n\n.mdc-menu-surface {\n max-height: 100%;\n position: relative;\n --mdc-menu-max-width: var(\n --menu-surface-width,\n min(calc(100vw - 2rem), 20rem)\n );\n background-color: var(--lime-elevated-surface-background-color);\n}\n\n:host(limel-menu-surface.has-grid-layout) {\n .mdc-menu-surface {\n width: var(--menu-surface-width, min(calc(100vw - 2rem), 40rem));\n max-width: unset;\n }\n}\n","import { Corner, MDCMenuSurface } from '@material/menu-surface';\nimport {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Prop,\n} from '@stencil/core';\nimport { isDescendant } from '../../util/dom';\nimport {\n ESCAPE,\n ESCAPE_KEY_CODE,\n TAB,\n TAB_KEY_CODE,\n} from '../../util/keycodes';\n\n/**\n * @slot - Content to put inside the surface\n * @private\n */\n@Component({\n tag: 'limel-menu-surface',\n shadow: true,\n styleUrl: 'menu-surface.scss',\n})\nexport class MenuSurface {\n /**\n * True if the menu surface is open, false otherwise\n */\n @Prop()\n public open = false;\n\n /**\n * Clicks in this element should not be prevented when the menu surface is open\n */\n @Prop()\n public allowClicksElement: HTMLElement;\n\n /**\n * Emitted when the menu surface is dismissed and should be closed\n */\n @Event()\n public dismiss: EventEmitter<void>;\n\n @Element()\n private host: HTMLLimelMenuSurfaceElement;\n\n private menuSurface: MDCMenuSurface;\n\n public connectedCallback() {\n this.setup();\n }\n\n public disconnectedCallback() {\n this.teardown();\n }\n\n public componentDidLoad() {\n this.setup();\n }\n\n public render() {\n const classList = {\n 'mdc-menu': true,\n 'mdc-menu-surface': true,\n 'mdc-menu-surface--open': this.open,\n 'mdc-elevation-transition': true,\n 'mdc-elevation--z4': true,\n };\n\n return (\n <div class={classList} tabindex=\"-1\">\n <slot />\n </div>\n );\n }\n\n private setup = () => {\n const menuElement: HTMLElement =\n this.host.shadowRoot.querySelector('.mdc-menu-surface');\n if (!menuElement) {\n return;\n }\n\n this.menuSurface = new MDCMenuSurface(menuElement);\n this.menuSurface.setAnchorCorner(Corner.TOP_START);\n\n document.addEventListener('mousedown', this.handleDocumentClick, {\n capture: true,\n });\n this.host.addEventListener('keydown', this.handleKeyDown);\n window.addEventListener('resize', this.handleResize, {\n passive: true,\n });\n };\n\n private teardown = () => {\n this.menuSurface?.destroy();\n document.removeEventListener('mousedown', this.handleDocumentClick, {\n capture: true,\n });\n this.host.removeEventListener('keydown', this.handleKeyDown);\n window.removeEventListener('resize', this.handleResize);\n };\n\n private handleDocumentClick = (event) => {\n const elementPath = event.path || [];\n\n if (!this.open) {\n return;\n }\n\n if (isDescendant(event.target, this.host)) {\n return;\n }\n\n if (this.allowClicksElement) {\n const clickedInAllowedElement = elementPath.includes(\n this.allowClicksElement\n );\n\n if (clickedInAllowedElement) {\n return;\n }\n }\n\n this.dismiss.emit();\n this.preventClickEventPropagation();\n };\n\n private handleResize = () => {\n if (this.open) {\n this.dismiss.emit();\n }\n };\n\n private preventClickEventPropagation = () => {\n // When the menu surface is open, we want to stop the `click` event from propagating\n // when clicking outside the surface itself. This is to prevent any dialog that might\n // be open from closing, etc. However, when dragging a scrollbar no `click` event is emitted,\n // only mousedown and mouseup. So we listen for `mousedown` and attach a one-time listener\n // for `click`, so we can capture and \"kill\" it.\n document.addEventListener('click', this.stopEvent, {\n capture: true,\n once: true,\n });\n // We also capture and \"kill\" the next `mouseup` event.\n document.addEventListener('mouseup', this.stopEvent, {\n capture: true,\n once: true,\n });\n // If the user dragged the scrollbar, no `click` event happens. So when we get the\n // `mouseup` event, remove the handler for `click` if it's still there.\n // Otherwise, we would catch the next click even though the menu is no longer open.\n document.addEventListener(\n 'mouseup',\n () => {\n document.removeEventListener('click', this.stopEvent, {\n capture: true,\n });\n },\n {\n once: true,\n }\n );\n };\n\n private stopEvent = (event) => {\n event.stopPropagation();\n event.preventDefault();\n };\n\n private handleKeyDown = (event: KeyboardEvent) => {\n const isEscape =\n event.key === ESCAPE || event.keyCode === ESCAPE_KEY_CODE;\n const isTab = event.key === TAB || event.keyCode === TAB_KEY_CODE;\n\n if (this.open && (isEscape || isTab)) {\n event.stopPropagation();\n this.dismiss.emit();\n }\n };\n}\n"],"mappings":"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"}
|
|
@@ -1,8 +1,14 @@
|
|
|
1
1
|
import { MenuItem } from '../menu/menu.types';
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
2
|
+
/**
|
|
3
|
+
* Renders the button in the action bar without their labels.
|
|
4
|
+
* Does not affect the items that are overflown into the overflow menu.
|
|
5
|
+
*/
|
|
6
|
+
export type ActionBarItem = ActionBarItemOnlyIcon | ActionBarItemWithLabel;
|
|
7
|
+
interface ActionBarItemOnlyIcon extends MenuItem {
|
|
8
|
+
iconOnly: true;
|
|
9
|
+
icon: string;
|
|
8
10
|
}
|
|
11
|
+
interface ActionBarItemWithLabel extends MenuItem {
|
|
12
|
+
iconOnly?: false;
|
|
13
|
+
}
|
|
14
|
+
export {};
|