package.dist.TabSeparator.js.map Maven / Gradle / Ivy
Go to download
Show more of this group Show more artifacts with this name
Show all versions of webcomponents Show documentation
Show all versions of webcomponents Show documentation
UI5 Web Components: webcomponents.main
The newest version!
{"version":3,"file":"TabSeparator.js","sourceRoot":"","sources":["../src/TabSeparator.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAC7E,OAAO,eAAe,MAAM,0DAA0D,CAAC;AACvF,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,YAAY,MAAM,mBAAmB,CAAC;AAG7C,YAAY;AACZ,OAAO,2BAA2B,MAAM,0DAA0D,CAAC;AACnG,OAAO,8BAA8B,MAAM,6DAA6D,CAAC;AAEzG,SAAS;AACT,OAAO,QAAQ,MAAM,+CAA+C,CAAC;AACrE,OAAO,WAAW,MAAM,kDAAkD,CAAC;AAW3E;;;;;;;;GAQG;AAKH,IAAM,YAAY,oBAAlB,MAAM,YAAa,SAAQ,UAAU;IAKpC,MAAM,KAAK,aAAa;QACvB,OAAO,2BAA2B,CAAC;IACpC,CAAC;IAED,MAAM,KAAK,gBAAgB;QAC1B,OAAO,8BAA8B,CAAC;IACvC,CAAC;IAED,IAAI,OAAO;QACV,OAAO;YACN,IAAI,EAAE;gBACL,mBAAmB,EAAE,IAAI;aACzB;SACD,CAAC;IACH,CAAC;IAED,IAAI,WAAW;QACd,OAAO,IAAI,CAAC;IACb,CAAC;IAED,gBAAgB,CAAC,EAAE,iBAAiB,EAAyB;QAC5D,IAAI,CAAC,kBAAkB,GAAG,iBAAiB,CAAC;IAC7C,CAAC;IAED,mBAAmB,CAAC,EAAE,KAAK,EAA4B;QACtD,IAAI,CAAC,sBAAsB,GAAG,KAAK,CAAC;IACrC,CAAC;IAED;;;;;OAKG;IACH,gBAAgB;QACf,OAAO,IAAI,CAAC,kBAAkB,EAAE,EAAE,CAAC;IACpC,CAAC;IAED,IAAI,YAAY;QACf,OAAO,IAAI,CAAC,YAAY,CAAC,gBAAgB,CAAC,IAAI,GAAG,IAAI,CAAC,GAAG,iBAAiB,CAAC;IAC5E,CAAC;IAED,IAAI,iBAAiB;QACpB,OAAO,eAAe,CAAC,cAAY,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC;IAC1D,CAAC;IAED,IAAI,oBAAoB;QACvB,OAAO,eAAe,CAAC,cAAY,CAAC,gBAAgB,EAAE,IAAI,CAAC,CAAC;IAC7D,CAAC;CACD,CAAA;AAtDK,YAAY;IAJjB,aAAa,CAAC;QACd,GAAG,EAAE,mBAAmB;QACxB,QAAQ,EAAE,SAAS;KACnB,CAAC;GACI,YAAY,CAsDjB;AAED,YAAY,CAAC,MAAM,EAAE,CAAC;AAEtB,YAAY,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAAC;AACzC,YAAY,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC;AAE5C,eAAe,YAAY,CAAC","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport executeTemplate from \"@ui5/webcomponents-base/dist/renderer/executeTemplate.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport TabContainer from \"./TabContainer.js\";\nimport type { TabContainerStripInfo, TabContainerOverflowInfo, ITab } from \"./TabContainer.js\";\n\n// Templates\nimport TabSeparatorInStripTemplate from \"./generated/templates/TabSeparatorInStripTemplate.lit.js\";\nimport TabSeparatorInOverflowTemplate from \"./generated/templates/TabSeparatorInOverflowTemplate.lit.js\";\n\n// Styles\nimport stripCss from \"./generated/themes/TabSeparatorInStrip.css.js\";\nimport overflowCss from \"./generated/themes/TabSeparatorInOverflow.css.js\";\nimport type ListItemCustom from \"./ListItemCustom.js\";\n\ninterface TabSeparatorInStrip extends HTMLElement {\n\trealTabReference: TabSeparator;\n}\n\ninterface TabSeparatorInOverflow extends ListItemCustom {\n\trealTabReference: TabSeparator;\n}\n\n/**\n * @class\n * The `ui5-tab-separator` represents a vertical line to separate tabs inside a `ui5-tabcontainer`.\n * @constructor\n * @extends UI5Element\n * @implements {ITab}\n * @abstract\n * @public\n */\n@customElement({\n\ttag: \"ui5-tab-separator\",\n\trenderer: litRender,\n})\nclass TabSeparator extends UI5Element implements ITab {\n\t_forcedStyleInOverflow?: Record;\n\n\t_getElementInStrip?: () => HTMLElement | undefined;\n\n\tstatic get stripTemplate() {\n\t\treturn TabSeparatorInStripTemplate;\n\t}\n\n\tstatic get overflowTemplate() {\n\t\treturn TabSeparatorInOverflowTemplate;\n\t}\n\n\tget classes() {\n\t\treturn {\n\t\t\troot: {\n\t\t\t\t\"ui5-tc__separator\": true,\n\t\t\t},\n\t\t};\n\t}\n\n\tget isSeparator() {\n\t\treturn true;\n\t}\n\n\treceiveStripInfo({ getElementInStrip }: TabContainerStripInfo) {\n\t\tthis._getElementInStrip = getElementInStrip;\n\t}\n\n\treceiveOverflowInfo({ style }: TabContainerOverflowInfo) {\n\t\tthis._forcedStyleInOverflow = style;\n\t}\n\n\t/**\n\t * Returns the DOM reference of the separator that is placed in the header.\n\t *\n\t * **Note:** Separators, placed in the `items` slot of other tabs are not shown in the header. Calling this method on such separators will return `undefined`.\n\t * @public\n\t */\n\tgetDomRefInStrip(): HTMLElement | undefined {\n\t\treturn this._getElementInStrip?.();\n\t}\n\n\tget stableDomRef() {\n\t\treturn this.getAttribute(\"stable-dom-ref\") || `${this._id}-stable-dom-ref`;\n\t}\n\n\tget stripPresentation() {\n\t\treturn executeTemplate(TabSeparator.stripTemplate, this);\n\t}\n\n\tget overflowPresentation() {\n\t\treturn executeTemplate(TabSeparator.overflowTemplate, this);\n\t}\n}\n\nTabSeparator.define();\n\nTabContainer.registerTabStyles(stripCss);\nTabContainer.registerTabStyles(overflowCss);\n\nexport default TabSeparator;\nexport type {\n\tTabSeparatorInStrip,\n\tTabSeparatorInOverflow,\n};\n"]}