@aurigma/ui-framework/dist/imports/es8/dynamic.au-widget-group.tw1ff5iwrs.js

A platform which allows building print product personalization editors based on Aurigma's Customer's Canvas.

(window.multistep_editor_jsonpFunction=window.multistep_editor_jsonpFunction||[]).push([[30],{836:function(n,e){n.exports='<style>\n    :host {\n        display: flex;\n        flex-direction: row;\n        flex: 0 0 auto;\n        --iron-icon-width: 24px;\n        --iron-icon-height: 24px;\n        background: var(--au-collapse-background-color, #f5f5f5);\n        @apply --au-collapse;\n    }\n\n    #trigger {\n        @apply --layout-horizontal;\n        @apply --layout-center;\n        padding-left: 16px;\n        padding-right: 16px;\n        background: var(--au-collapse-trigger-color, #e8e8e8);\n        flex: 0 0 auto;\n        flex-direction: row-reverse;\n        cursor: pointer;\n    }\n\n    #trigger ::slotted([slot="collapse-trigger"]) {\n        display: inline-flex;\n        width: 100%;\n        height: var(--au-collapse-height, 38px);\n        justify-content: left;\n        align-items: center;\n    }\n\n    iron-collapse ::slotted([slot="collapse-content"]) {\n        width: 100%;\n        height: 100%;\n        display: flex;\n        flex-direction: column;\n        justify-content: flex-start;\n    }\n\n    iron-collapse {\n        padding-left: 16px;\n        padding-right: 16px;\n        overflow-y: auto;\n        overflow-x: hidden;\n        max-height: 650px;\n        position: relative;\n        z-index: 1;\n        flex: 1 1 auto;\n    }\n\n    :host([opened]) {\n        flex: 1 1 auto;\n        height: 100px;\n    }\n\n    .collapse-container {\n        display: flex;\n        flex-direction: column;\n        width: 100%;\n    }\n\n    .open {\n        transform: rotate(180deg);\n        transition: transform 0.25s ease;\n    }\n\n    .close {\n        transform: rotate(360deg);\n        transition: transform 0.25s ease;\n    }\n\n    #trigger iron-icon {\n        z-index: 9;\n        color: var(--theme-text-color-1);\n    }\n</style>\n<div class="collapse-container">\n    <div id="trigger" on-tap="toggle">\n        <iron-icon icon="au-icons:expand_more" class$="[[_toggle(opened)]]" hidden$="[[noIcons]]"></iron-icon>\n        <au-icon-fixer></au-icon-fixer>\n        <slot name="collapse-trigger"></slot>\n    </div>\n    <iron-collapse id="collapse" horizontal="[[horizontal]]" no-animation="[[noAnimation]]" opened="[[opened]]">\n        <template is="dom-if" if="{{scrollable}}">\n            <au-custom-scroll></au-custom-scroll>\n        </template>\n        <slot name="collapse-content"></slot>\n    </iron-collapse>\n</div>\n'},837:function(n,e){n.exports='<style>\n    .collapse-title {\n        @apply --au-widget-title-font;\n    }\n\n    .tab-icon {\n        margin: 8px;\n    }\n\n    .group-container {\n        width: 100%;\n        height: 100%;\n        display: flex;\n        flex-direction: column;\n        box-sizing: border-box;\n    }\n\n    .toggle-title {\n        cursor: pointer;\n    }\n</style>\n<div class="group-container" id="container" style="overflow: var(--aurigma-group-overflow, hidden);">\n    <dom-repeat items="{{tabs}}" as="tab">\n        <template>\n            <au-collapse name="[[tab.title]]" scrollable="[[scrollable]]" style="overflow: var(--aurigma-group-overflow, hidden);" opened="[[tab.opened]]" on-opened-changed="_onOpenedChange"\n                data-tab$="[[index]]">\n                <span slot="collapse-trigger" class="collapse-title">\n                    <dom-if if="{{tab.icon}}">\n                        <template>\n                            <iron-icon icon="{{tab.icon}}" class="tab-icon"></iron-icon>\n                            <au-icon-fixer></au-icon-fixer>\n                        </template>\n                    </dom-if>\n                    <dom-if if="{{tab.title}}">\n                        <template>\n                            <span class="toggle-title">{{tab.title}}</span>\n                        </template>\n                    </dom-if>\n                </span>\n                <span slot="collapse-content">\n                    <dom-repeat items="{{tab.widgets}}" as="widget" id="repeater">\n                        <template>\n                            <au-widget style$="[[_getStylesByType(widget.type)]]" name="{{widget.name}}" group="{{self}}" language="{{language}}"\n                                driver="{{driver}}" definition="{{widget}}"></au-widget>\n                        </template>\n                    </dom-repeat>\n                </span>\n            </au-collapse>\n        </template>\n    </dom-repeat>\n</div>\n'},838:function(n,e){n.exports='<style>\n    :host {\n        --group-padding-title-horizontal: calc(1.25 * var(--au-hem));\n        --group-padding-title-vertical: calc(1 * var(--au-hem));\n\n        --group-padding-content-top: calc(0.25 * var(--au-hem));\n        --group-padding-content-left: calc(1.25 * var(--au-hem));\n        --group-padding-content-right: calc(1.25 * var(--au-hem));\n        --group-padding-content-bottom: calc(1.875 * var(--au-hem));\n    }\n\n    .title {\n        @apply --au-widget-title-font;\n    }\n\n    .tab-icon {\n        margin: calc(0.5 * var(--au-hem));\n    }\n\n    .noncollapse-container {\n        height: 100%;\n        display: flex;\n        flex-direction: var(--au-flex-direction, column);\n        justify-content: var(--au-justify-content, unset);\n        width: var(--group-content-width, "100%");\n\n        background-color: var(--theme-background-color);\n        border: var(--au-collapse_-_border);\n        box-sizing: border-box;\n    }\n\n    .toggle-title {\n        cursor: pointer;\n    }\n\n    .noncollapse-title {\n        padding: var(--group-padding-title-vertical, 16px) var(--group-padding-title-horizontal, 20px) 0;\n        z-index: 1;\n        background-color: var(--theme-background-color);\n    }\n\n    .noncollapse-content {\n        padding: var(--group-padding-content-top, 4px) var(--group-padding-content-right, 20px) var(--group-padding-content-bottom, 30px) var(--group-padding-content-left, 20px);\n        margin-top: var(--group-padding-title-vertical, 16px);\n        margin-bottom: var(--group-padding-title-vertical, 16px);\n        flex-direction: var(--au-flex-direction, column);\n        height: calc(100% - var(--group-padding-content-top, 4px) - var(--group-padding-content-bottom, 30px) - var(--group-padding-title-vertical, 16px) - var(--group-padding-title-vertical, 16px));\n        overflow: unset !important;\n        display: inherit;\n    }\n\n    .noncollapse-content au-widget {\n        margin-bottom: var(--group-padding-content-bottom, 30px);\n        height: var(--au-widget-height, auto);\n        width: var(--au-width, 100%);\n    }\n\n    .last-line {\n        height: var(--group-padding-content-bottom, 30px);\n        width: 100%;\n    }\n\n    .scroll-content {\n        display: flex;\n        flex-direction: inherit;\n        justify-content: inherit;\n    }\n</style>\n<div class="noncollapse-container" id="container" style="overflow: var(--aurigma-group-overflow, hidden);">\n    <template is="dom-if" if="{{scrollable}}">\n        <au-custom-scroll></au-custom-scroll>\n    </template>\n    <dom-repeat items="{{tabs}}" as="tab">\n        <template>\n            <dom-if if="{{tab.title}}">\n                <template>\n                    <div class="noncollapse-title" data-tab$="[[index]]">\n                        <dom-if if="{{tab.icon}}">\n                            <template>\n                                <iron-icon icon="{{tab.icon}}" class="tab-icon"></iron-icon>\n                                <au-icon-fixer></au-icon-fixer>\n                            </template>\n                        </dom-if>\n                        <dom-if if="{{tab.title}}">\n                            <template>\n                                <span class="title">{{tab.title}}</span>\n                            </template>\n                        </dom-if>\n                    </div>\n                </template>\n            </dom-if>\n            <div class="noncollapse-content" data-tab$="[[index]]">\n                <dom-repeat items="{{tab.widgets}}" as="widget" id="repeater">\n                    <template>\n                        <au-widget style$="[[_getStylesByType(widget.type)]]" name="{{widget.name}}" group="{{self}}" language="{{language}}" driver="{{driver}}"\n                            definition="{{widget}}"></au-widget>\n                    </template>\n                </dom-repeat>\n                <div class="last-line"></div>\n            </div>\n        </template>\n    </dom-repeat>\n</div>\n'},839:function(n,e){n.exports='<style>\n    iron-selector {\n        background: var(--au-collapse-background-color, #ffffff);\n        height: 90%;\n    }\n\n    :host iron-selector {\n        background: var(--au-collapse-background-color, #ffffff);\n        height: 90%;\n    }\n\n    .group-container {\n        margin-left: 0px !important;\n        margin-right: 0px !important;\n        padding-left: 0px !important;\n        padding-right: 0px !important;\n    }\n\n    .group-container.horizontal,\n    .group-container.vertical {\n        display: -webkit-box;\n        display: -ms-flexbox;\n        display: flex;\n        -webkit-box-direction: normal;\n        border: 1px solid var(--theme-border-color);\n        box-sizing: border-box;\n    }\n\n    .group-container.vertical {\n        -webkit-box-orient: horizontal;\n        -ms-flex-direction: row;\n        flex-direction: row;\n        height: 100%;\n    }\n\n    .group-container.horizontal {\n        -webkit-box-orient: vertical;\n        -ms-flex-direction: column;\n        flex-direction: column;\n        -webkit-box-flex: 1;\n        -ms-flex: 1 1 100%;\n        flex: 1 1 100%;\n        height: 100%;\n        width: 100%;\n    }\n\n    .group-container.vertical paper-listbox,\n    .group-container.horizontal paper-listbox {\n        display: -webkit-box;\n        display: -ms-flexbox;\n        display: flex;\n        -webkit-box-pack: start;\n        -ms-flex-pack: start;\n        justify-content: flex-start;\n        padding: 0;\n    }\n\n    .group-container.vertical paper-listbox {\n        -webkit-box-orient: vertical;\n        -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n        flex-direction: column;\n        height: 100%;\n        width: 80px;\n        background-color: var(--au-tabbed-group-container-tab-background);\n    }\n\n    .group-container.horizontal paper-listbox {\n        -webkit-box-orient: horizontal;\n        -webkit-box-direction: normal;\n        -ms-flex-direction: row;\n        flex-direction: row;\n        height: 50px;\n        background-color: var(--au-tabbed-group-container-tab-background);\n    }\n\n    .group-container.vertical paper-listbox>.tab-container,\n    .group-container.horizontal paper-listbox>.tab-container {\n        display: -webkit-inline-box;\n        display: -ms-inline-flexbox;\n        display: inline-flex;\n        -webkit-box-align: center;\n        -ms-flex-align: center;\n        align-items: center;\n        -webkit-box-pack: center;\n        -ms-flex-pack: center;\n        justify-content: center;\n        -ms-user-select: none;\n        -webkit-user-select: none;\n        -moz-user-select: none;\n        user-select: none;\n        background-color: var(--au-tabbed-group-tab-background);\n        color: var(--au-tabbed-group-tab-color);\n        outline: none;\n    }\n\n    .group-container.vertical paper-listbox>.tab-container:hover,\n    .group-container.horizontal paper-listbox>.tab-container:hover {\n        background-color: var(--au-tabbed-group-tab-hover-background);\n    }\n\n    .group-container.vertical paper-listbox>.tab-container.iron-selected,\n    .group-container.horizontal paper-listbox>.tab-container.iron-selected {\n        background-color: var(--theme-interface-color);\n        color: var(--theme-primary-color);\n        -webkit-box-shadow: none;\n        box-shadow: none;\n    }\n\n    .group-container.vertical paper-listbox>.tab-container {\n        -webkit-box-orient: vertical;\n        -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n        flex-direction: column;\n        min-height: 58px;\n        width: 80px;\n        padding-top: 18px;\n        padding-bottom: 14px;\n        margin: 0 auto;\n    }\n\n    .group-container.vertical paper-listbox>.tab-container .toggle-title {\n        word-break: keep-all;\n        width: 100%;\n        @apply --au-caption-font;\n        margin-top: 8px;\n    }\n\n    .group-container.horizontal paper-listbox>.tab-container {\n        -webkit-box-orient: horizontal;\n        -webkit-box-direction: normal;\n        -ms-flex-direction: row;\n        flex-direction: row;\n        -webkit-box-flex: 1;\n        -ms-flex: 1 1 auto;\n        flex: 1 1 auto;\n    }\n\n    .tab-container {\n        padding-top: 13px;\n        padding-bottom: 13px;\n        -webkit-box-pack: center;\n        -ms-flex-pack: center;\n        justify-content: center;\n        -webkit-box-align: center;\n        -ms-flex-align: center;\n        align-items: center;\n    }\n\n    .toggle-title {\n        @apply --au-button-font;\n        @apply --break-words;\n        text-align: center;\n    }\n\n    iron-selector>paper-item:not(.iron-selected) {\n        display: none;\n    }\n\n    iron-selector>paper-item {\n        display: -webkit-box;\n        display: -ms-flexbox;\n        display: flex;\n        -webkit-box-orient: vertical;\n        -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n        flex-direction: column;\n        -webkit-box-pack: start;\n        -ms-flex-pack: start;\n        justify-content: flex-start;\n        padding: 0px 16px 30px;\n        margin-top: 20px;\n        margin-bottom: 30px;\n        flex: 1 1 100%;\n        max-height: 630px;\n    }\n\n    paper-item:focus:before {\n        background-color: transparent;\n    }\n\n    iron-selector {\n        display: -webkit-box;\n        display: -ms-flexbox;\n        display: flex;\n        -webkit-box-orient: vertical;\n        -webkit-box-direction: normal;\n        -ms-flex-direction: column;\n        flex-direction: column;\n        -webkit-box-pack: center;\n        -ms-flex-pack: center;\n        justify-content: center;\n        width: 100%;\n    }\n\n    @media screen and (max-width: 769px) {\n        .group-container.horizontal,\n        .group-container.vertical {\n            border: none\n        }\n    }\n</style>\n<div class$="group-container [[containerLayout]]" id="container"\n    style="height: 100% !important; min-height: 100% !important;">\n    <paper-listbox id="selector" selected="{{selectedIndex}}">\n        <template is="dom-repeat" items="{{tabs}}" as="tab">\n            <div class="tab-container" name="{{tab.title}}" data-tab$="[[index]]">\n                <dom-if if="{{tab.icon}}">\n                    <template>\n                        <iron-icon icon="{{tab.icon}}"></iron-icon>\n                        <au-icon-fixer></au-icon-fixer>\n                    </template>\n                </dom-if>\n                <dom-if if="{{tab.title}}">\n                    <template>\n                        <span class="toggle-title">{{tab.title}}</span>\n                    </template>\n                </dom-if>\n            </div>\n        </template>\n    </paper-listbox>\n    <div style="flex: 1 1 100%; display: flex; height: 100%; max-height: 100%!important; min-height: 93%!important;">\n        <iron-selector style="height: 100%!important; max-height: 96% !important;" attr-for-selected="id"\n            selected="[[selectedIndex]]">\n\n            <template is="dom-repeat" items="[[tabs]]" as="tab">\n                <paper-item style="height: 100%" id="[[index]]" data-tab$="[[index]]" style="overflow: var(--aurigma-group-overflow, hidden);">\n                    <template is="dom-if" if="{{scrollable}}">\n                        <au-custom-scroll></au-custom-scroll>\n                    </template>\n                    <dom-repeat items="[[tab.widgets]]" as="widget" id="repeater">\n                        <template>\n                            <au-widget style$="[[_getStylesByType(widget.type)]]" name="[[widget.name]]" group="{{self}}" language="{{language}}"\n                                driver="[[driver]]" definition="[[widget]]">\n                            </au-widget>\n                        </template>\n                    </dom-repeat>\n                </paper-item>\n            </template>\n        </iron-selector>\n    </div>\n</div>\n'},840:function(n,e){n.exports="<style>\n    :host {\n        --paper-item-selected-weight: 400;\n        --paper-listbox-background-color: transparent;\n        width: 100%;\n        height: 100%;\n        display: flex;\n        flex-direction: column;\n    }\n\n    [hidden] {\n        display: none !important;\n    }\n\n    au-widget {\n        display: inline-table;\n        margin-bottom: 24px;\n    }\n\n    @media not all and (min-resolution: .001dpcm) {\n        @supports (-webkit-appearance:none) and (not (stroke-color:transparent)) {\n            au-widget {\n                display: flex !important;\n                padding-right: 8px;\n            }\n        }\n    }\n\n    @media not all and (min-resolution: .001dpcm) {\n        @supports (-webkit-appearance:none) and (stroke-color:transparent) {\n            au-widget {\n                display: flex !important;\n                padding-right: 8px;\n            }\n        }\n    }\n\n    @media screen and (min-color-index: 0) and(-webkit-min-device-pixel-ratio: 0) {\n        @media {\n            au-widget {\n                display: flex !important;\n                margin-bottom: 24px;\n                padding-right: 8px;\n            }\n        }\n    }\n\n    @media screen and (-webkit-min-device-pixel-ratio: 0) {\n        au-widget {\n            display: flex !important;\n            margin-bottom: 24px;\n            margin-right: 4px;\n        }\n    }\n</style>\n"},929:function(n,e,t){"use strict";t.r(e),t.d(e,"AuWidgetGroup",(function(){return y})),t.d(e,"widget",(function(){return y}));var o=t(0),i=t(836),a=t(2),r=t(20);let l=class extends r.a{constructor(){super(),this.horizontal=!1,this.noAnimation=!1,this.opened=!0,this.scrollable=!1,this.noIcons=!1,this.collapseListener=this.collapseListener.bind(this)}show(){this.open()}hide(){this.close()}open(){this.opened=!0}close(){this.opened=!1}toggle(){this.$.collapse.addEventListener("transitionend",this.collapseListener),this.opened=!this.opened}_toggle(n){return n?"open":"close"}dispatchCollapse(){this.dispatchEvent(new CustomEvent("collapse",{detail:this.opened})),window.document.dispatchEvent(new CustomEvent("collapse",{detail:this.opened}))}collapseListener(){this.dispatchCollapse(),this.$.collapse&&this.$.collapse.removeEventListener("transitionend",this.collapseListener)}};var s;Object(o.a)([Object(a.c)({notify:!0}),Object(o.b)("design:type",Boolean)],l.prototype,"horizontal",void 0),Object(o.a)([Object(a.c)({notify:!0}),Object(o.b)("design:type",Boolean)],l.prototype,"noAnimation",void 0),Object(o.a)([Object(a.c)({notify:!0,reflectToAttribute:!0}),Object(o.b)("design:type",Boolean)],l.prototype,"opened",void 0),Object(o.a)([Object(a.c)({notify:!0,reflectToAttribute:!0}),Object(o.b)("design:type",Boolean)],l.prototype,"scrollable",void 0),Object(o.a)([Object(a.c)({notify:!0}),Object(o.b)("design:type",Boolean)],l.prototype,"noIcons",void 0),l=Object(o.a)([Object(a.a)("au-collapse",i),Object(o.b)("design:paramtypes",[])],l),function(n){n[n.htab=0]="htab",n[n.vtab=1]="vtab",n[n.collapsible=2]="collapsible",n[n.noncollapsible=3]="noncollapsible"}(s||(s={}));var c=t(14),p=t(17),d=t(395),b=t(37),g=t(1),m=t(160),h=t(837),u=t(838),f=t(839);const x=`\n            ${t(840)}\n            <dom-if if="[[templateSwitch]]">\n                <template>\n                    <dom-if if="[[isNonCollapsible(type)]]">\n                        <template>\n                            ${u}\n                        </template>\n                    </dom-if>\n                    <dom-if if="[[isCollapsible(type)]]">\n                        <template>\n                            ${h}\n                        </template>\n                    </dom-if>\n                </template>\n            </dom-if>\n            <dom-if if="[[!templateSwitch]]">\n                <template>\n                    ${f}\n                </template>\n            </dom-if>\n`;let y=class extends m.b{constructor(){super(...arguments),this.format="full-height",this.tabs=[],this.selectedIndex=0,this.containerLayout="",this.templateSwitch=!0,this.accordion=!0,this.selectedTitle="",this.showCustomScroll=!0,this.unifySelection=!1}static get template(){}clearSelection(){this.selectedIndex=-1}get _(){return b.Maybe.maybe(this._currentWidget).bind((n=>n._))}connectedCallback(){this.self=this,super.connectedCallback(),this.selectedIndex=0,this.tabs.forEach((n=>{n.widgets.forEach((e=>{e.format="group",n.title&&(e.formatTitle="subtitle")}))}));let n=[].concat(...this.tabs.map((n=>n.widgets))).map((n=>n.name));this.observable.pipe(Object(d.a)((e=>e.header===p.a.WIDGET_CHANGE&&n.indexOf(e.name)>=0&&!!e.sender._))).subscribe((e=>{let t=this.jsonParamsFetcher.scope;this._currentWidget=e.sender,this.unifySelection&&n.filter((n=>n!==e.name)).forEach((n=>{b.Maybe.maybe(t.$).map((e=>e[n])).map((n=>(n.clearSelection||function(){}).bind(n))).chain((n=>n()))}))})),setTimeout((()=>{var n;if(this.auWizard._isVerticalMobileLayout){const n=this.querySelectorShadow(".noncollapse-content");n&&(n.style.paddingBottom="0px",n.style.marginBottom="0px")}"safari"===g.a.getBrowser()&&[this.querySelectorShadow(".noncollapse-container"),null===(n=this.querySelectorShadow("au-collapse"))||void 0===n?void 0:n.querySelectorShadow("#collapse")].forEach((n=>{n&&n.addEventListener("scroll",(()=>{this.publishData(null,p.a.CUSTOM_SCROLL)}))}))}),200)}async _paramsRawObserver(n){await super._paramsRawObserver(n),this.updateParams(n)}_onOpenedChange(n){n.detail.value&&this.accordion&&this.tabs.forEach(((e,t)=>{let o=n.target.name===e.title;this.set(`tabs.${t}.opened`,o)}))}updateParams(n){const e="safari"===g.a.getBrowser();this.scrollable=!e&&!1!==n.scrollable,e&&(!1!==n.scrollable?this.updateStyles({"--aurigma-group-overflow":"auto"}):this.updateStyles({"--aurigma-group-overflow":"hidden"})),this.type=s[this._computeValue(n.type.toString())]||s.htab,this.unifySelection=!!n.unifySelection,this.accordion=!!g.a.typeofCheck(n.accordion,"undefined")||n.accordion,this.type===s.vtab||this.type===s.htab?(this.containerLayout=this.type===s.htab?"horizontal":"vertical",this.templateSwitch=!1):this.templateSwitch=!0;let t=this.tabs.map((n=>!!n.opened)),o=n.tabs||[];o.forEach((n=>{if(n.title&&n.title.startsWith("{{")&&n.title.endsWith("}}")){const e=this.jsonParamsFetcher.scope;e.self=this;const t={[c.a.SCOPE_HEAD_KEY]:this.jsonParamsFetcher.head,title:n.title},o=this._jsonProcessor.process(t,e).title;"undefined"!==o&&(n.title=o)}})),t.forEach(((n,e)=>{n&&(this.selectedIndex=e),o[e]&&(o[e].opened=n)})),this.tabs=o,this.accordion&&!this.tabs.find((n=>n.opened))&&this.tabs.length>0&&(this.tabs[0].opened=!0)}recompileParams(n,e,t=!1){const o=JSON.parse(JSON.stringify(this.originWidget.definition.params));o[c.a.SCOPE_HEAD_KEY]=this.jsonParamsFetcher.head,this._jsonProcessor.process(o,n).tabs.map(((n,e)=>{Object.keys(n).forEach((t=>{"id"!==t&&"widgets"!==t&&(this.tabs[e][t]=n[t])}))})),this.updateVisibleParams(),this.oldParams=this.params,this.params=e}updateVisibleParams(){if(this.notifyPath("tabs"),this.tabs.forEach(((n,e)=>{const t=n.visible;null!=t&&Array.from(this.querySelectorAllShadow(`[data-tab='${e}']`)).forEach((n=>n.hidden=!t)),this.notifyPath("tabs."+e+".title")})),!1===this.tabs[this.selectedIndex].visible)for(const n of this.tabs)if(!1!==n.visible){this.selectedIndex=this.tabs.indexOf(n);break}}isCollapsible(n){return this.type===s.collapsible}isNonCollapsible(n){return this.type===s.noncollapsible}_getStylesByType(n){return"pim-design-selector"===n?"--au-widget-height: 100%;":""}};Object(o.a)([Object(a.c)(),Object(o.b)("design:type",Object)],y.prototype,"params",void 0),Object(o.a)([Object(a.c)(),Object(o.b)("design:type",Array)],y.prototype,"tabs",void 0),Object(o.a)([Object(a.c)(),Object(o.b)("design:type",Object)],y.prototype,"type",void 0),Object(o.a)([Object(a.c)(),Object(o.b)("design:type",Boolean)],y.prototype,"scrollable",void 0),Object(o.a)([Object(a.c)(),Object(o.b)("design:type",Number)],y.prototype,"selectedIndex",void 0),Object(o.a)([Object(a.c)(),Object(o.b)("design:type",String)],y.prototype,"containerLayout",void 0),Object(o.a)([Object(a.c)(),Object(o.b)("design:type",Boolean)],y.prototype,"templateSwitch",void 0),Object(o.a)([Object(a.c)(),Object(o.b)("design:type",Boolean)],y.prototype,"accordion",void 0),Object(o.a)([Object(a.c)(),Object(o.b)("design:type",String)],y.prototype,"selectedTitle",void 0),Object(o.a)([Object(a.c)(),Object(o.b)("design:type",Boolean)],y.prototype,"showCustomScroll",void 0),Object(o.a)([Object(a.c)(),Object(o.b)("design:type",Object),Object(o.b)("design:paramtypes",[])],y.prototype,"_",null),y=Object(o.a)([Object(a.a)("au-widget-group",x)],y)}}]);