@rarui/components 0.0.0-rc.1

package/dist/collection/navigation/Tabs/Root/dist/cjs/index.cjs.js

@@ -0,0 +1,4 @@
+'use strict';
+
+
+//# sourceMappingURL=index.cjs.js.map

package/dist/collection/navigation/Tabs/Root/dist/cjs/loader.cjs.js

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-c1cf5e11.js');
+const appGlobals = require('./app-globals-3a1e7e63.js');
+
+const defineCustomElements = async (win, options) => {
+  if (typeof window === 'undefined') return undefined;
+  await appGlobals.globalScripts();
+  return index.bootstrapLazy([["rarui-tabs.cjs",[[2,"rarui-tabs",{"position":[1],"underlined":[4],"full":[4],"defaultTab":[2,"default-tab"],"selected":[32]}]]]], options);
+};
+
+exports.setNonce = index.setNonce;
+exports.defineCustomElements = defineCustomElements;
+
+//# sourceMappingURL=loader.cjs.js.map

package/dist/collection/navigation/Tabs/Root/dist/cjs/rarui-tabs.cjs.entry.js

@@ -0,0 +1,39 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-c1cf5e11.js');
+const styles = require('@rarui/styles');
+
+const RaruiTabs = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.selectedTab = index.createEvent(this, "selectedTab", 7);
+        this.position = "left";
+        this.underlined = undefined;
+        this.full = undefined;
+        this.defaultTab = 0;
+        this.selected = this.defaultTab;
+    }
+    componentWillLoad() {
+        this._tabsChildrens = Array.from(this.el.querySelectorAll("rarui-tabs-item"));
+        this._tabsChildrens.forEach((child) => child.remove());
+    }
+    render() {
+        return (index.h(index.Host, { key: '70d89ebc921f5505b2cd70986613e61ccbce8548' }, index.h("ul", { key: 'd6b3be784459c4ae3447cfe676164b2300959910', class: styles.tabs.classnames.ul({
+                position: this.position,
+                underlined: this.underlined,
+            }) }, this._tabsChildrens.map((tabChildren, index$1) => (index.h("li", { class: styles.tabs.classnames.li({ full: this.full }) }, index.h("button", { type: "button", class: styles.tabs.classnames.button({
+                underlined: this.underlined,
+                selected: this.selected === index$1,
+            }), onClick: () => {
+                this.selected = index$1;
+                this.selectedTab.emit(index$1);
+            } }, tabChildren.label))))), index.h("div", { key: '63d7e352005431c1e26f154f3c655c0f3001c4a5', innerHTML: this._tabsChildrens[this.selected].outerHTML })));
+    }
+    get el() { return index.getElement(this); }
+};
+
+exports.rarui_tabs = RaruiTabs;
+
+//# sourceMappingURL=rarui-tabs.cjs.entry.js.map

package/dist/collection/navigation/Tabs/Root/dist/cjs/rarui-tabs.cjs.js

@@ -0,0 +1,27 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-c1cf5e11.js');
+const appGlobals = require('./app-globals-3a1e7e63.js');
+
+/*
+ Stencil Client Patch Browser v4.19.2 | MIT Licensed | https://stenciljs.com
+ */
+var patchBrowser = () => {
+  const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('rarui-tabs.cjs.js', document.baseURI).href));
+  const opts = {};
+  if (importMeta !== "") {
+    opts.resourcesUrl = new URL(".", importMeta).href;
+  }
+  return index.promiseResolve(opts);
+};
+
+patchBrowser().then(async (options) => {
+  await appGlobals.globalScripts();
+  return index.bootstrapLazy([["rarui-tabs.cjs",[[2,"rarui-tabs",{"position":[1],"underlined":[4],"full":[4],"defaultTab":[2,"default-tab"],"selected":[32]}]]]], options);
+});
+
+exports.setNonce = index.setNonce;
+
+//# sourceMappingURL=rarui-tabs.cjs.js.map

package/dist/collection/navigation/Tabs/Root/dist/collection/Root.js

@@ -0,0 +1,146 @@
+import { Host, h, } from "@stencil/core";
+import { tabs } from "@rarui/styles";
+export class RaruiTabs {
+    constructor() {
+        this.position = "left";
+        this.underlined = undefined;
+        this.full = undefined;
+        this.defaultTab = 0;
+        this.selected = this.defaultTab;
+    }
+    componentWillLoad() {
+        this._tabsChildrens = Array.from(this.el.querySelectorAll("rarui-tabs-item"));
+        this._tabsChildrens.forEach((child) => child.remove());
+    }
+    render() {
+        return (h(Host, { key: '70d89ebc921f5505b2cd70986613e61ccbce8548' }, h("ul", { key: 'd6b3be784459c4ae3447cfe676164b2300959910', class: tabs.classnames.ul({
+                position: this.position,
+                underlined: this.underlined,
+            }) }, this._tabsChildrens.map((tabChildren, index) => (h("li", { class: tabs.classnames.li({ full: this.full }) }, h("button", { type: "button", class: tabs.classnames.button({
+                underlined: this.underlined,
+                selected: this.selected === index,
+            }), onClick: () => {
+                this.selected = index;
+                this.selectedTab.emit(index);
+            } }, tabChildren.label))))), h("div", { key: '63d7e352005431c1e26f154f3c655c0f3001c4a5', innerHTML: this._tabsChildrens[this.selected].outerHTML })));
+    }
+    static get is() { return "rarui-tabs"; }
+    static get encapsulation() { return "scoped"; }
+    static get properties() {
+        return {
+            "position": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "TabsVariants[\"position\"]",
+                    "resolved": "\"center\" | \"left\" | \"right\" | undefined",
+                    "references": {
+                        "TabsVariants": {
+                            "location": "import",
+                            "path": "@rarui/styles",
+                            "id": "../../../../../../styles/dist/index.d.ts::TabsVariants"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "position",
+                "reflect": false,
+                "defaultValue": "\"left\""
+            },
+            "underlined": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "TabsVariants[\"underlined\"]",
+                    "resolved": "boolean | undefined",
+                    "references": {
+                        "TabsVariants": {
+                            "location": "import",
+                            "path": "@rarui/styles",
+                            "id": "../../../../../../styles/dist/index.d.ts::TabsVariants"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "underlined",
+                "reflect": false
+            },
+            "full": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "TabsVariants[\"full\"]",
+                    "resolved": "boolean | undefined",
+                    "references": {
+                        "TabsVariants": {
+                            "location": "import",
+                            "path": "@rarui/styles",
+                            "id": "../../../../../../styles/dist/index.d.ts::TabsVariants"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "full",
+                "reflect": false
+            },
+            "defaultTab": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "default-tab",
+                "reflect": false,
+                "defaultValue": "0"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "selected": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "selectedTab",
+                "name": "selectedTab",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                }
+            }];
+    }
+    static get elementRef() { return "el"; }
+}
+//# sourceMappingURL=Root.js.map

package/dist/collection/navigation/Tabs/Root/dist/collection/index.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.js.map

package/dist/collection/navigation/Tabs/Root/dist/esm/app-globals-0f993ce5.js

@@ -0,0 +1,5 @@
+const globalScripts = () => {};
+
+export { globalScripts as g };
+
+//# sourceMappingURL=app-globals-0f993ce5.js.map