@limetech/lime-elements 37.1.0-next.56 → 37.1.0-next.57
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/get-icon-props-46a7e937.js +97 -0
- package/dist/cjs/get-icon-props-46a7e937.js.map +1 -0
- package/dist/cjs/limel-action-bar-item_2.cjs.entry.js +14 -2
- package/dist/cjs/limel-action-bar-item_2.cjs.entry.js.map +1 -1
- package/dist/cjs/limel-breadcrumbs.cjs.entry.js +6 -4
- package/dist/cjs/limel-breadcrumbs.cjs.entry.js.map +1 -1
- package/dist/cjs/limel-chip-set.cjs.entry.js +22 -5
- package/dist/cjs/limel-chip-set.cjs.entry.js.map +1 -1
- package/dist/cjs/limel-file.cjs.entry.js +19 -9
- package/dist/cjs/limel-file.cjs.entry.js.map +1 -1
- package/dist/cjs/limel-list.cjs.entry.js +14 -4
- package/dist/cjs/limel-list.cjs.entry.js.map +1 -1
- package/dist/cjs/limel-menu_2.cjs.entry.js +14 -4
- package/dist/cjs/limel-menu_2.cjs.entry.js.map +1 -1
- package/dist/cjs/limel-picker.cjs.entry.js +5 -2
- package/dist/cjs/limel-picker.cjs.entry.js.map +1 -1
- package/dist/cjs/limel-progress-flow-item.cjs.entry.js +3 -1
- package/dist/cjs/limel-progress-flow-item.cjs.entry.js.map +1 -1
- package/dist/cjs/limel-progress-flow.cjs.entry.js +15 -2
- package/dist/cjs/limel-progress-flow.cjs.entry.js.map +1 -1
- package/dist/cjs/limel-select.cjs.entry.js +21 -5
- package/dist/cjs/limel-select.cjs.entry.js.map +1 -1
- package/dist/cjs/limel-tab-bar.cjs.entry.js +13 -3
- package/dist/cjs/limel-tab-bar.cjs.entry.js.map +1 -1
- package/dist/collection/components/action-bar/action-bar-item/action-bar-item.js +14 -2
- package/dist/collection/components/action-bar/action-bar-item/action-bar-item.js.map +1 -1
- package/dist/collection/components/action-bar/action-bar.types.js.map +1 -1
- package/dist/collection/components/breadcrumbs/breadcrumbs.js +6 -4
- package/dist/collection/components/breadcrumbs/breadcrumbs.js.map +1 -1
- package/dist/collection/components/breadcrumbs/breadcrumbs.types.js.map +1 -1
- package/dist/collection/components/chip-set/chip-set.js +22 -5
- package/dist/collection/components/chip-set/chip-set.js.map +1 -1
- package/dist/collection/components/chip-set/chip.types.js.map +1 -1
- package/dist/collection/components/file/file-metadata.js +13 -8
- package/dist/collection/components/file/file-metadata.js.map +1 -1
- package/dist/collection/components/file/file.js +6 -1
- package/dist/collection/components/file/file.js.map +1 -1
- package/dist/collection/components/file/file.types.js.map +1 -1
- package/dist/collection/components/icon/get-icon-props.js +88 -0
- package/dist/collection/components/icon/get-icon-props.js.map +1 -0
- package/dist/collection/components/list/list-item.types.js.map +1 -1
- package/dist/collection/components/list/list-renderer.js +7 -4
- package/dist/collection/components/list/list-renderer.js.map +1 -1
- package/dist/collection/components/list/list.js +7 -0
- package/dist/collection/components/list/list.js.map +1 -1
- package/dist/collection/components/menu/menu.types.js.map +1 -1
- package/dist/collection/components/menu-list/menu-list-renderer.js +7 -4
- package/dist/collection/components/menu-list/menu-list-renderer.js.map +1 -1
- package/dist/collection/components/menu-list/menu-list.js +7 -0
- package/dist/collection/components/menu-list/menu-list.js.map +1 -1
- package/dist/collection/components/picker/picker.js +5 -2
- package/dist/collection/components/picker/picker.js.map +1 -1
- package/dist/collection/components/progress-flow/progress-flow-item/progress-flow-item.js +3 -1
- package/dist/collection/components/progress-flow/progress-flow-item/progress-flow-item.js.map +1 -1
- package/dist/collection/components/progress-flow/progress-flow.js +15 -2
- package/dist/collection/components/progress-flow/progress-flow.js.map +1 -1
- package/dist/collection/components/progress-flow/progress-flow.types.js.map +1 -1
- package/dist/collection/components/select/option.types.js.map +1 -1
- package/dist/collection/components/select/select.js +2 -1
- package/dist/collection/components/select/select.js.map +1 -1
- package/dist/collection/components/select/select.template.js +20 -5
- package/dist/collection/components/select/select.template.js.map +1 -1
- package/dist/collection/components/tab-bar/tab-bar.js +13 -3
- package/dist/collection/components/tab-bar/tab-bar.js.map +1 -1
- package/dist/collection/components/tab-bar/tab.types.js.map +1 -1
- package/dist/esm/get-icon-props-02ab4784.js +91 -0
- package/dist/esm/get-icon-props-02ab4784.js.map +1 -0
- package/dist/esm/limel-action-bar-item_2.entry.js +14 -2
- package/dist/esm/limel-action-bar-item_2.entry.js.map +1 -1
- package/dist/esm/limel-breadcrumbs.entry.js +6 -4
- package/dist/esm/limel-breadcrumbs.entry.js.map +1 -1
- package/dist/esm/limel-chip-set.entry.js +22 -5
- package/dist/esm/limel-chip-set.entry.js.map +1 -1
- package/dist/esm/limel-file.entry.js +19 -9
- package/dist/esm/limel-file.entry.js.map +1 -1
- package/dist/esm/limel-list.entry.js +14 -4
- package/dist/esm/limel-list.entry.js.map +1 -1
- package/dist/esm/limel-menu_2.entry.js +14 -4
- package/dist/esm/limel-menu_2.entry.js.map +1 -1
- package/dist/esm/limel-picker.entry.js +5 -2
- package/dist/esm/limel-picker.entry.js.map +1 -1
- package/dist/esm/limel-progress-flow-item.entry.js +3 -1
- package/dist/esm/limel-progress-flow-item.entry.js.map +1 -1
- package/dist/esm/limel-progress-flow.entry.js +15 -2
- package/dist/esm/limel-progress-flow.entry.js.map +1 -1
- package/dist/esm/limel-select.entry.js +21 -5
- package/dist/esm/limel-select.entry.js.map +1 -1
- package/dist/esm/limel-tab-bar.entry.js +13 -3
- package/dist/esm/limel-tab-bar.entry.js.map +1 -1
- package/dist/lime-elements/lime-elements.esm.js +1 -1
- package/dist/lime-elements/p-0191d535.entry.js +2 -0
- package/dist/lime-elements/p-0191d535.entry.js.map +1 -0
- package/dist/lime-elements/p-5dd76e36.entry.js +82 -0
- package/dist/lime-elements/p-5dd76e36.entry.js.map +1 -0
- package/dist/lime-elements/p-93384ba2.entry.js +82 -0
- package/dist/lime-elements/p-93384ba2.entry.js.map +1 -0
- package/dist/lime-elements/p-a1c14a7c.entry.js +2 -0
- package/dist/lime-elements/p-a1c14a7c.entry.js.map +1 -0
- package/dist/lime-elements/p-bbf317b8.entry.js +16 -0
- package/dist/lime-elements/p-bbf317b8.entry.js.map +1 -0
- package/dist/lime-elements/p-cf736097.entry.js +236 -0
- package/dist/lime-elements/p-cf736097.entry.js.map +1 -0
- package/dist/lime-elements/p-dff00513.entry.js +2 -0
- package/dist/lime-elements/p-dff00513.entry.js.map +1 -0
- package/dist/lime-elements/p-e321e7e0.entry.js +2 -0
- package/dist/lime-elements/p-e321e7e0.entry.js.map +1 -0
- package/dist/lime-elements/p-edc9a703.entry.js +2 -0
- package/dist/lime-elements/p-edc9a703.entry.js.map +1 -0
- package/dist/lime-elements/p-efc550f6.js +2 -0
- package/dist/lime-elements/p-efc550f6.js.map +1 -0
- package/dist/lime-elements/p-f2691d44.entry.js +2 -0
- package/dist/lime-elements/p-f2691d44.entry.js.map +1 -0
- package/dist/lime-elements/{p-bc23beb6.entry.js → p-f76277b6.entry.js} +25 -25
- package/dist/lime-elements/p-f76277b6.entry.js.map +1 -0
- package/dist/types/components/action-bar/action-bar-item/action-bar-item.d.ts +2 -0
- package/dist/types/components/action-bar/action-bar.types.d.ts +2 -2
- package/dist/types/components/breadcrumbs/breadcrumbs.types.d.ts +1 -1
- package/dist/types/components/chip-set/chip-set.d.ts +1 -0
- package/dist/types/components/chip-set/chip.types.d.ts +29 -1
- package/dist/types/components/file/file.types.d.ts +18 -1
- package/dist/types/components/icon/get-icon-props.d.ts +48 -0
- package/dist/types/components/list/list-item.types.d.ts +11 -2
- package/dist/types/components/list/list.d.ts +1 -0
- package/dist/types/components/menu/menu.types.d.ts +11 -1
- package/dist/types/components/menu-list/menu-list.d.ts +1 -0
- package/dist/types/components/progress-flow/progress-flow.types.d.ts +9 -0
- package/dist/types/components/select/option.types.d.ts +11 -1
- package/dist/types/components/select/select.template.d.ts +1 -0
- package/dist/types/components/tab-bar/tab-bar.d.ts +1 -0
- package/dist/types/components/tab-bar/tab.types.d.ts +11 -1
- package/package.json +1 -1
- package/dist/lime-elements/p-17b91e03.entry.js +0 -236
- package/dist/lime-elements/p-17b91e03.entry.js.map +0 -1
- package/dist/lime-elements/p-1bdc524d.entry.js +0 -2
- package/dist/lime-elements/p-1bdc524d.entry.js.map +0 -1
- package/dist/lime-elements/p-4449f7af.entry.js +0 -82
- package/dist/lime-elements/p-4449f7af.entry.js.map +0 -1
- package/dist/lime-elements/p-4fc7e0df.entry.js +0 -2
- package/dist/lime-elements/p-4fc7e0df.entry.js.map +0 -1
- package/dist/lime-elements/p-685e5867.entry.js +0 -2
- package/dist/lime-elements/p-685e5867.entry.js.map +0 -1
- package/dist/lime-elements/p-6e66b78a.entry.js +0 -2
- package/dist/lime-elements/p-6e66b78a.entry.js.map +0 -1
- package/dist/lime-elements/p-71802c27.entry.js +0 -2
- package/dist/lime-elements/p-71802c27.entry.js.map +0 -1
- package/dist/lime-elements/p-7d76f0d4.entry.js +0 -2
- package/dist/lime-elements/p-7d76f0d4.entry.js.map +0 -1
- package/dist/lime-elements/p-98be972f.entry.js +0 -16
- package/dist/lime-elements/p-98be972f.entry.js.map +0 -1
- package/dist/lime-elements/p-b9698f79.entry.js +0 -82
- package/dist/lime-elements/p-b9698f79.entry.js.map +0 -1
- package/dist/lime-elements/p-bc23beb6.entry.js.map +0 -1
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{r as e,c as t,h as r,g as s}from"./p-3075aa67.js";import{g as o}from"./p-efc550f6.js";const i=".flow-item{--step-background:var(\n --progress-flow-step-background-color,\n rgb(var(--contrast-600))\n );--step-background--selected:var(\n --progress-flow-step-background-color--selected,\n var(--mdc-theme-primary)\n );--step-background--passed:var(\n --progress-flow-step-background-color--passed,\n var(--step-background--selected)\n );--step-text:var(\n --progress-flow-step-text-color,\n rgb(var(--contrast-1200))\n );--step-text--selected:var(\n --progress-flow-step-text-color--selected,\n var(--mdc-theme-on-primary)\n );--step-text--passed:var(\n --progress-flow-step-text-color--passed,\n var(--step-text--selected)\n );--step-divider-color:var(\n --progress-flow-step-divider-color,\n rgb(var(--contrast-100))\n );position:relative;width:100%;display:flex;flex-direction:column;align-items:stretch}.flow-item:not(.off-progress-item,.last) .divider:after{content:\"\"}.flow-item.off-progress-item{padding-left:0.5rem}.flow-item.first-off-progress-item{padding-left:1rem}.step{transition:background-color 0.2s ease, box-shadow 0.2s ease;display:flex;justify-content:center;align-items:center;position:relative;width:100%;height:var(--step-height);border:none;font-size:0.875rem}.step.disabled{cursor:not-allowed}.step.disabled.readonly{opacity:1;cursor:default}.step:focus{outline:none}.step:focus-visible{box-shadow:var(--shadow-depth-8-focused)}.flow-item:not(.off-progress-item,.first) .step{padding-left:calc(var(--step-height) / 2)}.flow-item:not(.selected) .step:not(.disabled){cursor:pointer}.flow-item:not(.selected) .step:not(.disabled):hover{box-shadow:var(--button-shadow-normal)}.flow-item:not(.selected) .step:not(.disabled):active{box-shadow:var(--button-shadow-pressed)}.off-progress-item .step{border-radius:0.25rem;padding:0 0.75rem}.off-progress-item .step .icon{margin-left:0}.flow-item.first .step{border-top-left-radius:var(--step-height);border-bottom-left-radius:var(--step-height);padding-left:1.25rem}.flow-item.last .step{border-top-right-radius:var(--step-height);border-bottom-right-radius:var(--step-height);padding-right:1.25rem}.divider{display:flex;align-items:center;justify-content:center;width:var(--step-height);height:var(--step-height);position:absolute;z-index:1;right:calc(var(--step-height) / 2 * -1);overflow:hidden}.divider:after{position:absolute;display:block;box-sizing:border-box;transition:background-color 0.2s ease;width:100%;height:100%;right:calc(var(--step-height) / 5);transform:rotate(45deg);border-style:solid;border-width:0.125rem 0.125rem 0 0;border-radius:0 0.5rem 0 0;border-color:var(--step-divider-color)}.flow-item.last .divider{width:0}.text,.secondary-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:var(--max-text-width);z-index:2}.secondary-text{font-size:0.75rem;margin:auto;padding-left:calc(var(--step-height) / 2)}.icon{margin:0 0.5rem 0 0.25rem;z-index:2}.step:before,.step:after{pointer-events:none;box-sizing:border-box;z-index:2;position:absolute;right:var(--selected-indicator-right);border-radius:50%}.last .step:before,.last .step:after{right:0.5rem}.flow-item:not(.off-progress-item) .step.selected:before,.flow-item:not(.off-progress-item) .step.selected:after{content:\"\";width:0.375rem;height:0.375rem}.flow-item:not(.off-progress-item) .step.selected:before{background-color:var(--step-divider-color);opacity:0.7}.flow-item:not(.off-progress-item) .step.disabled:before,.flow-item:not(.off-progress-item) .step.disabled:after{width:0.75rem;height:0.75rem}.flow-item:not(.off-progress-item) .step.disabled:after{content:\"\";background-image:url(\"data:image/svg+xml;charset=utf-8, <svg viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg' xml:space='preserve' fill-rule='evenodd' clip-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2'><path fill='rgb(127,127,127)' d='M32.18 13.711c0-2.207-1.793-4-4.002-4H11.821c-2.208 0-4 1.793-4 4V28.29a4 4 0 0 0 4 4h16.357a4.002 4.002 0 0 0 4.001-4V13.711Z'/><path fill='rgb(127,127,127)' d='M11.211 9.758V7.673A7.489 7.489 0 0 1 18.696.188h2.608a7.489 7.489 0 0 1 7.485 7.485v2.085h-3V7.673a4.488 4.488 0 0 0-4.485-4.485h-2.608a4.488 4.488 0 0 0-4.485 4.485v2.085h-3Z'/></svg>\");background-size:90%;background-repeat:no-repeat;background-position:center;mix-blend-mode:multiply}.step{color:var(--step-text);background-color:var(--step-background)}.step .icon{color:var(--progress-flow-icon-color--inactive, var(--step-text))}.flow-item.selected .step{color:var(--step-text--selected);background-color:var(--step-background--selected)}.flow-item.selected .step .divider:after{background-color:var(--step-background--selected)}.flow-item.selected .step .icon{color:var(--step-text--selected)}.flow-item.passed .step{color:var(--step-text--passed);background-color:var(--step-background--passed)}.flow-item.passed .step .divider:after{background-color:var(--step-background--passed)}.flow-item.passed .step .icon{color:var(--step-text--passed)}.divider:after{border-color:var(--step-divider-color);background-color:var(--step-background)}";const a=class{constructor(r){e(this,r);this.interact=t(this,"interact",7);this.handleClick=()=>{this.interact.emit()};this.item=null;this.disabled=false;this.readonly=false}render(){var e;if(!this.item){return}return[r("button",{tabindex:"0",title:this.getToolTipText(),type:"button",class:{step:true,selected:(e=this.item)===null||e===void 0?void 0:e.selected,disabled:this.isDisabled(),readonly:this.readonly},onClick:this.handleClick,disabled:this.isDisabled()},this.renderIcon(),r("span",{class:"text"},this.item.text),this.renderDivider()),this.renderSecondaryText()]}isDisabled(){var e;return((e=this.item)===null||e===void 0?void 0:e.disabled)||this.readonly||this.disabled}getToolTipText(){if(!this.item.secondaryText){return this.item.text}return[this.item.text,this.item.secondaryText].join(" · ")}renderSecondaryText(){var e;if(!((e=this.item)===null||e===void 0?void 0:e.secondaryText)){return}return r("div",{class:"secondary-text"},this.item.secondaryText)}renderIcon(){if(!this.item.icon){return}const e=o(this.item.icon);return r("limel-icon",{name:e,size:"small",class:"icon"})}renderDivider(){if(this.item.isOffProgress){return}return r("div",{class:"divider"})}get element(){return s(this)}};a.style=i;export{a as limel_progress_flow_item};
|
|
2
|
+
//# sourceMappingURL=p-f2691d44.entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["progressFlowItemCss","ProgressFlowItem","this","handleClick","interact","emit","render","item","h","tabindex","title","getToolTipText","type","class","step","selected","_a","disabled","isDisabled","readonly","onClick","renderIcon","text","renderDivider","renderSecondaryText","secondaryText","join","icon","name","getIconName","size","isOffProgress"],"sources":["./src/components/progress-flow/progress-flow-item/progress-flow-item.scss?tag=limel-progress-flow-item","./src/components/progress-flow/progress-flow-item/progress-flow-item.tsx"],"sourcesContent":["@use '../../../style/mixins';\n@use '../../../style/functions';\n@use '../../../style/internal/variables';\n\n$limel-progress-flow-step-content: 2;\n$limel-progress-flow-divider: 1;\n\n.flow-item {\n --step-background: var(\n --progress-flow-step-background-color,\n rgb(var(--contrast-600))\n );\n --step-background--selected: var(\n --progress-flow-step-background-color--selected,\n var(--mdc-theme-primary)\n );\n --step-background--passed: var(\n --progress-flow-step-background-color--passed,\n var(--step-background--selected)\n );\n\n --step-text: var(\n --progress-flow-step-text-color,\n rgb(var(--contrast-1200))\n );\n --step-text--selected: var(\n --progress-flow-step-text-color--selected,\n var(--mdc-theme-on-primary)\n );\n --step-text--passed: var(\n --progress-flow-step-text-color--passed,\n var(--step-text--selected)\n );\n\n --step-divider-color: var(\n --progress-flow-step-divider-color,\n rgb(var(--contrast-100))\n );\n\n position: relative;\n width: 100%;\n\n display: flex;\n flex-direction: column;\n align-items: stretch;\n\n &:not(.off-progress-item, .last) {\n .divider {\n &:after {\n content: '';\n }\n }\n }\n\n &.off-progress-item {\n padding-left: functions.pxToRem(8);\n }\n\n &.first-off-progress-item {\n padding-left: functions.pxToRem(16);\n }\n}\n\n.step {\n transition: background-color 0.2s ease, box-shadow 0.2s ease;\n\n display: flex;\n justify-content: center;\n align-items: center;\n position: relative;\n width: 100%;\n height: var(--step-height);\n border: none;\n font-size: functions.pxToRem(14);\n\n &.disabled {\n cursor: not-allowed;\n\n &.readonly {\n opacity: 1;\n cursor: default;\n }\n }\n\n &:focus {\n outline: none;\n }\n\n &:focus-visible {\n box-shadow: var(--shadow-depth-8-focused);\n }\n\n .flow-item:not(.off-progress-item, .first) & {\n padding-left: calc(var(--step-height) / 2);\n }\n\n .flow-item:not(.selected) & {\n &:not(.disabled) {\n cursor: pointer;\n &:hover {\n box-shadow: var(--button-shadow-normal);\n }\n &:active {\n box-shadow: var(--button-shadow-pressed);\n }\n }\n }\n\n .off-progress-item & {\n border-radius: functions.pxToRem(4);\n padding: 0 functions.pxToRem(12);\n\n .icon {\n margin-left: 0;\n }\n }\n .flow-item.first & {\n border-top-left-radius: var(--step-height);\n border-bottom-left-radius: var(--step-height);\n padding-left: functions.pxToRem(20);\n }\n .flow-item.last & {\n border-top-right-radius: var(--step-height);\n border-bottom-right-radius: var(--step-height);\n padding-right: functions.pxToRem(20);\n }\n}\n\n.divider {\n display: flex;\n align-items: center;\n justify-content: center;\n width: var(--step-height);\n height: var(--step-height);\n\n position: absolute;\n z-index: $limel-progress-flow-divider;\n right: calc(var(--step-height) / 2 * -1);\n overflow: hidden;\n\n &:after {\n position: absolute;\n display: block;\n\n box-sizing: border-box;\n transition: background-color 0.2s ease;\n\n width: 100%;\n height: 100%;\n right: calc(var(--step-height) / 5);\n transform: rotate(45deg);\n border: {\n style: solid;\n width: functions.pxToRem(2) functions.pxToRem(2) 0 0;\n radius: 0 functions.pxToRem(8) 0 0;\n color: var(--step-divider-color);\n }\n }\n .flow-item.last & {\n width: 0;\n }\n}\n\n.text,\n.secondary-text {\n @include mixins.truncate-text();\n max-width: var(--max-text-width);\n z-index: $limel-progress-flow-step-content;\n}\n\n.secondary-text {\n font-size: functions.pxToRem(12);\n margin: auto;\n padding-left: calc(var(--step-height) / 2);\n}\n\n.icon {\n margin: 0 functions.pxToRem(8) 0 functions.pxToRem(4);\n z-index: $limel-progress-flow-step-content;\n}\n\n@import './partial-styles/_selected-indicator';\n@import './partial-styles/_colors';\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Prop,\n} from '@stencil/core';\nimport { FlowItem } from '../../../interface';\nimport { getIconName } from 'src/components/icon/get-icon-props';\n\n/**\n * @private\n */\n@Component({\n tag: 'limel-progress-flow-item',\n shadow: false,\n styleUrl: 'progress-flow-item.scss',\n})\nexport class ProgressFlowItem {\n @Element()\n public element: HTMLLimelProgressFlowItemElement;\n\n /**\n * The flow item that should be rendered\n */\n @Prop()\n public item: FlowItem = null;\n\n /**\n * True if the flow item should be disabled\n */\n @Prop()\n public disabled = false;\n\n /**\n * True if the flow item should be readonly\n */\n @Prop()\n public readonly = false;\n\n /**\n * Fired when clicking on the flow item\n */\n @Event()\n public interact: EventEmitter<void>;\n\n public render() {\n if (!this.item) {\n return;\n }\n\n return [\n <button\n tabindex=\"0\"\n title={this.getToolTipText()}\n type=\"button\"\n class={{\n step: true,\n selected: this.item?.selected,\n disabled: this.isDisabled(),\n readonly: this.readonly,\n }}\n onClick={this.handleClick}\n disabled={this.isDisabled()}\n >\n {this.renderIcon()}\n <span class=\"text\">{this.item.text}</span>\n {this.renderDivider()}\n </button>,\n this.renderSecondaryText(),\n ];\n }\n\n private isDisabled() {\n return this.item?.disabled || this.readonly || this.disabled;\n }\n\n private getToolTipText() {\n if (!this.item.secondaryText) {\n return this.item.text;\n }\n\n return [this.item.text, this.item.secondaryText].join(' · ');\n }\n\n private handleClick = () => {\n this.interact.emit();\n };\n\n private renderSecondaryText() {\n if (!this.item?.secondaryText) {\n return;\n }\n\n return <div class=\"secondary-text\">{this.item.secondaryText}</div>;\n }\n\n private renderIcon() {\n if (!this.item.icon) {\n return;\n }\n\n const name = getIconName(this.item.icon);\n\n return <limel-icon name={name} size=\"small\" class=\"icon\" />;\n }\n\n private renderDivider() {\n if (this.item.isOffProgress) {\n return;\n }\n\n return <div class=\"divider\" />;\n }\n}\n"],"mappings":"6FAAA,MAAMA,EAAsB,+9J,MCmBfC,EAAgB,M,4DAmEjBC,KAAAC,YAAc,KAClBD,KAAKE,SAASC,MAAM,E,UA5DA,K,cAMN,M,cAMA,K,CAQXC,S,MACH,IAAKJ,KAAKK,KAAM,CACZ,M,CAGJ,MAAO,CACHC,EAAA,UACIC,SAAS,IACTC,MAAOR,KAAKS,iBACZC,KAAK,SACLC,MAAO,CACHC,KAAM,KACNC,UAAUC,EAAAd,KAAKK,QAAI,MAAAS,SAAA,SAAAA,EAAED,SACrBE,SAAUf,KAAKgB,aACfC,SAAUjB,KAAKiB,UAEnBC,QAASlB,KAAKC,YACdc,SAAUf,KAAKgB,cAEdhB,KAAKmB,aACNb,EAAA,QAAMK,MAAM,QAAQX,KAAKK,KAAKe,MAC7BpB,KAAKqB,iBAEVrB,KAAKsB,sB,CAILN,a,MACJ,QAAOF,EAAAd,KAAKK,QAAI,MAAAS,SAAA,SAAAA,EAAEC,WAAYf,KAAKiB,UAAYjB,KAAKe,Q,CAGhDN,iBACJ,IAAKT,KAAKK,KAAKkB,cAAe,CAC1B,OAAOvB,KAAKK,KAAKe,I,CAGrB,MAAO,CAACpB,KAAKK,KAAKe,KAAMpB,KAAKK,KAAKkB,eAAeC,KAAK,M,CAOlDF,sB,MACJ,MAAKR,EAAAd,KAAKK,QAAI,MAAAS,SAAA,SAAAA,EAAES,eAAe,CAC3B,M,CAGJ,OAAOjB,EAAA,OAAKK,MAAM,kBAAkBX,KAAKK,KAAKkB,c,CAG1CJ,aACJ,IAAKnB,KAAKK,KAAKoB,KAAM,CACjB,M,CAGJ,MAAMC,EAAOC,EAAY3B,KAAKK,KAAKoB,MAEnC,OAAOnB,EAAA,cAAYoB,KAAMA,EAAME,KAAK,QAAQjB,MAAM,Q,CAG9CU,gBACJ,GAAIrB,KAAKK,KAAKwB,cAAe,CACzB,M,CAGJ,OAAOvB,EAAA,OAAKK,MAAM,W"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{r as t,c as r,h as n,g as e}from"./p-3075aa67.js";import{
|
|
1
|
+
import{r as t,c as r,h as n,g as e}from"./p-3075aa67.js";import{g as i,a as o}from"./p-efc550f6.js";import{u as a,f as c,h as s,i as l}from"./p-ade76f1d.js";import{M as u,a as f}from"./p-48d4ef20.js";import{a as d,b as h,M as m}from"./p-cbc43682.js";import{m as b}from"./p-dcc97cc2.js";import{a as p,b as v,c as g,i as _,d as y}from"./p-fa607ed3.js";import{a as w}from"./p-669626e5.js";import"./p-eda23c05.js";import"./p-c93050d6.js";import"./p-4c3358cb.js";import"./p-0b1af919.js";import"./p-858c6b82.js";import"./p-9acf7b5d.js";import"./p-5fdb83c9.js";var x=200;function C(t,r,n,e){var i=-1,o=p,l=true,u=t.length,f=[],d=r.length;if(!u){return f}if(n){r=w(r,a(n))}if(e){o=v;l=false}else if(r.length>=x){o=s;l=false;r=new c(r)}t:while(++i<u){var h=t[i],m=n==null?h:n(h);h=e||h!==0?h:0;if(l&&m===m){var b=d;while(b--){if(r[b]===m){continue t}}f.push(h)}else if(!o(r,m,e)){f.push(h)}}return f}var O=g((function(t,r){return _(t)?C(t,y(r,1,_,true)):[]}));
|
|
2
2
|
/*! *****************************************************************************
|
|
3
3
|
Copyright (c) Microsoft Corporation.
|
|
4
4
|
|
|
@@ -12,7 +12,7 @@ INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
|
|
12
12
|
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
13
13
|
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
14
14
|
PERFORMANCE OF THIS SOFTWARE.
|
|
15
|
-
***************************************************************************** */var
|
|
15
|
+
***************************************************************************** */var T=function(t,r){T=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,r){t.__proto__=r}||function(t,r){for(var n in r)if(Object.prototype.hasOwnProperty.call(r,n))t[n]=r[n]};return T(t,r)};function S(t,r){if(typeof r!=="function"&&r!==null)throw new TypeError("Class extends value "+String(r)+" is not a constructor or null");T(t,r);function n(){this.constructor=t}t.prototype=r===null?Object.create(r):(n.prototype=r.prototype,new n)}var E=function(){E=Object.assign||function t(r){for(var n,e=1,i=arguments.length;e<i;e++){n=arguments[e];for(var o in n)if(Object.prototype.hasOwnProperty.call(n,o))r[o]=n[o]}return r};return E.apply(this,arguments)};function A(t){var r=typeof Symbol==="function"&&Symbol.iterator,n=r&&t[r],e=0;if(n)return n.call(t);if(t&&typeof t.length==="number")return{next:function(){if(t&&e>=t.length)t=void 0;return{value:t&&t[e++],done:!t}}};throw new TypeError(r?"Object is not iterable.":"Symbol.iterator is not defined.")}
|
|
16
16
|
/*! *****************************************************************************
|
|
17
17
|
Copyright (c) Microsoft Corporation.
|
|
18
18
|
|
|
@@ -26,7 +26,7 @@ INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
|
|
26
26
|
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
27
27
|
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
28
28
|
PERFORMANCE OF THIS SOFTWARE.
|
|
29
|
-
***************************************************************************** */var
|
|
29
|
+
***************************************************************************** */var k=function(t,r){k=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,r){t.__proto__=r}||function(t,r){for(var n in r)if(Object.prototype.hasOwnProperty.call(r,n))t[n]=r[n]};return k(t,r)};function j(t,r){if(typeof r!=="function"&&r!==null)throw new TypeError("Class extends value "+String(r)+" is not a constructor or null");k(t,r);function n(){this.constructor=t}t.prototype=r===null?Object.create(r):(n.prototype=r.prototype,new n)}var R=function(){R=Object.assign||function t(r){for(var n,e=1,i=arguments.length;e<i;e++){n=arguments[e];for(var o in n)if(Object.prototype.hasOwnProperty.call(n,o))r[o]=n[o]}return r};return R.apply(this,arguments)};function I(t,r){var n=typeof Symbol==="function"&&t[Symbol.iterator];if(!n)return t;var e=n.call(t),i,o=[],a;try{while((r===void 0||r-- >0)&&!(i=e.next()).done)o.push(i.value)}catch(t){a={error:t}}finally{try{if(i&&!i.done&&(n=e["return"]))n.call(e)}finally{if(a)throw a.error}}return o}
|
|
30
30
|
/**
|
|
31
31
|
* @license
|
|
32
32
|
* Copyright 2018 Google Inc.
|
|
@@ -48,7 +48,7 @@ PERFORMANCE OF THIS SOFTWARE.
|
|
|
48
48
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
49
49
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
50
50
|
* THE SOFTWARE.
|
|
51
|
-
*/var
|
|
51
|
+
*/var L={ANIMATING:"mdc-tab-scroller--animating",SCROLL_AREA_SCROLL:"mdc-tab-scroller__scroll-area--scroll",SCROLL_TEST:"mdc-tab-scroller__test"};var z={AREA_SELECTOR:".mdc-tab-scroller__scroll-area",CONTENT_SELECTOR:".mdc-tab-scroller__scroll-content"};
|
|
52
52
|
/**
|
|
53
53
|
* @license
|
|
54
54
|
* Copyright 2018 Google Inc.
|
|
@@ -70,7 +70,7 @@ PERFORMANCE OF THIS SOFTWARE.
|
|
|
70
70
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
71
71
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
72
72
|
* THE SOFTWARE.
|
|
73
|
-
*/var
|
|
73
|
+
*/var D=function(){function t(t){this.adapter=t}return t}();
|
|
74
74
|
/**
|
|
75
75
|
* @license
|
|
76
76
|
* Copyright 2018 Google Inc.
|
|
@@ -92,7 +92,7 @@ PERFORMANCE OF THIS SOFTWARE.
|
|
|
92
92
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
93
93
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
94
94
|
* THE SOFTWARE.
|
|
95
|
-
*/var
|
|
95
|
+
*/var M=function(t){j(r,t);function r(){return t!==null&&t.apply(this,arguments)||this}r.prototype.getScrollPositionRTL=function(){var t=this.adapter.getScrollAreaScrollLeft();var r=this.calculateScrollEdges().right;return Math.round(r-t)};r.prototype.scrollToRTL=function(t){var r=this.calculateScrollEdges();var n=this.adapter.getScrollAreaScrollLeft();var e=this.clampScrollValue(r.right-t);return{finalScrollPosition:e,scrollDelta:e-n}};r.prototype.incrementScrollRTL=function(t){var r=this.adapter.getScrollAreaScrollLeft();var n=this.clampScrollValue(r-t);return{finalScrollPosition:n,scrollDelta:n-r}};r.prototype.getAnimatingScrollPosition=function(t){return t};r.prototype.calculateScrollEdges=function(){var t=this.adapter.getScrollContentOffsetWidth();var r=this.adapter.getScrollAreaOffsetWidth();return{left:0,right:t-r}};r.prototype.clampScrollValue=function(t){var r=this.calculateScrollEdges();return Math.min(Math.max(r.left,t),r.right)};return r}(D);
|
|
96
96
|
/**
|
|
97
97
|
* @license
|
|
98
98
|
* Copyright 2018 Google Inc.
|
|
@@ -114,7 +114,7 @@ PERFORMANCE OF THIS SOFTWARE.
|
|
|
114
114
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
115
115
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
116
116
|
* THE SOFTWARE.
|
|
117
|
-
*/var
|
|
117
|
+
*/var N=function(t){j(r,t);function r(){return t!==null&&t.apply(this,arguments)||this}r.prototype.getScrollPositionRTL=function(t){var r=this.adapter.getScrollAreaScrollLeft();return Math.round(t-r)};r.prototype.scrollToRTL=function(t){var r=this.adapter.getScrollAreaScrollLeft();var n=this.clampScrollValue(-t);return{finalScrollPosition:n,scrollDelta:n-r}};r.prototype.incrementScrollRTL=function(t){var r=this.adapter.getScrollAreaScrollLeft();var n=this.clampScrollValue(r-t);return{finalScrollPosition:n,scrollDelta:n-r}};r.prototype.getAnimatingScrollPosition=function(t,r){return t-r};r.prototype.calculateScrollEdges=function(){var t=this.adapter.getScrollContentOffsetWidth();var r=this.adapter.getScrollAreaOffsetWidth();return{left:r-t,right:0}};r.prototype.clampScrollValue=function(t){var r=this.calculateScrollEdges();return Math.max(Math.min(r.right,t),r.left)};return r}(D);
|
|
118
118
|
/**
|
|
119
119
|
* @license
|
|
120
120
|
* Copyright 2018 Google Inc.
|
|
@@ -136,7 +136,7 @@ PERFORMANCE OF THIS SOFTWARE.
|
|
|
136
136
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
137
137
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
138
138
|
* THE SOFTWARE.
|
|
139
|
-
*/var
|
|
139
|
+
*/var P=function(t){j(r,t);function r(){return t!==null&&t.apply(this,arguments)||this}r.prototype.getScrollPositionRTL=function(t){var r=this.adapter.getScrollAreaScrollLeft();return Math.round(r-t)};r.prototype.scrollToRTL=function(t){var r=this.adapter.getScrollAreaScrollLeft();var n=this.clampScrollValue(t);return{finalScrollPosition:n,scrollDelta:r-n}};r.prototype.incrementScrollRTL=function(t){var r=this.adapter.getScrollAreaScrollLeft();var n=this.clampScrollValue(r+t);return{finalScrollPosition:n,scrollDelta:r-n}};r.prototype.getAnimatingScrollPosition=function(t,r){return t+r};r.prototype.calculateScrollEdges=function(){var t=this.adapter.getScrollContentOffsetWidth();var r=this.adapter.getScrollAreaOffsetWidth();return{left:t-r,right:0}};r.prototype.clampScrollValue=function(t){var r=this.calculateScrollEdges();return Math.min(Math.max(r.right,t),r.left)};return r}(D);
|
|
140
140
|
/**
|
|
141
141
|
* @license
|
|
142
142
|
* Copyright 2018 Google Inc.
|
|
@@ -158,7 +158,7 @@ PERFORMANCE OF THIS SOFTWARE.
|
|
|
158
158
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
159
159
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
160
160
|
* THE SOFTWARE.
|
|
161
|
-
*/var
|
|
161
|
+
*/var W=function(t){j(r,t);function r(n){var e=t.call(this,R(R({},r.defaultAdapter),n))||this;e.isAnimating=false;return e}Object.defineProperty(r,"cssClasses",{get:function(){return L},enumerable:false,configurable:true});Object.defineProperty(r,"strings",{get:function(){return z},enumerable:false,configurable:true});Object.defineProperty(r,"defaultAdapter",{get:function(){return{eventTargetMatchesSelector:function(){return false},addClass:function(){return undefined},removeClass:function(){return undefined},addScrollAreaClass:function(){return undefined},setScrollAreaStyleProperty:function(){return undefined},setScrollContentStyleProperty:function(){return undefined},getScrollContentStyleValue:function(){return""},setScrollAreaScrollLeft:function(){return undefined},getScrollAreaScrollLeft:function(){return 0},getScrollContentOffsetWidth:function(){return 0},getScrollAreaOffsetWidth:function(){return 0},computeScrollAreaClientRect:function(){return{top:0,right:0,bottom:0,left:0,width:0,height:0}},computeScrollContentClientRect:function(){return{top:0,right:0,bottom:0,left:0,width:0,height:0}},computeHorizontalScrollbarHeight:function(){return 0}}},enumerable:false,configurable:true});r.prototype.init=function(){var t=this.adapter.computeHorizontalScrollbarHeight();this.adapter.setScrollAreaStyleProperty("margin-bottom",-t+"px");this.adapter.addScrollAreaClass(r.cssClasses.SCROLL_AREA_SCROLL)};r.prototype.getScrollPosition=function(){if(this.isRTL()){return this.computeCurrentScrollPositionRTL()}var t=this.calculateCurrentTranslateX();var r=this.adapter.getScrollAreaScrollLeft();return r-t};r.prototype.handleInteraction=function(){if(!this.isAnimating){return}this.stopScrollAnimation()};r.prototype.handleTransitionEnd=function(t){var n=t.target;if(!this.isAnimating||!this.adapter.eventTargetMatchesSelector(n,r.strings.CONTENT_SELECTOR)){return}this.isAnimating=false;this.adapter.removeClass(r.cssClasses.ANIMATING)};r.prototype.incrementScroll=function(t){if(t===0){return}this.animate(this.getIncrementScrollOperation(t))};r.prototype.incrementScrollImmediate=function(t){if(t===0){return}var r=this.getIncrementScrollOperation(t);if(r.scrollDelta===0){return}this.stopScrollAnimation();this.adapter.setScrollAreaScrollLeft(r.finalScrollPosition)};r.prototype.scrollTo=function(t){if(this.isRTL()){this.scrollToImplRTL(t);return}this.scrollToImpl(t)};r.prototype.getRTLScroller=function(){if(!this.rtlScrollerInstance){this.rtlScrollerInstance=this.rtlScrollerFactory()}return this.rtlScrollerInstance};r.prototype.calculateCurrentTranslateX=function(){var t=this.adapter.getScrollContentStyleValue("transform");if(t==="none"){return 0}var r=/\((.+?)\)/.exec(t);if(!r){return 0}var n=r[1];var e=I(n.split(","),6),i=e[4];return parseFloat(i)};r.prototype.clampScrollValue=function(t){var r=this.calculateScrollEdges();return Math.min(Math.max(r.left,t),r.right)};r.prototype.computeCurrentScrollPositionRTL=function(){var t=this.calculateCurrentTranslateX();return this.getRTLScroller().getScrollPositionRTL(t)};r.prototype.calculateScrollEdges=function(){var t=this.adapter.getScrollContentOffsetWidth();var r=this.adapter.getScrollAreaOffsetWidth();return{left:0,right:t-r}};r.prototype.scrollToImpl=function(t){var r=this.getScrollPosition();var n=this.clampScrollValue(t);var e=n-r;this.animate({finalScrollPosition:n,scrollDelta:e})};r.prototype.scrollToImplRTL=function(t){var r=this.getRTLScroller().scrollToRTL(t);this.animate(r)};r.prototype.getIncrementScrollOperation=function(t){if(this.isRTL()){return this.getRTLScroller().incrementScrollRTL(t)}var r=this.getScrollPosition();var n=t+r;var e=this.clampScrollValue(n);var i=e-r;return{finalScrollPosition:e,scrollDelta:i}};r.prototype.animate=function(t){var n=this;if(t.scrollDelta===0){return}this.stopScrollAnimation();this.adapter.setScrollAreaScrollLeft(t.finalScrollPosition);this.adapter.setScrollContentStyleProperty("transform","translateX("+t.scrollDelta+"px)");this.adapter.computeScrollAreaClientRect();requestAnimationFrame((function(){n.adapter.addClass(r.cssClasses.ANIMATING);n.adapter.setScrollContentStyleProperty("transform","none")}));this.isAnimating=true};r.prototype.stopScrollAnimation=function(){this.isAnimating=false;var t=this.getAnimatingScrollPosition();this.adapter.removeClass(r.cssClasses.ANIMATING);this.adapter.setScrollContentStyleProperty("transform","translateX(0px)");this.adapter.setScrollAreaScrollLeft(t)};r.prototype.getAnimatingScrollPosition=function(){var t=this.calculateCurrentTranslateX();var r=this.adapter.getScrollAreaScrollLeft();if(this.isRTL()){return this.getRTLScroller().getAnimatingScrollPosition(r,t)}return r-t};r.prototype.rtlScrollerFactory=function(){var t=this.adapter.getScrollAreaScrollLeft();this.adapter.setScrollAreaScrollLeft(t-1);var r=this.adapter.getScrollAreaScrollLeft();if(r<0){this.adapter.setScrollAreaScrollLeft(t);return new N(this.adapter)}var n=this.adapter.computeScrollAreaClientRect();var e=this.adapter.computeScrollContentClientRect();var i=Math.round(e.right-n.right);this.adapter.setScrollAreaScrollLeft(t);if(i===r){return new P(this.adapter)}return new M(this.adapter)};r.prototype.isRTL=function(){return this.adapter.getScrollContentStyleValue("direction")==="rtl"};return r}(u);
|
|
162
162
|
/**
|
|
163
163
|
* @license
|
|
164
164
|
* Copyright 2018 Google Inc.
|
|
@@ -180,7 +180,7 @@ PERFORMANCE OF THIS SOFTWARE.
|
|
|
180
180
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
181
181
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
182
182
|
* THE SOFTWARE.
|
|
183
|
-
*/var
|
|
183
|
+
*/var Y;function B(t,r){if(r===void 0){r=true}if(r&&typeof Y!=="undefined"){return Y}var n=t.createElement("div");n.classList.add(L.SCROLL_TEST);t.body.appendChild(n);var e=n.offsetHeight-n.clientHeight;t.body.removeChild(n);if(r){Y=e}return e}
|
|
184
184
|
/**
|
|
185
185
|
* @license
|
|
186
186
|
* Copyright 2018 Google Inc.
|
|
@@ -202,7 +202,7 @@ PERFORMANCE OF THIS SOFTWARE.
|
|
|
202
202
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
203
203
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
204
204
|
* THE SOFTWARE.
|
|
205
|
-
*/var
|
|
205
|
+
*/var K=function(t){j(r,t);function r(){return t!==null&&t.apply(this,arguments)||this}r.attachTo=function(t){return new r(t)};r.prototype.initialize=function(){this.area=this.root.querySelector(W.strings.AREA_SELECTOR);this.content=this.root.querySelector(W.strings.CONTENT_SELECTOR)};r.prototype.initialSyncWithDOM=function(){var t=this;this.handleInteraction=function(){t.foundation.handleInteraction()};this.handleTransitionEnd=function(r){t.foundation.handleTransitionEnd(r)};this.area.addEventListener("wheel",this.handleInteraction,d());this.area.addEventListener("touchstart",this.handleInteraction,d());this.area.addEventListener("pointerdown",this.handleInteraction,d());this.area.addEventListener("mousedown",this.handleInteraction,d());this.area.addEventListener("keydown",this.handleInteraction,d());this.content.addEventListener("transitionend",this.handleTransitionEnd)};r.prototype.destroy=function(){t.prototype.destroy.call(this);this.area.removeEventListener("wheel",this.handleInteraction,d());this.area.removeEventListener("touchstart",this.handleInteraction,d());this.area.removeEventListener("pointerdown",this.handleInteraction,d());this.area.removeEventListener("mousedown",this.handleInteraction,d());this.area.removeEventListener("keydown",this.handleInteraction,d());this.content.removeEventListener("transitionend",this.handleTransitionEnd)};r.prototype.getDefaultFoundation=function(){var t=this;var r={eventTargetMatchesSelector:function(t,r){return b(t,r)},addClass:function(r){t.root.classList.add(r)},removeClass:function(r){t.root.classList.remove(r)},addScrollAreaClass:function(r){t.area.classList.add(r)},setScrollAreaStyleProperty:function(r,n){t.area.style.setProperty(r,n)},setScrollContentStyleProperty:function(r,n){t.content.style.setProperty(r,n)},getScrollContentStyleValue:function(r){return window.getComputedStyle(t.content).getPropertyValue(r)},setScrollAreaScrollLeft:function(r){return t.area.scrollLeft=r},getScrollAreaScrollLeft:function(){return t.area.scrollLeft},getScrollContentOffsetWidth:function(){return t.content.offsetWidth},getScrollAreaOffsetWidth:function(){return t.area.offsetWidth},computeScrollAreaClientRect:function(){return t.area.getBoundingClientRect()},computeScrollContentClientRect:function(){return t.content.getBoundingClientRect()},computeHorizontalScrollbarHeight:function(){return B(document)}};return new W(r)};r.prototype.getScrollPosition=function(){return this.foundation.getScrollPosition()};r.prototype.getScrollContentWidth=function(){return this.content.offsetWidth};r.prototype.incrementScroll=function(t){this.foundation.incrementScroll(t)};r.prototype.scrollTo=function(t){this.foundation.scrollTo(t)};return r}(f);
|
|
206
206
|
/*! *****************************************************************************
|
|
207
207
|
Copyright (c) Microsoft Corporation.
|
|
208
208
|
|
|
@@ -216,7 +216,7 @@ INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
|
|
216
216
|
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
217
217
|
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
218
218
|
PERFORMANCE OF THIS SOFTWARE.
|
|
219
|
-
***************************************************************************** */var
|
|
219
|
+
***************************************************************************** */var H=function(t,r){H=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,r){t.__proto__=r}||function(t,r){for(var n in r)if(Object.prototype.hasOwnProperty.call(r,n))t[n]=r[n]};return H(t,r)};function V(t,r){if(typeof r!=="function"&&r!==null)throw new TypeError("Class extends value "+String(r)+" is not a constructor or null");H(t,r);function n(){this.constructor=t}t.prototype=r===null?Object.create(r):(n.prototype=r.prototype,new n)}var F=function(){F=Object.assign||function t(r){for(var n,e=1,i=arguments.length;e<i;e++){n=arguments[e];for(var o in n)if(Object.prototype.hasOwnProperty.call(n,o))r[o]=n[o]}return r};return F.apply(this,arguments)};
|
|
220
220
|
/*! *****************************************************************************
|
|
221
221
|
Copyright (c) Microsoft Corporation.
|
|
222
222
|
|
|
@@ -230,7 +230,7 @@ INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
|
|
230
230
|
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
231
231
|
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
232
232
|
PERFORMANCE OF THIS SOFTWARE.
|
|
233
|
-
***************************************************************************** */var
|
|
233
|
+
***************************************************************************** */var X=function(t,r){X=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,r){t.__proto__=r}||function(t,r){for(var n in r)if(Object.prototype.hasOwnProperty.call(r,n))t[n]=r[n]};return X(t,r)};function G(t,r){if(typeof r!=="function"&&r!==null)throw new TypeError("Class extends value "+String(r)+" is not a constructor or null");X(t,r);function n(){this.constructor=t}t.prototype=r===null?Object.create(r):(n.prototype=r.prototype,new n)}var U=function(){U=Object.assign||function t(r){for(var n,e=1,i=arguments.length;e<i;e++){n=arguments[e];for(var o in n)if(Object.prototype.hasOwnProperty.call(n,o))r[o]=n[o]}return r};return U.apply(this,arguments)};
|
|
234
234
|
/**
|
|
235
235
|
* @license
|
|
236
236
|
* Copyright 2018 Google Inc.
|
|
@@ -252,7 +252,7 @@ PERFORMANCE OF THIS SOFTWARE.
|
|
|
252
252
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
253
253
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
254
254
|
* THE SOFTWARE.
|
|
255
|
-
*/var
|
|
255
|
+
*/var q={ACTIVE:"mdc-tab-indicator--active",FADE:"mdc-tab-indicator--fade",NO_TRANSITION:"mdc-tab-indicator--no-transition"};var J={CONTENT_SELECTOR:".mdc-tab-indicator__content"};
|
|
256
256
|
/**
|
|
257
257
|
* @license
|
|
258
258
|
* Copyright 2018 Google Inc.
|
|
@@ -274,7 +274,7 @@ PERFORMANCE OF THIS SOFTWARE.
|
|
|
274
274
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
275
275
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
276
276
|
* THE SOFTWARE.
|
|
277
|
-
*/var
|
|
277
|
+
*/var Q=function(t){G(r,t);function r(n){return t.call(this,U(U({},r.defaultAdapter),n))||this}Object.defineProperty(r,"cssClasses",{get:function(){return q},enumerable:false,configurable:true});Object.defineProperty(r,"strings",{get:function(){return J},enumerable:false,configurable:true});Object.defineProperty(r,"defaultAdapter",{get:function(){return{addClass:function(){return undefined},removeClass:function(){return undefined},computeContentClientRect:function(){return{top:0,right:0,bottom:0,left:0,width:0,height:0}},setContentStyleProperty:function(){return undefined}}},enumerable:false,configurable:true});r.prototype.computeContentClientRect=function(){return this.adapter.computeContentClientRect()};return r}(u);
|
|
278
278
|
/**
|
|
279
279
|
* @license
|
|
280
280
|
* Copyright 2018 Google Inc.
|
|
@@ -296,7 +296,7 @@ PERFORMANCE OF THIS SOFTWARE.
|
|
|
296
296
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
297
297
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
298
298
|
* THE SOFTWARE.
|
|
299
|
-
*/var
|
|
299
|
+
*/var Z=function(t){G(r,t);function r(){return t!==null&&t.apply(this,arguments)||this}r.prototype.activate=function(){this.adapter.addClass(Q.cssClasses.ACTIVE)};r.prototype.deactivate=function(){this.adapter.removeClass(Q.cssClasses.ACTIVE)};return r}(Q);
|
|
300
300
|
/**
|
|
301
301
|
* @license
|
|
302
302
|
* Copyright 2018 Google Inc.
|
|
@@ -318,7 +318,7 @@ PERFORMANCE OF THIS SOFTWARE.
|
|
|
318
318
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
319
319
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
320
320
|
* THE SOFTWARE.
|
|
321
|
-
*/var
|
|
321
|
+
*/var $=function(t){G(r,t);function r(){return t!==null&&t.apply(this,arguments)||this}r.prototype.activate=function(t){if(!t){this.adapter.addClass(Q.cssClasses.ACTIVE);return}var r=this.computeContentClientRect();var n=t.width/r.width;var e=t.left-r.left;this.adapter.addClass(Q.cssClasses.NO_TRANSITION);this.adapter.setContentStyleProperty("transform","translateX("+e+"px) scaleX("+n+")");this.computeContentClientRect();this.adapter.removeClass(Q.cssClasses.NO_TRANSITION);this.adapter.addClass(Q.cssClasses.ACTIVE);this.adapter.setContentStyleProperty("transform","")};r.prototype.deactivate=function(){this.adapter.removeClass(Q.cssClasses.ACTIVE)};return r}(Q);
|
|
322
322
|
/**
|
|
323
323
|
* @license
|
|
324
324
|
* Copyright 2018 Google Inc.
|
|
@@ -340,7 +340,7 @@ PERFORMANCE OF THIS SOFTWARE.
|
|
|
340
340
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
341
341
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
342
342
|
* THE SOFTWARE.
|
|
343
|
-
*/var
|
|
343
|
+
*/var tt=function(t){G(r,t);function r(){return t!==null&&t.apply(this,arguments)||this}r.attachTo=function(t){return new r(t)};r.prototype.initialize=function(){this.content=this.root.querySelector(Q.strings.CONTENT_SELECTOR)};r.prototype.computeContentClientRect=function(){return this.foundation.computeContentClientRect()};r.prototype.getDefaultFoundation=function(){var t=this;var r={addClass:function(r){return t.root.classList.add(r)},removeClass:function(r){return t.root.classList.remove(r)},computeContentClientRect:function(){return t.content.getBoundingClientRect()},setContentStyleProperty:function(r,n){t.content.style.setProperty(r,n)}};if(this.root.classList.contains(Q.cssClasses.FADE)){return new Z(r)}return new $(r)};r.prototype.activate=function(t){this.foundation.activate(t)};r.prototype.deactivate=function(){this.foundation.deactivate()};return r}(f);
|
|
344
344
|
/**
|
|
345
345
|
* @license
|
|
346
346
|
* Copyright 2018 Google Inc.
|
|
@@ -362,7 +362,7 @@ PERFORMANCE OF THIS SOFTWARE.
|
|
|
362
362
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
363
363
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
364
364
|
* THE SOFTWARE.
|
|
365
|
-
*/var
|
|
365
|
+
*/var rt={ACTIVE:"mdc-tab--active"};var nt={ARIA_SELECTED:"aria-selected",CONTENT_SELECTOR:".mdc-tab__content",INTERACTED_EVENT:"MDCTab:interacted",RIPPLE_SELECTOR:".mdc-tab__ripple",TABINDEX:"tabIndex",TAB_INDICATOR_SELECTOR:".mdc-tab-indicator"};
|
|
366
366
|
/**
|
|
367
367
|
* @license
|
|
368
368
|
* Copyright 2018 Google Inc.
|
|
@@ -384,7 +384,7 @@ PERFORMANCE OF THIS SOFTWARE.
|
|
|
384
384
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
385
385
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
386
386
|
* THE SOFTWARE.
|
|
387
|
-
*/var
|
|
387
|
+
*/var et=function(t){V(r,t);function r(n){var e=t.call(this,F(F({},r.defaultAdapter),n))||this;e.focusOnActivate=true;return e}Object.defineProperty(r,"cssClasses",{get:function(){return rt},enumerable:false,configurable:true});Object.defineProperty(r,"strings",{get:function(){return nt},enumerable:false,configurable:true});Object.defineProperty(r,"defaultAdapter",{get:function(){return{addClass:function(){return undefined},removeClass:function(){return undefined},hasClass:function(){return false},setAttr:function(){return undefined},activateIndicator:function(){return undefined},deactivateIndicator:function(){return undefined},notifyInteracted:function(){return undefined},getOffsetLeft:function(){return 0},getOffsetWidth:function(){return 0},getContentOffsetLeft:function(){return 0},getContentOffsetWidth:function(){return 0},focus:function(){return undefined}}},enumerable:false,configurable:true});r.prototype.handleClick=function(){this.adapter.notifyInteracted()};r.prototype.isActive=function(){return this.adapter.hasClass(rt.ACTIVE)};r.prototype.setFocusOnActivate=function(t){this.focusOnActivate=t};r.prototype.activate=function(t){this.adapter.addClass(rt.ACTIVE);this.adapter.setAttr(nt.ARIA_SELECTED,"true");this.adapter.setAttr(nt.TABINDEX,"0");this.adapter.activateIndicator(t);if(this.focusOnActivate){this.adapter.focus()}};r.prototype.deactivate=function(){if(!this.isActive()){return}this.adapter.removeClass(rt.ACTIVE);this.adapter.setAttr(nt.ARIA_SELECTED,"false");this.adapter.setAttr(nt.TABINDEX,"-1");this.adapter.deactivateIndicator()};r.prototype.computeDimensions=function(){var t=this.adapter.getOffsetWidth();var r=this.adapter.getOffsetLeft();var n=this.adapter.getContentOffsetWidth();var e=this.adapter.getContentOffsetLeft();return{contentLeft:r+e,contentRight:r+e+n,rootLeft:r,rootRight:r+t}};return r}(u);
|
|
388
388
|
/**
|
|
389
389
|
* @license
|
|
390
390
|
* Copyright 2018 Google Inc.
|
|
@@ -406,7 +406,7 @@ PERFORMANCE OF THIS SOFTWARE.
|
|
|
406
406
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
407
407
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
408
408
|
* THE SOFTWARE.
|
|
409
|
-
*/var
|
|
409
|
+
*/var it=function(t){V(r,t);function r(){return t!==null&&t.apply(this,arguments)||this}r.attachTo=function(t){return new r(t)};r.prototype.initialize=function(t,r){if(t===void 0){t=function(t,r){return new m(t,r)}}if(r===void 0){r=function(t){return new tt(t)}}this.id=this.root.id;var n=new h(m.createAdapter(this));this.ripple=t(this.root,n);var e=this.root.querySelector(et.strings.TAB_INDICATOR_SELECTOR);this.tabIndicator=r(e);this.content=this.root.querySelector(et.strings.CONTENT_SELECTOR)};r.prototype.initialSyncWithDOM=function(){var t=this;this.handleClick=function(){t.foundation.handleClick()};this.listen("click",this.handleClick)};r.prototype.destroy=function(){this.unlisten("click",this.handleClick);this.ripple.destroy();t.prototype.destroy.call(this)};r.prototype.getDefaultFoundation=function(){var t=this;var r={setAttr:function(r,n){return t.root.setAttribute(r,n)},addClass:function(r){return t.root.classList.add(r)},removeClass:function(r){return t.root.classList.remove(r)},hasClass:function(r){return t.root.classList.contains(r)},activateIndicator:function(r){t.tabIndicator.activate(r)},deactivateIndicator:function(){t.tabIndicator.deactivate()},notifyInteracted:function(){return t.emit(et.strings.INTERACTED_EVENT,{tabId:t.id},true)},getOffsetLeft:function(){return t.root.offsetLeft},getOffsetWidth:function(){return t.root.offsetWidth},getContentOffsetLeft:function(){return t.content.offsetLeft},getContentOffsetWidth:function(){return t.content.offsetWidth},focus:function(){return t.root.focus()}};return new et(r)};Object.defineProperty(r.prototype,"active",{get:function(){return this.foundation.isActive()},enumerable:false,configurable:true});Object.defineProperty(r.prototype,"focusOnActivate",{set:function(t){this.foundation.setFocusOnActivate(t)},enumerable:false,configurable:true});r.prototype.activate=function(t){this.foundation.activate(t)};r.prototype.deactivate=function(){this.foundation.deactivate()};r.prototype.computeIndicatorClientRect=function(){return this.tabIndicator.computeContentClientRect()};r.prototype.computeDimensions=function(){return this.foundation.computeDimensions()};r.prototype.focus=function(){this.root.focus()};return r}(f);
|
|
410
410
|
/**
|
|
411
411
|
* @license
|
|
412
412
|
* Copyright 2018 Google Inc.
|
|
@@ -428,7 +428,7 @@ PERFORMANCE OF THIS SOFTWARE.
|
|
|
428
428
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
429
429
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
430
430
|
* THE SOFTWARE.
|
|
431
|
-
*/var
|
|
431
|
+
*/var ot={ARROW_LEFT_KEY:"ArrowLeft",ARROW_RIGHT_KEY:"ArrowRight",END_KEY:"End",ENTER_KEY:"Enter",HOME_KEY:"Home",SPACE_KEY:"Space",TAB_ACTIVATED_EVENT:"MDCTabBar:activated",TAB_SCROLLER_SELECTOR:".mdc-tab-scroller",TAB_SELECTOR:".mdc-tab"};var at={ARROW_LEFT_KEYCODE:37,ARROW_RIGHT_KEYCODE:39,END_KEYCODE:35,ENTER_KEYCODE:13,EXTRA_SCROLL_AMOUNT:20,HOME_KEYCODE:36,SPACE_KEYCODE:32};
|
|
432
432
|
/**
|
|
433
433
|
* @license
|
|
434
434
|
* Copyright 2018 Google Inc.
|
|
@@ -450,7 +450,7 @@ PERFORMANCE OF THIS SOFTWARE.
|
|
|
450
450
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
451
451
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
452
452
|
* THE SOFTWARE.
|
|
453
|
-
*/var
|
|
453
|
+
*/var ct=new Set;ct.add(ot.ARROW_LEFT_KEY);ct.add(ot.ARROW_RIGHT_KEY);ct.add(ot.END_KEY);ct.add(ot.HOME_KEY);ct.add(ot.ENTER_KEY);ct.add(ot.SPACE_KEY);var st=new Map;st.set(at.ARROW_LEFT_KEYCODE,ot.ARROW_LEFT_KEY);st.set(at.ARROW_RIGHT_KEYCODE,ot.ARROW_RIGHT_KEY);st.set(at.END_KEYCODE,ot.END_KEY);st.set(at.HOME_KEYCODE,ot.HOME_KEY);st.set(at.ENTER_KEYCODE,ot.ENTER_KEY);st.set(at.SPACE_KEYCODE,ot.SPACE_KEY);var lt=function(t){S(r,t);function r(n){var e=t.call(this,E(E({},r.defaultAdapter),n))||this;e.useAutomaticActivation=false;return e}Object.defineProperty(r,"strings",{get:function(){return ot},enumerable:false,configurable:true});Object.defineProperty(r,"numbers",{get:function(){return at},enumerable:false,configurable:true});Object.defineProperty(r,"defaultAdapter",{get:function(){return{scrollTo:function(){return undefined},incrementScroll:function(){return undefined},getScrollPosition:function(){return 0},getScrollContentWidth:function(){return 0},getOffsetWidth:function(){return 0},isRTL:function(){return false},setActiveTab:function(){return undefined},activateTabAtIndex:function(){return undefined},deactivateTabAtIndex:function(){return undefined},focusTabAtIndex:function(){return undefined},getTabIndicatorClientRectAtIndex:function(){return{top:0,right:0,bottom:0,left:0,width:0,height:0}},getTabDimensionsAtIndex:function(){return{rootLeft:0,rootRight:0,contentLeft:0,contentRight:0}},getPreviousActiveTabIndex:function(){return-1},getFocusedTabIndex:function(){return-1},getIndexOfTabById:function(){return-1},getTabListLength:function(){return 0},notifyTabActivated:function(){return undefined}}},enumerable:false,configurable:true});r.prototype.setUseAutomaticActivation=function(t){this.useAutomaticActivation=t};r.prototype.activateTab=function(t){var r=this.adapter.getPreviousActiveTabIndex();if(!this.indexIsInRange(t)||t===r){return}var n;if(r!==-1){this.adapter.deactivateTabAtIndex(r);n=this.adapter.getTabIndicatorClientRectAtIndex(r)}this.adapter.activateTabAtIndex(t,n);this.scrollIntoView(t);this.adapter.notifyTabActivated(t)};r.prototype.handleKeyDown=function(t){var r=this.getKeyFromEvent(t);if(r===undefined){return}if(!this.isActivationKey(r)){t.preventDefault()}if(this.useAutomaticActivation){if(this.isActivationKey(r)){return}var n=this.determineTargetFromKey(this.adapter.getPreviousActiveTabIndex(),r);this.adapter.setActiveTab(n);this.scrollIntoView(n)}else{var e=this.adapter.getFocusedTabIndex();if(this.isActivationKey(r)){this.adapter.setActiveTab(e)}else{var n=this.determineTargetFromKey(e,r);this.adapter.focusTabAtIndex(n);this.scrollIntoView(n)}}};r.prototype.handleTabInteraction=function(t){this.adapter.setActiveTab(this.adapter.getIndexOfTabById(t.detail.tabId))};r.prototype.scrollIntoView=function(t){if(!this.indexIsInRange(t)){return}if(t===0){this.adapter.scrollTo(0);return}if(t===this.adapter.getTabListLength()-1){this.adapter.scrollTo(this.adapter.getScrollContentWidth());return}if(this.isRTL()){this.scrollIntoViewImplRTL(t);return}this.scrollIntoViewImpl(t)};r.prototype.determineTargetFromKey=function(t,r){var n=this.isRTL();var e=this.adapter.getTabListLength()-1;var i=r===ot.END_KEY;var o=r===ot.ARROW_LEFT_KEY&&!n||r===ot.ARROW_RIGHT_KEY&&n;var a=r===ot.ARROW_RIGHT_KEY&&!n||r===ot.ARROW_LEFT_KEY&&n;var c=t;if(i){c=e}else if(o){c-=1}else if(a){c+=1}else{c=0}if(c<0){c=e}else if(c>e){c=0}return c};r.prototype.calculateScrollIncrement=function(t,r,n,e){var i=this.adapter.getTabDimensionsAtIndex(r);var o=i.contentLeft-n-e;var a=i.contentRight-n;var c=a-at.EXTRA_SCROLL_AMOUNT;var s=o+at.EXTRA_SCROLL_AMOUNT;if(r<t){return Math.min(c,0)}return Math.max(s,0)};r.prototype.calculateScrollIncrementRTL=function(t,r,n,e,i){var o=this.adapter.getTabDimensionsAtIndex(r);var a=i-o.contentLeft-n;var c=i-o.contentRight-n-e;var s=c+at.EXTRA_SCROLL_AMOUNT;var l=a-at.EXTRA_SCROLL_AMOUNT;if(r>t){return Math.max(s,0)}return Math.min(l,0)};r.prototype.findAdjacentTabIndexClosestToEdge=function(t,r,n,e){var i=r.rootLeft-n;var o=r.rootRight-n-e;var a=i+o;var c=i<0||a<0;var s=o>0||a>0;if(c){return t-1}if(s){return t+1}return-1};r.prototype.findAdjacentTabIndexClosestToEdgeRTL=function(t,r,n,e,i){var o=i-r.rootLeft-e-n;var a=i-r.rootRight-n;var c=o+a;var s=o>0||c>0;var l=a<0||c<0;if(s){return t+1}if(l){return t-1}return-1};r.prototype.getKeyFromEvent=function(t){if(ct.has(t.key)){return t.key}return st.get(t.keyCode)};r.prototype.isActivationKey=function(t){return t===ot.SPACE_KEY||t===ot.ENTER_KEY};r.prototype.indexIsInRange=function(t){return t>=0&&t<this.adapter.getTabListLength()};r.prototype.isRTL=function(){return this.adapter.isRTL()};r.prototype.scrollIntoViewImpl=function(t){var r=this.adapter.getScrollPosition();var n=this.adapter.getOffsetWidth();var e=this.adapter.getTabDimensionsAtIndex(t);var i=this.findAdjacentTabIndexClosestToEdge(t,e,r,n);if(!this.indexIsInRange(i)){return}var o=this.calculateScrollIncrement(t,i,r,n);this.adapter.incrementScroll(o)};r.prototype.scrollIntoViewImplRTL=function(t){var r=this.adapter.getScrollPosition();var n=this.adapter.getOffsetWidth();var e=this.adapter.getTabDimensionsAtIndex(t);var i=this.adapter.getScrollContentWidth();var o=this.findAdjacentTabIndexClosestToEdgeRTL(t,e,r,n,i);if(!this.indexIsInRange(o)){return}var a=this.calculateScrollIncrementRTL(t,o,r,n,i);this.adapter.incrementScroll(a)};return r}(u);
|
|
454
454
|
/**
|
|
455
455
|
* @license
|
|
456
456
|
* Copyright 2018 Google Inc.
|
|
@@ -472,5 +472,5 @@ PERFORMANCE OF THIS SOFTWARE.
|
|
|
472
472
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
473
473
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
474
474
|
* THE SOFTWARE.
|
|
475
|
-
*/var st=ct.strings;var lt=0;var ut=function(t){O(r,t);function r(){return t!==null&&t.apply(this,arguments)||this}r.attachTo=function(t){return new r(t)};Object.defineProperty(r.prototype,"focusOnActivate",{set:function(t){var r,n;try{for(var e=S(this.tabList),i=e.next();!i.done;i=e.next()){var o=i.value;o.focusOnActivate=t}}catch(t){r={error:t}}finally{try{if(i&&!i.done&&(n=e.return))n.call(e)}finally{if(r)throw r.error}}},enumerable:false,configurable:true});Object.defineProperty(r.prototype,"useAutomaticActivation",{set:function(t){this.foundation.setUseAutomaticActivation(t)},enumerable:false,configurable:true});r.prototype.initialize=function(t,r){if(t===void 0){t=function(t){return new nt(t)}}if(r===void 0){r=function(t){return new Y(t)}}this.tabList=this.instantiateTabs(t);this.tabScroller=this.instantiatetabScroller(r)};r.prototype.initialSyncWithDOM=function(){var t=this;this.handleTabInteraction=function(r){t.foundation.handleTabInteraction(r)};this.handleKeyDown=function(r){t.foundation.handleKeyDown(r)};this.listen(rt.strings.INTERACTED_EVENT,this.handleTabInteraction);this.listen("keydown",this.handleKeyDown);for(var r=0;r<this.tabList.length;r++){if(this.tabList[r].active){this.scrollIntoView(r);break}}};r.prototype.destroy=function(){var r,n;t.prototype.destroy.call(this);this.unlisten(rt.strings.INTERACTED_EVENT,this.handleTabInteraction);this.unlisten("keydown",this.handleKeyDown);try{for(var e=S(this.tabList),i=e.next();!i.done;i=e.next()){var o=i.value;o.destroy()}}catch(t){r={error:t}}finally{try{if(i&&!i.done&&(n=e.return))n.call(e)}finally{if(r)throw r.error}}if(this.tabScroller){this.tabScroller.destroy()}};r.prototype.getDefaultFoundation=function(){var t=this;var r={scrollTo:function(r){t.tabScroller.scrollTo(r)},incrementScroll:function(r){t.tabScroller.incrementScroll(r)},getScrollPosition:function(){return t.tabScroller.getScrollPosition()},getScrollContentWidth:function(){return t.tabScroller.getScrollContentWidth()},getOffsetWidth:function(){return t.root.offsetWidth},isRTL:function(){return window.getComputedStyle(t.root).getPropertyValue("direction")==="rtl"},setActiveTab:function(r){t.foundation.activateTab(r)},activateTabAtIndex:function(r,n){t.tabList[r].activate(n)},deactivateTabAtIndex:function(r){t.tabList[r].deactivate()},focusTabAtIndex:function(r){t.tabList[r].focus()},getTabIndicatorClientRectAtIndex:function(r){return t.tabList[r].computeIndicatorClientRect()},getTabDimensionsAtIndex:function(r){return t.tabList[r].computeDimensions()},getPreviousActiveTabIndex:function(){for(var r=0;r<t.tabList.length;r++){if(t.tabList[r].active){return r}}return-1},getFocusedTabIndex:function(){var r=t.getTabElements();var n=document.activeElement;return r.indexOf(n)},getIndexOfTabById:function(r){for(var n=0;n<t.tabList.length;n++){if(t.tabList[n].id===r){return n}}return-1},getTabListLength:function(){return t.tabList.length},notifyTabActivated:function(r){return t.emit(st.TAB_ACTIVATED_EVENT,{index:r},true)}};return new ct(r)};r.prototype.activateTab=function(t){this.foundation.activateTab(t)};r.prototype.scrollIntoView=function(t){this.foundation.scrollIntoView(t)};r.prototype.getTabElements=function(){return[].slice.call(this.root.querySelectorAll(st.TAB_SELECTOR))};r.prototype.instantiateTabs=function(t){return this.getTabElements().map((function(r){r.id=r.id||"mdc-tab-"+ ++lt;return t(r)}))};r.prototype.instantiatetabScroller=function(t){var r=this.root.querySelector(st.TAB_SCROLLER_SELECTOR);if(r){return t(r)}return null};return r}(l);function ft(t,r){const n=t.findIndex((t=>t.active===true));const e=[...t];if(n!==-1){e[n]=Object.assign(Object.assign({},t[n]),{active:false})}e[r]=Object.assign(Object.assign({},t[r]),{active:true});return e}const dt=":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 )}.mdc-tab-bar{width:100%}.mdc-tab{height:48px}.mdc-tab--stacked{height:72px}.mdc-tab-scroller{overflow-y:hidden}.mdc-tab-scroller.mdc-tab-scroller--animating .mdc-tab-scroller__scroll-content{transition:250ms transform cubic-bezier(0.4, 0, 0.2, 1)}.mdc-tab-scroller__test{position:absolute;top:-9999px;width:100px;height:100px;overflow-x:scroll}.mdc-tab-scroller__scroll-area{-webkit-overflow-scrolling:touch;display:flex;overflow-x:hidden}.mdc-tab-scroller__scroll-area::-webkit-scrollbar,.mdc-tab-scroller__test::-webkit-scrollbar{display:none}.mdc-tab-scroller__scroll-area--scroll{overflow-x:scroll}.mdc-tab-scroller__scroll-content{position:relative;display:flex;flex:1 0 auto;transform:none;will-change:transform}.mdc-tab-scroller--align-start .mdc-tab-scroller__scroll-content{justify-content:flex-start}.mdc-tab-scroller--align-end .mdc-tab-scroller__scroll-content{justify-content:flex-end}.mdc-tab-scroller--align-center .mdc-tab-scroller__scroll-content{justify-content:center}.mdc-tab-scroller--animating .mdc-tab-scroller__scroll-area{-webkit-overflow-scrolling:auto}.mdc-tab-indicator .mdc-tab-indicator__content--underline{border-color:#26a69a;border-color:var(--mdc-theme-primary, #26a69a)}.mdc-tab-indicator .mdc-tab-indicator__content--icon{color:#575756;color:var(--mdc-theme-secondary, #575756)}.mdc-tab-indicator .mdc-tab-indicator__content--underline{border-top-width:2px}.mdc-tab-indicator .mdc-tab-indicator__content--icon{height:34px;font-size:34px}.mdc-tab-indicator{display:flex;position:absolute;top:0;left:0;justify-content:center;width:100%;height:100%;pointer-events:none;z-index:1}.mdc-tab-indicator__content{transform-origin:left;opacity:0}.mdc-tab-indicator__content--underline{align-self:flex-end;box-sizing:border-box;width:100%;border-top-style:solid}.mdc-tab-indicator__content--icon{align-self:center;margin:0 auto}.mdc-tab-indicator--active .mdc-tab-indicator__content{opacity:1}.mdc-tab-indicator .mdc-tab-indicator__content{transition:250ms transform cubic-bezier(0.4, 0, 0.2, 1)}.mdc-tab-indicator--no-transition .mdc-tab-indicator__content{transition:none}.mdc-tab-indicator--fade .mdc-tab-indicator__content{transition:150ms opacity linear}.mdc-tab-indicator--active.mdc-tab-indicator--fade .mdc-tab-indicator__content{transition-delay:100ms}.mdc-tab{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.875rem;font-size:var(--mdc-typography-button-font-size, 0.875rem);line-height:2.25rem;line-height:var(--mdc-typography-button-line-height, 2.25rem);font-weight:500;font-weight:var(--mdc-typography-button-font-weight, 500);letter-spacing:0.0892857143em;letter-spacing:var(--mdc-typography-button-letter-spacing, 0.0892857143em);text-decoration:none;text-decoration:var(--mdc-typography-button-text-decoration, none);text-transform:none;text-transform:var(--mdc-typography-button-text-transform, none);position:relative}.mdc-tab .mdc-tab__text-label{color:rgba(0, 0, 0, 0.6)}.mdc-tab .mdc-tab__icon{color:rgba(0, 0, 0, 0.54);fill:currentColor}.mdc-tab__content{position:relative}.mdc-tab__icon{width:24px;height:24px;font-size:24px}.mdc-tab--active .mdc-tab__text-label{color:#26a69a;color:var(--mdc-theme-primary, #26a69a)}.mdc-tab--active .mdc-tab__icon{color:#26a69a;color:var(--mdc-theme-primary, #26a69a);fill:currentColor}.mdc-tab{background:none}.mdc-tab{min-width:90px;padding-right:24px;padding-left:24px;display:flex;flex:1 0 auto;justify-content:center;box-sizing:border-box;margin:0;padding-top:0;padding-bottom:0;border:none;outline:none;text-align:center;white-space:nowrap;cursor:pointer;-webkit-appearance:none;z-index:1}.mdc-tab::-moz-focus-inner{padding:0;border:0}.mdc-tab--min-width{flex:0 1 auto}.mdc-tab__content{display:flex;align-items:center;justify-content:center;height:inherit;pointer-events:none}.mdc-tab__text-label{transition:150ms color linear;display:inline-block;line-height:1;z-index:2}.mdc-tab__icon{transition:150ms color linear;z-index:2}.mdc-tab--stacked .mdc-tab__content{flex-direction:column;align-items:center;justify-content:center}.mdc-tab--stacked .mdc-tab__text-label{padding-top:6px;padding-bottom:4px}.mdc-tab--active .mdc-tab__text-label,.mdc-tab--active .mdc-tab__icon{transition-delay:100ms}.mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon+.mdc-tab__text-label{padding-left:8px;padding-right:0}[dir=rtl] .mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon+.mdc-tab__text-label,.mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon+.mdc-tab__text-label[dir=rtl]{padding-left:0;padding-right:8px;}@keyframes mdc-ripple-fg-radius-in{from{animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@keyframes mdc-ripple-fg-opacity-in{from{animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-out{from{animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-tab{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.mdc-tab .mdc-tab__ripple::before,.mdc-tab .mdc-tab__ripple::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:\"\"}.mdc-tab .mdc-tab__ripple::before{transition:opacity 15ms linear, background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.mdc-tab .mdc-tab__ripple::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.mdc-tab.mdc-ripple-upgraded .mdc-tab__ripple::before{transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-tab.mdc-ripple-upgraded .mdc-tab__ripple::after{top:0;left:0;transform:scale(0);transform-origin:center center}.mdc-tab.mdc-ripple-upgraded--unbounded .mdc-tab__ripple::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-tab.mdc-ripple-upgraded--foreground-activation .mdc-tab__ripple::after{animation:mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards}.mdc-tab.mdc-ripple-upgraded--foreground-deactivation .mdc-tab__ripple::after{animation:mdc-ripple-fg-opacity-out 150ms;transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-tab .mdc-tab__ripple::before,.mdc-tab .mdc-tab__ripple::after{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-tab.mdc-ripple-upgraded .mdc-tab__ripple::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-tab .mdc-tab__ripple::before,.mdc-tab .mdc-tab__ripple::after{background-color:#26a69a;background-color:var(--mdc-ripple-color, var(--mdc-theme-primary, #26a69a))}.mdc-tab:hover .mdc-tab__ripple::before,.mdc-tab.mdc-ripple-surface--hover .mdc-tab__ripple::before{opacity:0.08;opacity:var(--mdc-ripple-hover-opacity, 0.08)}.mdc-tab.mdc-ripple-upgraded--background-focused .mdc-tab__ripple::before,.mdc-tab:not(.mdc-ripple-upgraded):focus .mdc-tab__ripple::before{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-ripple-focus-opacity, 0.24)}.mdc-tab:not(.mdc-ripple-upgraded) .mdc-tab__ripple::after{transition:opacity 150ms linear}.mdc-tab:not(.mdc-ripple-upgraded):active .mdc-tab__ripple::after{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-ripple-press-opacity, 0.24)}.mdc-tab.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.24)}.mdc-tab__ripple{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;will-change:transform, opacity}.scroll-fade,.scroll-button{position:absolute;transition-property:transform;transition-duration:0.3s;transition-timing-function:ease-out}.scroll-fade{top:0;height:100%;width:4.0625rem;pointer-events:none}.scroll-fade.left{transform:translate3d(-4.0625rem, 0, 0);left:0;background:linear-gradient(270deg, rgba(var(--contrast-300), 0) 0%, rgba(var(--contrast-300), 0.8) 40%, rgba(var(--contrast-300), 0.8) 100%)}.scroll-fade.right{transform:translate3d(4.0625rem, 0, 0);right:0;background:linear-gradient(90deg, rgba(var(--contrast-300), 0) 0%, rgba(var(--contrast-300), 0.8) 40%, rgba(var(--contrast-300), 0.8) 100%)}.scroll-button{--icon-background-color:rgb(var(--contrast-100));display:flex;align-items:center;top:0;bottom:0}.scroll-button.left{transform:translate3d(-4.0625rem, 0, 0);left:0.25rem}.scroll-button.right{transform:translate3d(4.0625rem, 0, 0);right:0.25rem}.scroll-button:hover{transform:translate3d(0, 0, 0)}.mdc-tab-scroller{position:relative;overflow:hidden}.mdc-tab-scroller.can-scroll-left .scroll-fade.left,.mdc-tab-scroller.can-scroll-left .scroll-button.left,.mdc-tab-scroller.can-scroll-right .scroll-fade.right,.mdc-tab-scroller.can-scroll-right .scroll-button.right{transform:translate3d(0, 0, 0)}.mdc-tab-scroller.can-scroll-left:not(.can-scroll-right) .scroll-button.right,.mdc-tab-scroller.can-scroll-right:not(.can-scroll-left) .scroll-button.left{opacity:0.5;transition-delay:0.5s}.lime-hide-scrollbars{scrollbar-width:none;-ms-overflow-style:none}.mdc-tab-scroller__scroll-content{padding:0.25rem 0.75rem 0 0.75rem;background-color:rgb(var(--contrast-300))}:host(limel-tab-bar){--limel-active-tab-background-color:var(\n --tab-panel-background-color,\n rgb(var(--contrast-100))\n );isolation:isolate;display:block;position:relative}:host(.has-tabs-with-equal-width) .mdc-tab{flex:1 0 auto}.mdc-tab-indicator .mdc-tab-indicator__content{border:none}.mdc-tab__ripple{box-sizing:border-box;border-radius:0.625rem;border-style:solid;border-color:transparent;border-width:0.25rem;opacity:0.7}.mdc-tab__ripple:before,.mdc-tab__ripple:after{transition:background-color 0.5s ease}.mdc-tab{border-radius:0;letter-spacing:normal;padding-right:1.25rem;padding-left:1.25rem;min-width:2.5rem;background-color:transparent;flex:0 0 auto}.mdc-tab:not(.mdc-tab--active){--badge-background-color:rgb(var(--contrast-600))}.mdc-tab:not(.mdc-tab--active):after{content:\"\";display:block;background-color:rgb(var(--contrast-600));width:0.125rem;height:1rem;margin:auto;position:absolute;top:0;bottom:0;border-radius:1rem;right:-0.125rem}.mdc-tab:not(.mdc-tab--active):last-of-type:after{display:none}.mdc-tab--active{border-radius:0.625rem 0.625rem 0 0;background-color:var(--limel-active-tab-background-color);z-index:2}.mdc-tab--active:before,.mdc-tab--active:after{content:\"\";display:block;width:0.75rem;height:0.75rem;position:absolute;bottom:0;background-color:var(--limel-active-tab-background-color);-webkit-mask-image:url(\"data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' clip-rule='evenodd' viewBox='0 0 50 50'><defs/><path d='M0 0c0 27.594 22.406 50 50 50H0V0z'/></svg>\");mask-image:url(\"data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' clip-rule='evenodd' viewBox='0 0 50 50'><defs/><path d='M0 0c0 27.594 22.406 50 50 50H0V0z'/></svg>\")}.mdc-tab--active:before{left:-0.75rem;transform:rotateY(180deg)}.mdc-tab--active:after{right:-0.75rem}.mdc-tab--active .mdc-ripple-upgraded--background-focused:before{background-color:transparent;transition:background-color 1s ease}.mdc-tab__content{gap:0.375rem}.mdc-tab .mdc-tab__text-label{transition:color 0.2s ease;padding-left:0 !important;color:var(--mdc-theme-on-surface)}.mdc-tab:hover .mdc-tab__text-label{color:var(--mdc-theme-text-primary-on-background)}.mdc-tab.mdc-tab--active .mdc-tab__text-label{color:var(--mdc-theme-primary)}";const{TAB_ACTIVATED_EVENT:ht}=et;const mt=150;const bt=40;const pt=class{constructor(n){t(this,n);this.changeTab=r(this,"changeTab",7);this.setupMdc=false;this.tabs=[];this.canScrollLeft=false;this.canScrollRight=false;this.handleTabActivated=this.handleTabActivated.bind(this);this.handleScroll=this.handleScroll.bind(this);this.handleLeftScrollClick=this.handleLeftScrollClick.bind(this);this.handleRightScrollClick=this.handleRightScrollClick.bind(this);this.renderTab=this.renderTab.bind(this)}connectedCallback(){this.setup()}componentDidLoad(){this.setup()}componentDidUpdate(){if(!this.setupMdc){return}this.setup();this.setupMdc=false}disconnectedCallback(){this.tearDown()}render(){return n("div",{class:"mdc-tab-bar",role:"tablist"},n("div",{class:{"mdc-tab-scroller":true,"can-scroll-left":this.canScrollLeft,"can-scroll-right":this.canScrollRight}},n("div",{class:"mdc-tab-scroller__scroll-area lime-hide-scrollbars"},n("div",{class:"mdc-tab-scroller__scroll-content"},this.tabs.map(this.renderTab))),n("div",{class:"scroll-fade left"}),n("div",{class:"scroll-button left"},n("limel-icon-button",{icon:"angle_left",elevated:true,tabindex:"-1","aria-hidden":"true",disabled:!this.canScrollLeft,onClick:this.handleLeftScrollClick})),n("div",{class:"scroll-fade right"}),n("div",{class:"scroll-button right"},n("limel-icon-button",{icon:"angle_right",elevated:true,tabindex:"-1","aria-hidden":"true",disabled:!this.canScrollRight,onClick:this.handleRightScrollClick}))))}tabsChanged(t=[],r=[]){const n=t.map((t=>t.id));const e=r.map((t=>t.id));if(c(n,e)){return}this.setupMdc=true;this.tearDown()}handleWindowResize(){this.handleScroll()}setup(){const t=this.host.shadowRoot.querySelector(".mdc-tab-bar");if(!t){return}this.mdcTabBar=new ut(t);this.mdcTabBar.focusOnActivate=true;this.mdcTabBar.useAutomaticActivation=true;this.scrollArea=t.querySelector(".mdc-tab-scroller__scroll-area");this.scrollContent=t.querySelector(".mdc-tab-scroller__scroll-content");this.setupListeners();setTimeout(this.handleScroll,0)}tearDown(){if(this.scrollArea){this.scrollArea.removeEventListener("scroll",this.handleScroll)}if(this.mdcTabBar){this.mdcTabBar.unlisten(ht,this.handleTabActivated);this.mdcTabBar.destroy()}}setupListeners(){this.mdcTabBar.listen(ht,this.handleTabActivated);this.scrollArea.addEventListener("scroll",this.handleScroll,{passive:true})}handleTabActivated(t){const r=t.detail.index;const n=ft(this.tabs,r);x(n,this.tabs).sort(this.sortByInactive).forEach((t=>{this.changeTab.emit(t)}));this.tabs=n}sortByInactive(t,r){return Number(t.active)-Number(r.active)}handleScroll(){const t=this.scrollArea.scrollLeft;const r=Math.floor(this.scrollContent.getBoundingClientRect().width-this.scrollArea.getBoundingClientRect().width-t);if(t>bt){this.canScrollLeft=true}else{this.canScrollLeft=false}if(r>bt){this.canScrollRight=true}else{this.canScrollRight=false}}handleLeftScrollClick(){this.scrollArea.scroll({left:this.scrollArea.scrollLeft-mt,behavior:"smooth"})}handleRightScrollClick(){this.scrollArea.scroll({left:this.scrollArea.scrollLeft+mt,behavior:"smooth"})}renderIcon(t){if(!t.icon){return}const r={color:""};if(t.iconColor){r.color=t.iconColor}return n("limel-icon",{class:"mdc-tab__icon",name:t.icon,style:r,size:"small","aria-hidden":"true"})}renderTab(t){return n("button",{class:{"mdc-tab":true,"mdc-tab--active":!!t.active},role:"tab","aria-selected":t.active?"true":"false",tabindex:t.active?0:-1},n("span",{class:"mdc-tab__content"},this.renderIcon(t),n("span",{class:"mdc-tab__text-label"},t.text),t.badge?n("limel-badge",{label:t.badge}):""),n("span",{class:{"mdc-tab-indicator":true,"mdc-tab-indicator--active":!!t.active}},n("span",{class:"mdc-tab-indicator__content mdc-tab-indicator__content--underline"})),n("span",{class:"mdc-tab__ripple"}))}get host(){return e(this)}static get watchers(){return{tabs:["tabsChanged"]}}};pt.style=dt;export{pt as limel_tab_bar};
|
|
476
|
-
//# sourceMappingURL=p-
|
|
475
|
+
*/var ut=lt.strings;var ft=0;var dt=function(t){S(r,t);function r(){return t!==null&&t.apply(this,arguments)||this}r.attachTo=function(t){return new r(t)};Object.defineProperty(r.prototype,"focusOnActivate",{set:function(t){var r,n;try{for(var e=A(this.tabList),i=e.next();!i.done;i=e.next()){var o=i.value;o.focusOnActivate=t}}catch(t){r={error:t}}finally{try{if(i&&!i.done&&(n=e.return))n.call(e)}finally{if(r)throw r.error}}},enumerable:false,configurable:true});Object.defineProperty(r.prototype,"useAutomaticActivation",{set:function(t){this.foundation.setUseAutomaticActivation(t)},enumerable:false,configurable:true});r.prototype.initialize=function(t,r){if(t===void 0){t=function(t){return new it(t)}}if(r===void 0){r=function(t){return new K(t)}}this.tabList=this.instantiateTabs(t);this.tabScroller=this.instantiatetabScroller(r)};r.prototype.initialSyncWithDOM=function(){var t=this;this.handleTabInteraction=function(r){t.foundation.handleTabInteraction(r)};this.handleKeyDown=function(r){t.foundation.handleKeyDown(r)};this.listen(et.strings.INTERACTED_EVENT,this.handleTabInteraction);this.listen("keydown",this.handleKeyDown);for(var r=0;r<this.tabList.length;r++){if(this.tabList[r].active){this.scrollIntoView(r);break}}};r.prototype.destroy=function(){var r,n;t.prototype.destroy.call(this);this.unlisten(et.strings.INTERACTED_EVENT,this.handleTabInteraction);this.unlisten("keydown",this.handleKeyDown);try{for(var e=A(this.tabList),i=e.next();!i.done;i=e.next()){var o=i.value;o.destroy()}}catch(t){r={error:t}}finally{try{if(i&&!i.done&&(n=e.return))n.call(e)}finally{if(r)throw r.error}}if(this.tabScroller){this.tabScroller.destroy()}};r.prototype.getDefaultFoundation=function(){var t=this;var r={scrollTo:function(r){t.tabScroller.scrollTo(r)},incrementScroll:function(r){t.tabScroller.incrementScroll(r)},getScrollPosition:function(){return t.tabScroller.getScrollPosition()},getScrollContentWidth:function(){return t.tabScroller.getScrollContentWidth()},getOffsetWidth:function(){return t.root.offsetWidth},isRTL:function(){return window.getComputedStyle(t.root).getPropertyValue("direction")==="rtl"},setActiveTab:function(r){t.foundation.activateTab(r)},activateTabAtIndex:function(r,n){t.tabList[r].activate(n)},deactivateTabAtIndex:function(r){t.tabList[r].deactivate()},focusTabAtIndex:function(r){t.tabList[r].focus()},getTabIndicatorClientRectAtIndex:function(r){return t.tabList[r].computeIndicatorClientRect()},getTabDimensionsAtIndex:function(r){return t.tabList[r].computeDimensions()},getPreviousActiveTabIndex:function(){for(var r=0;r<t.tabList.length;r++){if(t.tabList[r].active){return r}}return-1},getFocusedTabIndex:function(){var r=t.getTabElements();var n=document.activeElement;return r.indexOf(n)},getIndexOfTabById:function(r){for(var n=0;n<t.tabList.length;n++){if(t.tabList[n].id===r){return n}}return-1},getTabListLength:function(){return t.tabList.length},notifyTabActivated:function(r){return t.emit(ut.TAB_ACTIVATED_EVENT,{index:r},true)}};return new lt(r)};r.prototype.activateTab=function(t){this.foundation.activateTab(t)};r.prototype.scrollIntoView=function(t){this.foundation.scrollIntoView(t)};r.prototype.getTabElements=function(){return[].slice.call(this.root.querySelectorAll(ut.TAB_SELECTOR))};r.prototype.instantiateTabs=function(t){return this.getTabElements().map((function(r){r.id=r.id||"mdc-tab-"+ ++ft;return t(r)}))};r.prototype.instantiatetabScroller=function(t){var r=this.root.querySelector(ut.TAB_SCROLLER_SELECTOR);if(r){return t(r)}return null};return r}(f);function ht(t,r){const n=t.findIndex((t=>t.active===true));const e=[...t];if(n!==-1){e[n]=Object.assign(Object.assign({},t[n]),{active:false})}e[r]=Object.assign(Object.assign({},t[r]),{active:true});return e}const mt=":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 )}.mdc-tab-bar{width:100%}.mdc-tab{height:48px}.mdc-tab--stacked{height:72px}.mdc-tab-scroller{overflow-y:hidden}.mdc-tab-scroller.mdc-tab-scroller--animating .mdc-tab-scroller__scroll-content{transition:250ms transform cubic-bezier(0.4, 0, 0.2, 1)}.mdc-tab-scroller__test{position:absolute;top:-9999px;width:100px;height:100px;overflow-x:scroll}.mdc-tab-scroller__scroll-area{-webkit-overflow-scrolling:touch;display:flex;overflow-x:hidden}.mdc-tab-scroller__scroll-area::-webkit-scrollbar,.mdc-tab-scroller__test::-webkit-scrollbar{display:none}.mdc-tab-scroller__scroll-area--scroll{overflow-x:scroll}.mdc-tab-scroller__scroll-content{position:relative;display:flex;flex:1 0 auto;transform:none;will-change:transform}.mdc-tab-scroller--align-start .mdc-tab-scroller__scroll-content{justify-content:flex-start}.mdc-tab-scroller--align-end .mdc-tab-scroller__scroll-content{justify-content:flex-end}.mdc-tab-scroller--align-center .mdc-tab-scroller__scroll-content{justify-content:center}.mdc-tab-scroller--animating .mdc-tab-scroller__scroll-area{-webkit-overflow-scrolling:auto}.mdc-tab-indicator .mdc-tab-indicator__content--underline{border-color:#26a69a;border-color:var(--mdc-theme-primary, #26a69a)}.mdc-tab-indicator .mdc-tab-indicator__content--icon{color:#575756;color:var(--mdc-theme-secondary, #575756)}.mdc-tab-indicator .mdc-tab-indicator__content--underline{border-top-width:2px}.mdc-tab-indicator .mdc-tab-indicator__content--icon{height:34px;font-size:34px}.mdc-tab-indicator{display:flex;position:absolute;top:0;left:0;justify-content:center;width:100%;height:100%;pointer-events:none;z-index:1}.mdc-tab-indicator__content{transform-origin:left;opacity:0}.mdc-tab-indicator__content--underline{align-self:flex-end;box-sizing:border-box;width:100%;border-top-style:solid}.mdc-tab-indicator__content--icon{align-self:center;margin:0 auto}.mdc-tab-indicator--active .mdc-tab-indicator__content{opacity:1}.mdc-tab-indicator .mdc-tab-indicator__content{transition:250ms transform cubic-bezier(0.4, 0, 0.2, 1)}.mdc-tab-indicator--no-transition .mdc-tab-indicator__content{transition:none}.mdc-tab-indicator--fade .mdc-tab-indicator__content{transition:150ms opacity linear}.mdc-tab-indicator--active.mdc-tab-indicator--fade .mdc-tab-indicator__content{transition-delay:100ms}.mdc-tab{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.875rem;font-size:var(--mdc-typography-button-font-size, 0.875rem);line-height:2.25rem;line-height:var(--mdc-typography-button-line-height, 2.25rem);font-weight:500;font-weight:var(--mdc-typography-button-font-weight, 500);letter-spacing:0.0892857143em;letter-spacing:var(--mdc-typography-button-letter-spacing, 0.0892857143em);text-decoration:none;text-decoration:var(--mdc-typography-button-text-decoration, none);text-transform:none;text-transform:var(--mdc-typography-button-text-transform, none);position:relative}.mdc-tab .mdc-tab__text-label{color:rgba(0, 0, 0, 0.6)}.mdc-tab .mdc-tab__icon{color:rgba(0, 0, 0, 0.54);fill:currentColor}.mdc-tab__content{position:relative}.mdc-tab__icon{width:24px;height:24px;font-size:24px}.mdc-tab--active .mdc-tab__text-label{color:#26a69a;color:var(--mdc-theme-primary, #26a69a)}.mdc-tab--active .mdc-tab__icon{color:#26a69a;color:var(--mdc-theme-primary, #26a69a);fill:currentColor}.mdc-tab{background:none}.mdc-tab{min-width:90px;padding-right:24px;padding-left:24px;display:flex;flex:1 0 auto;justify-content:center;box-sizing:border-box;margin:0;padding-top:0;padding-bottom:0;border:none;outline:none;text-align:center;white-space:nowrap;cursor:pointer;-webkit-appearance:none;z-index:1}.mdc-tab::-moz-focus-inner{padding:0;border:0}.mdc-tab--min-width{flex:0 1 auto}.mdc-tab__content{display:flex;align-items:center;justify-content:center;height:inherit;pointer-events:none}.mdc-tab__text-label{transition:150ms color linear;display:inline-block;line-height:1;z-index:2}.mdc-tab__icon{transition:150ms color linear;z-index:2}.mdc-tab--stacked .mdc-tab__content{flex-direction:column;align-items:center;justify-content:center}.mdc-tab--stacked .mdc-tab__text-label{padding-top:6px;padding-bottom:4px}.mdc-tab--active .mdc-tab__text-label,.mdc-tab--active .mdc-tab__icon{transition-delay:100ms}.mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon+.mdc-tab__text-label{padding-left:8px;padding-right:0}[dir=rtl] .mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon+.mdc-tab__text-label,.mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon+.mdc-tab__text-label[dir=rtl]{padding-left:0;padding-right:8px;}@keyframes mdc-ripple-fg-radius-in{from{animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@keyframes mdc-ripple-fg-opacity-in{from{animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-out{from{animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-tab{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}.mdc-tab .mdc-tab__ripple::before,.mdc-tab .mdc-tab__ripple::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:\"\"}.mdc-tab .mdc-tab__ripple::before{transition:opacity 15ms linear, background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.mdc-tab .mdc-tab__ripple::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.mdc-tab.mdc-ripple-upgraded .mdc-tab__ripple::before{transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-tab.mdc-ripple-upgraded .mdc-tab__ripple::after{top:0;left:0;transform:scale(0);transform-origin:center center}.mdc-tab.mdc-ripple-upgraded--unbounded .mdc-tab__ripple::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-tab.mdc-ripple-upgraded--foreground-activation .mdc-tab__ripple::after{animation:mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards}.mdc-tab.mdc-ripple-upgraded--foreground-deactivation .mdc-tab__ripple::after{animation:mdc-ripple-fg-opacity-out 150ms;transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-tab .mdc-tab__ripple::before,.mdc-tab .mdc-tab__ripple::after{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-tab.mdc-ripple-upgraded .mdc-tab__ripple::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-tab .mdc-tab__ripple::before,.mdc-tab .mdc-tab__ripple::after{background-color:#26a69a;background-color:var(--mdc-ripple-color, var(--mdc-theme-primary, #26a69a))}.mdc-tab:hover .mdc-tab__ripple::before,.mdc-tab.mdc-ripple-surface--hover .mdc-tab__ripple::before{opacity:0.08;opacity:var(--mdc-ripple-hover-opacity, 0.08)}.mdc-tab.mdc-ripple-upgraded--background-focused .mdc-tab__ripple::before,.mdc-tab:not(.mdc-ripple-upgraded):focus .mdc-tab__ripple::before{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-ripple-focus-opacity, 0.24)}.mdc-tab:not(.mdc-ripple-upgraded) .mdc-tab__ripple::after{transition:opacity 150ms linear}.mdc-tab:not(.mdc-ripple-upgraded):active .mdc-tab__ripple::after{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-ripple-press-opacity, 0.24)}.mdc-tab.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.24)}.mdc-tab__ripple{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;will-change:transform, opacity}.scroll-fade,.scroll-button{position:absolute;transition-property:transform;transition-duration:0.3s;transition-timing-function:ease-out}.scroll-fade{top:0;height:100%;width:4.0625rem;pointer-events:none}.scroll-fade.left{transform:translate3d(-4.0625rem, 0, 0);left:0;background:linear-gradient(270deg, rgba(var(--contrast-300), 0) 0%, rgba(var(--contrast-300), 0.8) 40%, rgba(var(--contrast-300), 0.8) 100%)}.scroll-fade.right{transform:translate3d(4.0625rem, 0, 0);right:0;background:linear-gradient(90deg, rgba(var(--contrast-300), 0) 0%, rgba(var(--contrast-300), 0.8) 40%, rgba(var(--contrast-300), 0.8) 100%)}.scroll-button{--icon-background-color:rgb(var(--contrast-100));display:flex;align-items:center;top:0;bottom:0}.scroll-button.left{transform:translate3d(-4.0625rem, 0, 0);left:0.25rem}.scroll-button.right{transform:translate3d(4.0625rem, 0, 0);right:0.25rem}.scroll-button:hover{transform:translate3d(0, 0, 0)}.mdc-tab-scroller{position:relative;overflow:hidden}.mdc-tab-scroller.can-scroll-left .scroll-fade.left,.mdc-tab-scroller.can-scroll-left .scroll-button.left,.mdc-tab-scroller.can-scroll-right .scroll-fade.right,.mdc-tab-scroller.can-scroll-right .scroll-button.right{transform:translate3d(0, 0, 0)}.mdc-tab-scroller.can-scroll-left:not(.can-scroll-right) .scroll-button.right,.mdc-tab-scroller.can-scroll-right:not(.can-scroll-left) .scroll-button.left{opacity:0.5;transition-delay:0.5s}.lime-hide-scrollbars{scrollbar-width:none;-ms-overflow-style:none}.mdc-tab-scroller__scroll-content{padding:0.25rem 0.75rem 0 0.75rem;background-color:rgb(var(--contrast-300))}:host(limel-tab-bar){--limel-active-tab-background-color:var(\n --tab-panel-background-color,\n rgb(var(--contrast-100))\n );isolation:isolate;display:block;position:relative}:host(.has-tabs-with-equal-width) .mdc-tab{flex:1 0 auto}.mdc-tab-indicator .mdc-tab-indicator__content{border:none}.mdc-tab__ripple{box-sizing:border-box;border-radius:0.625rem;border-style:solid;border-color:transparent;border-width:0.25rem;opacity:0.7}.mdc-tab__ripple:before,.mdc-tab__ripple:after{transition:background-color 0.5s ease}.mdc-tab{border-radius:0;letter-spacing:normal;padding-right:1.25rem;padding-left:1.25rem;min-width:2.5rem;background-color:transparent;flex:0 0 auto}.mdc-tab:not(.mdc-tab--active){--badge-background-color:rgb(var(--contrast-600))}.mdc-tab:not(.mdc-tab--active):after{content:\"\";display:block;background-color:rgb(var(--contrast-600));width:0.125rem;height:1rem;margin:auto;position:absolute;top:0;bottom:0;border-radius:1rem;right:-0.125rem}.mdc-tab:not(.mdc-tab--active):last-of-type:after{display:none}.mdc-tab--active{border-radius:0.625rem 0.625rem 0 0;background-color:var(--limel-active-tab-background-color);z-index:2}.mdc-tab--active:before,.mdc-tab--active:after{content:\"\";display:block;width:0.75rem;height:0.75rem;position:absolute;bottom:0;background-color:var(--limel-active-tab-background-color);-webkit-mask-image:url(\"data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' clip-rule='evenodd' viewBox='0 0 50 50'><defs/><path d='M0 0c0 27.594 22.406 50 50 50H0V0z'/></svg>\");mask-image:url(\"data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' clip-rule='evenodd' viewBox='0 0 50 50'><defs/><path d='M0 0c0 27.594 22.406 50 50 50H0V0z'/></svg>\")}.mdc-tab--active:before{left:-0.75rem;transform:rotateY(180deg)}.mdc-tab--active:after{right:-0.75rem}.mdc-tab--active .mdc-ripple-upgraded--background-focused:before{background-color:transparent;transition:background-color 1s ease}.mdc-tab__content{gap:0.375rem}.mdc-tab .mdc-tab__text-label{transition:color 0.2s ease;padding-left:0 !important;color:var(--mdc-theme-on-surface)}.mdc-tab:hover .mdc-tab__text-label{color:var(--mdc-theme-text-primary-on-background)}.mdc-tab.mdc-tab--active .mdc-tab__text-label{color:var(--mdc-theme-primary)}";const{TAB_ACTIVATED_EVENT:bt}=ot;const pt=150;const vt=40;const gt=class{constructor(n){t(this,n);this.changeTab=r(this,"changeTab",7);this.setupMdc=false;this.tabs=[];this.canScrollLeft=false;this.canScrollRight=false;this.handleTabActivated=this.handleTabActivated.bind(this);this.handleScroll=this.handleScroll.bind(this);this.handleLeftScrollClick=this.handleLeftScrollClick.bind(this);this.handleRightScrollClick=this.handleRightScrollClick.bind(this);this.renderTab=this.renderTab.bind(this)}connectedCallback(){this.setup()}componentDidLoad(){this.setup();this.triggerIconColorWarning()}componentDidUpdate(){if(!this.setupMdc){return}this.setup();this.setupMdc=false}disconnectedCallback(){this.tearDown()}render(){return n("div",{class:"mdc-tab-bar",role:"tablist"},n("div",{class:{"mdc-tab-scroller":true,"can-scroll-left":this.canScrollLeft,"can-scroll-right":this.canScrollRight}},n("div",{class:"mdc-tab-scroller__scroll-area lime-hide-scrollbars"},n("div",{class:"mdc-tab-scroller__scroll-content"},this.tabs.map(this.renderTab))),n("div",{class:"scroll-fade left"}),n("div",{class:"scroll-button left"},n("limel-icon-button",{icon:"angle_left",elevated:true,tabindex:"-1","aria-hidden":"true",disabled:!this.canScrollLeft,onClick:this.handleLeftScrollClick})),n("div",{class:"scroll-fade right"}),n("div",{class:"scroll-button right"},n("limel-icon-button",{icon:"angle_right",elevated:true,tabindex:"-1","aria-hidden":"true",disabled:!this.canScrollRight,onClick:this.handleRightScrollClick}))))}tabsChanged(t=[],r=[]){const n=t.map((t=>t.id));const e=r.map((t=>t.id));if(l(n,e)){return}this.setupMdc=true;this.tearDown()}handleWindowResize(){this.handleScroll()}setup(){const t=this.host.shadowRoot.querySelector(".mdc-tab-bar");if(!t){return}this.mdcTabBar=new dt(t);this.mdcTabBar.focusOnActivate=true;this.mdcTabBar.useAutomaticActivation=true;this.scrollArea=t.querySelector(".mdc-tab-scroller__scroll-area");this.scrollContent=t.querySelector(".mdc-tab-scroller__scroll-content");this.setupListeners();setTimeout(this.handleScroll,0)}tearDown(){if(this.scrollArea){this.scrollArea.removeEventListener("scroll",this.handleScroll)}if(this.mdcTabBar){this.mdcTabBar.unlisten(bt,this.handleTabActivated);this.mdcTabBar.destroy()}}setupListeners(){this.mdcTabBar.listen(bt,this.handleTabActivated);this.scrollArea.addEventListener("scroll",this.handleScroll,{passive:true})}handleTabActivated(t){const r=t.detail.index;const n=ht(this.tabs,r);O(n,this.tabs).sort(this.sortByInactive).forEach((t=>{this.changeTab.emit(t)}));this.tabs=n}sortByInactive(t,r){return Number(t.active)-Number(r.active)}handleScroll(){const t=this.scrollArea.scrollLeft;const r=Math.floor(this.scrollContent.getBoundingClientRect().width-this.scrollArea.getBoundingClientRect().width-t);if(t>vt){this.canScrollLeft=true}else{this.canScrollLeft=false}if(r>vt){this.canScrollRight=true}else{this.canScrollRight=false}}handleLeftScrollClick(){this.scrollArea.scroll({left:this.scrollArea.scrollLeft-pt,behavior:"smooth"})}handleRightScrollClick(){this.scrollArea.scroll({left:this.scrollArea.scrollLeft+pt,behavior:"smooth"})}renderIcon(t){if(!t.icon){return}const r=i(t.icon);const e=o(t.icon,t.iconColor);const a={color:""};if(e){a.color=e}return n("limel-icon",{class:"mdc-tab__icon",name:r,style:a,size:"small","aria-hidden":"true"})}renderTab(t){return n("button",{class:{"mdc-tab":true,"mdc-tab--active":!!t.active},role:"tab","aria-selected":t.active?"true":"false",tabindex:t.active?0:-1},n("span",{class:"mdc-tab__content"},this.renderIcon(t),n("span",{class:"mdc-tab__text-label"},t.text),t.badge?n("limel-badge",{label:t.badge}):""),n("span",{class:{"mdc-tab-indicator":true,"mdc-tab-indicator--active":!!t.active}},n("span",{class:"mdc-tab-indicator__content mdc-tab-indicator__content--underline"})),n("span",{class:"mdc-tab__ripple"}))}triggerIconColorWarning(){if(this.tabs.some((t=>t.iconColor))){console.warn("The `iconColor` prop is deprecated now! Use the new `Icon` interface and instead of `iconColor: 'color-name'` write `icon {name: 'icon-name', color: 'color-name'}`.")}}get host(){return e(this)}static get watchers(){return{tabs:["tabsChanged"]}}};gt.style=mt;export{gt as limel_tab_bar};
|
|
476
|
+
//# sourceMappingURL=p-f76277b6.entry.js.map
|