@scouterna/ui-webc 0.2.0 → 0.2.1

package/dist/cjs/index.cjs.js

@@ -1,8 +0,0 @@
-'use strict';
-
-function format(first, middle, last) {
-    return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');
-}
-
-exports.format = format;
-//# sourceMappingURL=index.cjs.js.map

package/dist/cjs/index.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs.js","sources":["src/utils/utils.ts"],"sourcesContent":["export function format(first?: string, middle?: string, last?: string): string {\n  return (first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : '');\n}\n"],"names":[],"mappings":";;SAAgB,MAAM,CAAC,KAAc,EAAE,MAAe,EAAE,IAAa,EAAA;AACnE,IAAA,OAAO,CAAC,KAAK,IAAI,EAAE,KAAK,MAAM,GAAG,CAAI,CAAA,EAAA,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,IAAI,GAAG,CAAI,CAAA,EAAA,IAAI,EAAE,GAAG,EAAE,CAAC;AAChF;;;;"}

package/dist/cjs/loader.cjs.js

@@ -1,13 +0,0 @@
-'use strict';
-
-var index = require('./index-M8pbc2b8.js');
-
-const defineCustomElements = async (win, options) => {
-  if (typeof window === 'undefined') return undefined;
-  await index.globalScripts();
-  return index.bootstrapLazy([["scout-bottom-bar.cjs",[[257,"scout-bottom-bar"]]],["scout-bottom-bar-item.cjs",[[257,"scout-bottom-bar-item",{"type":[1],"href":[1],"icon":[1],"label":[1],"active":[4]}]]],["scout-button.cjs",[[257,"scout-button",{"type":[1],"variant":[1],"icon":[1]}]]]], options);
-};
-
-exports.setNonce = index.setNonce;
-exports.defineCustomElements = defineCustomElements;
-//# sourceMappingURL=loader.cjs.js.map

package/dist/cjs/loader.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"loader.cjs.js","sources":["@lazy-external-entrypoint?app-data=conditional"],"sourcesContent":["export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\nexport const defineCustomElements = async (win, options) => {\n  if (typeof window === 'undefined') return undefined;\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n};\n"],"names":["globalScripts","bootstrapLazy"],"mappings":";;;;AAGY,MAAC,oBAAoB,GAAG,OAAO,GAAG,EAAE,OAAO,KAAK;AAC5D,EAAE,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,OAAO,SAAS;AACrD,EAAE,MAAMA,mBAAa,EAAE;AACvB,EAAE,OAAOC,mBAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC;AAC7D;;;;;"}

package/dist/cjs/scout-bottom-bar-item.cjs.entry.js

@@ -1,33 +0,0 @@
-'use strict';
-
-var index = require('./index-M8pbc2b8.js');
-
-function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
-
-const bottomBarItemCss = ":host{display:flex;flex:1}.button{display:flex;flex-direction:column;flex:1;justify-content:center;align-items:center;background-color:transparent;border:none;color:var(--color-text-base);cursor:pointer}.button:hover{background-color:var(--color-neutral-50)}.button.active{background-color:var(--color-blue-50);color:var(--color-blue-500)}.button .icon{width:var(--spacing-6);height:var(--spacing-6)}.button .label{font:var(--type-label-sm)}a{-webkit-text-decoration:none;text-decoration:none}";
-
-const ScoutBottomBarItem = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.scoutClick = index.createEvent(this, "scoutClick");
-    }
-    type = "button";
-    href;
-    icon;
-    label;
-    active;
-    scoutClick;
-    render() {
-        const Tag = this.type === "link" ? "a" : "button";
-        const props = this.type === "link"
-            ? {
-                href: this.href,
-            }
-            : {};
-        return (index.h(Tag, { key: 'c4d0ce76ed8bc1b662e09b781312059c46f2f0d0', class: clsx("button", this.active && "active"), onClick: () => this.scoutClick.emit(), ...props }, index.h("span", { key: '8cee80ebeaeba3a04a24cd1672c7496c72d9c4de', class: "icon", innerHTML: this.icon }), index.h("span", { key: 'db470952a8f114c767f8b9ad73580615dd271f7a', class: "label" }, this.label)));
-    }
-};
-ScoutBottomBarItem.style = bottomBarItemCss;
-
-exports.scout_bottom_bar_item = ScoutBottomBarItem;
-//# sourceMappingURL=scout-bottom-bar-item.entry.cjs.js.map

package/dist/cjs/scout-bottom-bar-item.entry.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"scout-bottom-bar-item.entry.cjs.js","sources":["../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs","src/components/bottom-bar-item/bottom-bar-item.css?tag=scout-bottom-bar-item&encapsulation=shadow","src/components/bottom-bar-item/bottom-bar-item.tsx"],"sourcesContent":["function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;",":host {\n  display: flex;\n  flex: 1;\n}\n\n.button {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  justify-content: center;\n  align-items: center;\n  background-color: transparent;\n  border: none;\n  color: var(--color-text-base);\n  cursor: pointer;\n}\n\n.button:hover {\n  background-color: var(--color-neutral-50);\n}\n\n.button.active {\n  background-color: var(--color-blue-50);\n  color: var(--color-blue-500);\n}\n\n.button .icon {\n  width: var(--spacing-6);\n  height: var(--spacing-6);\n}\n\n.button .label {\n  font: var(--type-label-sm);\n}\n\na {\n  text-decoration: none;\n}","import { Component, Event, type EventEmitter, h, Prop } from \"@stencil/core\";\nimport clsx from \"clsx\";\n\nexport type ItemType = \"button\" | \"link\";\n\n/**\n * A bottom bar item used within the bottom bar for navigation. Should not be\n * used outside of a bottom bar.\n */\n@Component({\n  tag: \"scout-bottom-bar-item\",\n  styleUrl: \"bottom-bar-item.css\",\n  shadow: true,\n})\nexport class ScoutBottomBarItem {\n  @Prop() type: ItemType = \"button\";\n  @Prop() href?: string;\n\n  @Prop() icon!: string;\n  @Prop() label!: string;\n  @Prop() active?: boolean;\n\n  @Event()\n  scoutClick: EventEmitter<void>;\n\n  render() {\n    const Tag = this.type === \"link\" ? \"a\" : \"button\";\n\n    const props =\n      this.type === \"link\"\n        ? {\n            href: this.href,\n          }\n        : {};\n\n    return (\n      <Tag\n        class={clsx(\"button\", this.active && \"active\")}\n        onClick={() => this.scoutClick.emit()}\n        {...props}\n      >\n        <span class=\"icon\" innerHTML={this.icon} />\n        <span class=\"label\">{this.label}</span>\n      </Tag>\n    );\n  }\n}\n"],"names":["h"],"mappings":";;;;AAAA,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,QAAQ,EAAE,OAAO,CAAC,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,GAAG,QAAQ,EAAE,OAAO,CAAC,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAC,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAQ,SAAS,IAAI,EAAE,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC;;ACA/W,MAAM,gBAAgB,GAAG,+eAA+e;;MCc3f,kBAAkB,GAAA,MAAA;;;;;IACrB,IAAI,GAAa,QAAQ;AACzB,IAAA,IAAI;AAEJ,IAAA,IAAI;AACJ,IAAA,KAAK;AACL,IAAA,MAAM;AAGd,IAAA,UAAU;IAEV,MAAM,GAAA;AACJ,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,IAAI,KAAK,MAAM,GAAG,GAAG,GAAG,QAAQ;AAEjD,QAAA,MAAM,KAAK,GACT,IAAI,CAAC,IAAI,KAAK;AACZ,cAAE;gBACE,IAAI,EAAE,IAAI,CAAC,IAAI;AAChB;cACD,EAAE;AAER,QAAA,QACEA,OAAA,CAAC,GAAG,EAAA,EAAA,GAAA,EAAA,0CAAA,EACF,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,MAAM,IAAI,QAAQ,CAAC,EAC9C,OAAO,EAAE,MAAM,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,KACjC,KAAK,EAAA,EAETA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,MAAM,EAAC,SAAS,EAAE,IAAI,CAAC,IAAI,EAAI,CAAA,EAC3CA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,OAAO,EAAE,EAAA,IAAI,CAAC,KAAK,CAAQ,CACnC;;;;;;;","x_google_ignoreList":[0]}

package/dist/cjs/scout-bottom-bar.cjs.entry.js

@@ -1,18 +0,0 @@
-'use strict';
-
-var index = require('./index-M8pbc2b8.js');
-
-const bottomBarCss = ":host{display:flex;width:100%}.container{display:flex;flex:1;height:var(--spacing-14);border-top:1px solid var(--color-neutral-100)}";
-
-const ScoutBottomBar = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-    }
-    render() {
-        return (index.h("nav", { key: '68384cb3993fa3ca4a70fdf55f691f728c5cfb2b', class: "container" }, index.h("slot", { key: '5dd9a017d0d7c3d3f0adb516ba66118f73c27841' })));
-    }
-};
-ScoutBottomBar.style = bottomBarCss;
-
-exports.scout_bottom_bar = ScoutBottomBar;
-//# sourceMappingURL=scout-bottom-bar.entry.cjs.js.map

package/dist/cjs/scout-bottom-bar.entry.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"scout-bottom-bar.entry.cjs.js","sources":["src/components/bottom-bar/bottom-bar.css?tag=scout-bottom-bar&encapsulation=shadow","src/components/bottom-bar/bottom-bar.tsx"],"sourcesContent":[":host {\n  display: flex;\n  width: 100%;\n}\n\n.container {\n  display: flex;\n  flex: 1;\n  height: var(--spacing-14);\n  border-top: 1px solid var(--color-neutral-100);\n}","import { Component, h } from \"@stencil/core\";\n\n/**\n * The bottom bar component is used in the Jamboree26 app to provide\n * navigation at the bottom of the screen.\n */\n@Component({\n  tag: \"scout-bottom-bar\",\n  styleUrl: \"bottom-bar.css\",\n  shadow: true,\n})\nexport class ScoutBottomBar {\n  render() {\n    return (\n      <nav class=\"container\">\n        <slot />\n      </nav>\n    );\n  }\n}\n"],"names":["h"],"mappings":";;;;AAAA,MAAM,YAAY,GAAG,sIAAsI;;MCW9I,cAAc,GAAA,MAAA;;;;IACzB,MAAM,GAAA;QACJ,QACEA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,WAAW,EAAA,EACpBA,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACJ;;;;;;;"}

package/dist/cjs/scout-button.cjs.entry.js

@@ -1,23 +0,0 @@
-'use strict';
-
-var index = require('./index-M8pbc2b8.js');
-
-const buttonCss = ":host{display:inline-flex}button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-3);height:var(--spacing-10);padding:0 var(--spacing-4);font:var(--type-body-base);border-radius:var(--spacing-2);border:1px solid transparent;cursor:pointer}.icon{width:var(--spacing-5);height:var(--spacing-5);margin:0 calc(var(--spacing-1) * -1)}.icon svg{width:100%;height:100%}button.primary{background-color:var(--color-background-brand-base);color:var(--color-text-brand-inverse)}button.primary:hover{background-color:var(--color-background-brand-hovered)}button.primary:active{background-color:var(--color-background-brand-pressed)}button.outlined{background-color:transparent;border-color:var(--color-background-brand-subtle-base);color:var(--color-text-brand-base)}button.outlined:hover{background-color:var(--color-background-brand-subtle-hovered)}button.outlined:active{background-color:var(--color-background-brand-subtle-pressed)}button.text{background-color:transparent;border-color:transparent;color:var(--color-text-brand-base)}button.text:hover{background-color:var(--color-background-brand-subtle-hovered)}button.text:active{background-color:var(--color-background-brand-subtle-pressed)}button.caution{background-color:var(--color-background-caution-bold-base);color:var(--color-text-caution-bold-base)}button.caution:hover{background-color:var(--color-background-caution-bold-hovered)}button.caution:active{background-color:var(--color-background-caution-bold-pressed)}button.danger{background-color:var(--color-background-danger-bold-base);color:var(--color-text-danger-bold-base)}button.danger:hover{background-color:var(--color-background-danger-bold-hovered)}button.danger:active{background-color:var(--color-background-danger-bold-pressed)}";
-
-const ScoutButton = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.scoutClick = index.createEvent(this, "scoutClick");
-    }
-    type = "button";
-    variant = "outlined";
-    icon;
-    scoutClick;
-    render() {
-        return (index.h("button", { key: '7f5877f88cee02bee00680d620d95e61754c0f63', type: this.type, class: this.variant, onClick: () => this.scoutClick.emit() }, index.h("slot", { key: 'd8aa95973f1c6100e7fd91575fec6a245f04775b' }), this.icon && index.h("span", { key: '8ef40fb1765c26c6008ce1d52485e67d50b3360b', class: "icon", innerHTML: this.icon })));
-    }
-};
-ScoutButton.style = buttonCss;
-
-exports.scout_button = ScoutButton;
-//# sourceMappingURL=scout-button.entry.cjs.js.map

package/dist/cjs/scout-button.entry.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"scout-button.entry.cjs.js","sources":["src/components/button/button.css?tag=scout-button&encapsulation=shadow","src/components/button/button.tsx"],"sourcesContent":[":host {\n  display: inline-flex;\n}\n\nbutton {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: var(--spacing-3);\n  height: var(--spacing-10);\n  padding: 0 var(--spacing-4);\n  font: var(--type-body-base);\n  border-radius: var(--spacing-2);\n  border: 1px solid transparent;\n  cursor: pointer;\n}\n\n.icon {\n  width: var(--spacing-5);\n  height: var(--spacing-5);\n  margin: 0 calc(var(--spacing-1) * -1);\n}\n\n.icon svg {\n  width: 100%;\n  height: 100%;\n}\n\nbutton.primary {\n  background-color: var(--color-background-brand-base);\n  color: var(--color-text-brand-inverse);\n\n  &:hover {\n    background-color: var(--color-background-brand-hovered);\n  }\n  &:active {\n    background-color: var(--color-background-brand-pressed);\n  }\n}\n\nbutton.outlined {\n  background-color: transparent;\n  border-color: var(--color-background-brand-subtle-base);\n  color: var(--color-text-brand-base);\n\n  &:hover {\n    background-color: var(--color-background-brand-subtle-hovered);\n  }\n  &:active {\n    background-color: var(--color-background-brand-subtle-pressed);\n  }\n}\n\nbutton.text {\n  background-color: transparent;\n  border-color: transparent;\n  color: var(--color-text-brand-base);\n\n  &:hover {\n    background-color: var(--color-background-brand-subtle-hovered);\n  }\n  &:active {\n    background-color: var(--color-background-brand-subtle-pressed);\n  }\n}\n\nbutton.caution {\n  background-color: var(--color-background-caution-bold-base);\n  color: var(--color-text-caution-bold-base);\n\n  &:hover {\n    background-color: var(--color-background-caution-bold-hovered);\n  }\n  &:active {\n    background-color: var(--color-background-caution-bold-pressed);\n  }\n}\n\nbutton.danger {\n  background-color: var(--color-background-danger-bold-base);\n  color: var(--color-text-danger-bold-base);\n\n  &:hover {\n    background-color: var(--color-background-danger-bold-hovered);\n  }\n  &:active {\n    background-color: var(--color-background-danger-bold-pressed);\n  }\n}\n","import { Component, Event, type EventEmitter, h, Prop } from \"@stencil/core\";\n\nexport type Variant = \"primary\" | \"outlined\" | \"text\" | \"caution\" | \"danger\";\n\n/**\n * A simple button component.\n */\n@Component({\n  tag: \"scout-button\",\n  styleUrl: \"button.css\",\n  shadow: true,\n})\nexport class ScoutButton {\n  @Prop() type: \"button\" | \"submit\" | \"reset\" = \"button\";\n\n  @Prop() variant: Variant = \"outlined\";\n\n  @Prop() icon?: string;\n\n  @Event()\n  scoutClick: EventEmitter<void>;\n\n  render() {\n    return (\n      <button\n        type={this.type}\n        class={this.variant}\n        onClick={() => this.scoutClick.emit()}\n      >\n        <slot />\n        {this.icon && <span class=\"icon\" innerHTML={this.icon} />}\n      </button>\n    );\n  }\n}\n"],"names":["h"],"mappings":";;;;AAAA,MAAM,SAAS,GAAG,kvDAAkvD;;MCYvvD,WAAW,GAAA,MAAA;;;;;IACd,IAAI,GAAkC,QAAQ;IAE9C,OAAO,GAAY,UAAU;AAE7B,IAAA,IAAI;AAGZ,IAAA,UAAU;IAEV,MAAM,GAAA;AACJ,QAAA,QACEA,OACE,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,IAAI,CAAC,OAAO,EACnB,OAAO,EAAE,MAAM,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,EAAA,EAErCA,OAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACP,IAAI,CAAC,IAAI,IAAIA,OAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,MAAM,EAAC,SAAS,EAAE,IAAI,CAAC,IAAI,EAAI,CAAA,CAClD;;;;;;;"}

package/dist/cjs/ui-webc.cjs.js

@@ -1,25 +0,0 @@
-'use strict';
-
-var index = require('./index-M8pbc2b8.js');
-
-var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
-/*
- Stencil Client Patch Browser v4.38.1 | MIT Licensed | https://stenciljs.com
- */
-
-var patchBrowser = () => {
-  const importMeta = (typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (_documentCurrentScript && _documentCurrentScript.tagName.toUpperCase() === 'SCRIPT' && _documentCurrentScript.src || new URL('ui-webc.cjs.js', document.baseURI).href));
-  const opts = {};
-  if (importMeta !== "") {
-    opts.resourcesUrl = new URL(".", importMeta).href;
-  }
-  return index.promiseResolve(opts);
-};
-
-patchBrowser().then(async (options) => {
-  await index.globalScripts();
-  return index.bootstrapLazy([["scout-bottom-bar.cjs",[[257,"scout-bottom-bar"]]],["scout-bottom-bar-item.cjs",[[257,"scout-bottom-bar-item",{"type":[1],"href":[1],"icon":[1],"label":[1],"active":[4]}]]],["scout-button.cjs",[[257,"scout-button",{"type":[1],"variant":[1],"icon":[1]}]]]], options);
-});
-
-exports.setNonce = index.setNonce;
-//# sourceMappingURL=ui-webc.cjs.js.map

package/dist/cjs/ui-webc.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ui-webc.cjs.js","sources":["../../node_modules/.pnpm/@stencil+core@4.38.1/node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.38.1 | MIT Licensed | https://stenciljs.com\n */\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, H, promiseResolve, win } from \"@stencil/core\";\nvar patchBrowser = () => {\n  if (BUILD.isDev && !BUILD.isTesting) {\n    consoleDevInfo(\"Running in development mode.\");\n  }\n  if (BUILD.cloneNodeFix) {\n    patchCloneNodeFix(H.prototype);\n  }\n  const scriptElm = BUILD.scriptDataOpts ? win.document && Array.from(win.document.querySelectorAll(\"script\")).find(\n    (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) || s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n  ) : null;\n  const importMeta = import.meta.url;\n  const opts = BUILD.scriptDataOpts ? (scriptElm || {})[\"data-opts\"] || {} : {};\n  if (importMeta !== \"\") {\n    opts.resourcesUrl = new URL(\".\", importMeta).href;\n  }\n  return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n  HTMLElementPrototype.cloneNode = function(deep) {\n    if (this.nodeName === \"TEMPLATE\") {\n      return nativeCloneNodeFn.call(this, deep);\n    }\n    const clonedNode = nativeCloneNodeFn.call(this, false);\n    const srcChildNodes = this.childNodes;\n    if (deep) {\n      for (let i = 0; i < srcChildNodes.length; i++) {\n        if (srcChildNodes[i].nodeType !== 2) {\n          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n        }\n      }\n    }\n    return clonedNode;\n  };\n};\nexport {\n  patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n  await globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"names":["promiseResolve","globalScripts","bootstrapLazy"],"mappings":";;;;;AAAA;AACA;AACA;;AAKA,IAAI,YAAY,GAAG,MAAM;AAUzB,EAAE,MAAM,UAAU,GAAG,gQAAe;AACpC,EAAE,MAAM,IAAI,GAAiE,EAAE;AAC/E,EAAE,IAAI,UAAU,KAAK,EAAE,EAAE;AACzB,IAAI,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,IAAI;AACrD;AACA,EAAE,OAAOA,oBAAc,CAAC,IAAI,CAAC;AAC7B,CAAC;;ACnBD,YAAY,EAAE,CAAC,IAAI,CAAC,OAAO,OAAO,KAAK;AACvC,EAAE,MAAMC,mBAAa,EAAE;AACvB,EAAE,OAAOC,mBAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC;AAC7D,CAAC,CAAC;;;;","x_google_ignoreList":[0]}

package/dist/collection/collection-manifest.json

@@ -1,14 +0,0 @@
-{
-  "entries": [
-    "components/bottom-bar-item/bottom-bar-item.js",
-    "components/button/button.js",
-    "components/bottom-bar/bottom-bar.js"
-  ],
-  "compiler": {
-    "name": "@stencil/core",
-    "version": "4.38.1",
-    "typescriptVersion": "5.9.3"
-  },
-  "collections": [],
-  "bundles": []
-}

package/dist/collection/components/bottom-bar/bottom-bar.css

@@ -1,11 +0,0 @@
-:host {
-  display: flex;
-  width: 100%;
-}
-
-.container {
-  display: flex;
-  flex: 1;
-  height: var(--spacing-14);
-  border-top: 1px solid var(--color-neutral-100);
-}

package/dist/collection/components/bottom-bar/bottom-bar.js

@@ -1,23 +0,0 @@
-import { h } from "@stencil/core";
-/**
- * The bottom bar component is used in the Jamboree26 app to provide
- * navigation at the bottom of the screen.
- */
-export class ScoutBottomBar {
-    render() {
-        return (h("nav", { key: '68384cb3993fa3ca4a70fdf55f691f728c5cfb2b', class: "container" }, h("slot", { key: '5dd9a017d0d7c3d3f0adb516ba66118f73c27841' })));
-    }
-    static get is() { return "scout-bottom-bar"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["bottom-bar.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["bottom-bar.css"]
-        };
-    }
-}
-//# sourceMappingURL=bottom-bar.js.map

package/dist/collection/components/bottom-bar/bottom-bar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"bottom-bar.js","sourceRoot":"","sources":["../../../src/components/bottom-bar/bottom-bar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAE7C;;;GAGG;AAMH,MAAM,OAAO,cAAc;IACzB,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAC,WAAW;YACpB,8DAAQ,CACJ,CACP,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import { Component, h } from \"@stencil/core\";\n\n/**\n * The bottom bar component is used in the Jamboree26 app to provide\n * navigation at the bottom of the screen.\n */\n@Component({\n  tag: \"scout-bottom-bar\",\n  styleUrl: \"bottom-bar.css\",\n  shadow: true,\n})\nexport class ScoutBottomBar {\n  render() {\n    return (\n      <nav class=\"container\">\n        <slot />\n      </nav>\n    );\n  }\n}\n"]}

package/dist/collection/components/bottom-bar-item/bottom-bar-item.css

@@ -1,39 +0,0 @@
-:host {
-  display: flex;
-  flex: 1;
-}
-
-.button {
-  display: flex;
-  flex-direction: column;
-  flex: 1;
-  justify-content: center;
-  align-items: center;
-  background-color: transparent;
-  border: none;
-  color: var(--color-text-base);
-  cursor: pointer;
-}
-
-.button:hover {
-  background-color: var(--color-neutral-50);
-}
-
-.button.active {
-  background-color: var(--color-blue-50);
-  color: var(--color-blue-500);
-}
-
-.button .icon {
-  width: var(--spacing-6);
-  height: var(--spacing-6);
-}
-
-.button .label {
-  font: var(--type-label-sm);
-}
-
-a {
-  -webkit-text-decoration: none;
-  text-decoration: none;
-}

package/dist/collection/components/bottom-bar-item/bottom-bar-item.js

@@ -1,160 +0,0 @@
-import { h } from "@stencil/core";
-import clsx from "clsx";
-/**
- * A bottom bar item used within the bottom bar for navigation. Should not be
- * used outside of a bottom bar.
- */
-export class ScoutBottomBarItem {
-    type = "button";
-    href;
-    icon;
-    label;
-    active;
-    scoutClick;
-    render() {
-        const Tag = this.type === "link" ? "a" : "button";
-        const props = this.type === "link"
-            ? {
-                href: this.href,
-            }
-            : {};
-        return (h(Tag, { key: 'c4d0ce76ed8bc1b662e09b781312059c46f2f0d0', class: clsx("button", this.active && "active"), onClick: () => this.scoutClick.emit(), ...props }, h("span", { key: '8cee80ebeaeba3a04a24cd1672c7496c72d9c4de', class: "icon", innerHTML: this.icon }), h("span", { key: 'db470952a8f114c767f8b9ad73580615dd271f7a', class: "label" }, this.label)));
-    }
-    static get is() { return "scout-bottom-bar-item"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["bottom-bar-item.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["bottom-bar-item.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "type": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "ItemType",
-                    "resolved": "\"button\" | \"link\"",
-                    "references": {
-                        "ItemType": {
-                            "location": "local",
-                            "path": "/home/scriptcoded/projects/scouterna/jamboree26/j26-web-components/packages/ui-webc/src/components/bottom-bar-item/bottom-bar-item.tsx",
-                            "id": "src/components/bottom-bar-item/bottom-bar-item.tsx::ItemType"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "type",
-                "defaultValue": "\"button\""
-            },
-            "href": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "href"
-            },
-            "icon": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": true,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "icon"
-            },
-            "label": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": true,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "label"
-            },
-            "active": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "active"
-            }
-        };
-    }
-    static get events() {
-        return [{
-                "method": "scoutClick",
-                "name": "scoutClick",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "void",
-                    "resolved": "void",
-                    "references": {}
-                }
-            }];
-    }
-}
-//# sourceMappingURL=bottom-bar-item.js.map

package/dist/collection/components/bottom-bar-item/bottom-bar-item.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"bottom-bar-item.js","sourceRoot":"","sources":["../../../src/components/bottom-bar-item/bottom-bar-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAqB,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAC7E,OAAO,IAAI,MAAM,MAAM,CAAC;AAIxB;;;GAGG;AAMH,MAAM,OAAO,kBAAkB;IACrB,IAAI,GAAa,QAAQ,CAAC;IAC1B,IAAI,CAAU;IAEd,IAAI,CAAU;IACd,KAAK,CAAU;IACf,MAAM,CAAW;IAGzB,UAAU,CAAqB;IAE/B,MAAM;QACJ,MAAM,GAAG,GAAG,IAAI,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC;QAElD,MAAM,KAAK,GACT,IAAI,CAAC,IAAI,KAAK,MAAM;YAClB,CAAC,CAAC;gBACE,IAAI,EAAE,IAAI,CAAC,IAAI;aAChB;YACH,CAAC,CAAC,EAAE,CAAC;QAET,OAAO,CACL,EAAC,GAAG,qDACF,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,MAAM,IAAI,QAAQ,CAAC,EAC9C,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,KACjC,KAAK;YAET,6DAAM,KAAK,EAAC,MAAM,EAAC,SAAS,EAAE,IAAI,CAAC,IAAI,GAAI;YAC3C,6DAAM,KAAK,EAAC,OAAO,IAAE,IAAI,CAAC,KAAK,CAAQ,CACnC,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Event, type EventEmitter, h, Prop } from \"@stencil/core\";\nimport clsx from \"clsx\";\n\nexport type ItemType = \"button\" | \"link\";\n\n/**\n * A bottom bar item used within the bottom bar for navigation. Should not be\n * used outside of a bottom bar.\n */\n@Component({\n  tag: \"scout-bottom-bar-item\",\n  styleUrl: \"bottom-bar-item.css\",\n  shadow: true,\n})\nexport class ScoutBottomBarItem {\n  @Prop() type: ItemType = \"button\";\n  @Prop() href?: string;\n\n  @Prop() icon!: string;\n  @Prop() label!: string;\n  @Prop() active?: boolean;\n\n  @Event()\n  scoutClick: EventEmitter<void>;\n\n  render() {\n    const Tag = this.type === \"link\" ? \"a\" : \"button\";\n\n    const props =\n      this.type === \"link\"\n        ? {\n            href: this.href,\n          }\n        : {};\n\n    return (\n      <Tag\n        class={clsx(\"button\", this.active && \"active\")}\n        onClick={() => this.scoutClick.emit()}\n        {...props}\n      >\n        <span class=\"icon\" innerHTML={this.icon} />\n        <span class=\"label\">{this.label}</span>\n      </Tag>\n    );\n  }\n}\n"]}

package/dist/collection/components/button/button.css

@@ -1,94 +0,0 @@
-:host {
-  display: inline-flex;
-}
-
-button {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  gap: var(--spacing-3);
-  height: var(--spacing-10);
-  padding: 0 var(--spacing-4);
-  font: var(--type-body-base);
-  border-radius: var(--spacing-2);
-  border: 1px solid transparent;
-  cursor: pointer;
-}
-
-.icon {
-  width: var(--spacing-5);
-  height: var(--spacing-5);
-  margin: 0 calc(var(--spacing-1) * -1);
-}
-
-.icon svg {
-  width: 100%;
-  height: 100%;
-}
-
-button.primary {
-  background-color: var(--color-background-brand-base);
-  color: var(--color-text-brand-inverse);
-}
-
-button.primary:hover {
-    background-color: var(--color-background-brand-hovered);
-  }
-
-button.primary:active {
-    background-color: var(--color-background-brand-pressed);
-  }
-
-button.outlined {
-  background-color: transparent;
-  border-color: var(--color-background-brand-subtle-base);
-  color: var(--color-text-brand-base);
-}
-
-button.outlined:hover {
-    background-color: var(--color-background-brand-subtle-hovered);
-  }
-
-button.outlined:active {
-    background-color: var(--color-background-brand-subtle-pressed);
-  }
-
-button.text {
-  background-color: transparent;
-  border-color: transparent;
-  color: var(--color-text-brand-base);
-}
-
-button.text:hover {
-    background-color: var(--color-background-brand-subtle-hovered);
-  }
-
-button.text:active {
-    background-color: var(--color-background-brand-subtle-pressed);
-  }
-
-button.caution {
-  background-color: var(--color-background-caution-bold-base);
-  color: var(--color-text-caution-bold-base);
-}
-
-button.caution:hover {
-    background-color: var(--color-background-caution-bold-hovered);
-  }
-
-button.caution:active {
-    background-color: var(--color-background-caution-bold-pressed);
-  }
-
-button.danger {
-  background-color: var(--color-background-danger-bold-base);
-  color: var(--color-text-danger-bold-base);
-}
-
-button.danger:hover {
-    background-color: var(--color-background-danger-bold-hovered);
-  }
-
-button.danger:active {
-    background-color: var(--color-background-danger-bold-pressed);
-  }

package/dist/collection/components/button/button.js

@@ -1,113 +0,0 @@
-import { h } from "@stencil/core";
-/**
- * A simple button component.
- */
-export class ScoutButton {
-    type = "button";
-    variant = "outlined";
-    icon;
-    scoutClick;
-    render() {
-        return (h("button", { key: '7f5877f88cee02bee00680d620d95e61754c0f63', type: this.type, class: this.variant, onClick: () => this.scoutClick.emit() }, h("slot", { key: 'd8aa95973f1c6100e7fd91575fec6a245f04775b' }), this.icon && h("span", { key: '8ef40fb1765c26c6008ce1d52485e67d50b3360b', class: "icon", innerHTML: this.icon })));
-    }
-    static get is() { return "scout-button"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["button.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["button.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "type": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "\"button\" | \"submit\" | \"reset\"",
-                    "resolved": "\"button\" | \"reset\" | \"submit\"",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "type",
-                "defaultValue": "\"button\""
-            },
-            "variant": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "Variant",
-                    "resolved": "\"caution\" | \"danger\" | \"outlined\" | \"primary\" | \"text\"",
-                    "references": {
-                        "Variant": {
-                            "location": "local",
-                            "path": "/home/scriptcoded/projects/scouterna/jamboree26/j26-web-components/packages/ui-webc/src/components/button/button.tsx",
-                            "id": "src/components/button/button.tsx::Variant"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "variant",
-                "defaultValue": "\"outlined\""
-            },
-            "icon": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "icon"
-            }
-        };
-    }
-    static get events() {
-        return [{
-                "method": "scoutClick",
-                "name": "scoutClick",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "void",
-                    "resolved": "void",
-                    "references": {}
-                }
-            }];
-    }
-}
-//# sourceMappingURL=button.js.map

package/dist/collection/components/button/button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/components/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAqB,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAI7E;;GAEG;AAMH,MAAM,OAAO,WAAW;IACd,IAAI,GAAkC,QAAQ,CAAC;IAE/C,OAAO,GAAY,UAAU,CAAC;IAE9B,IAAI,CAAU;IAGtB,UAAU,CAAqB;IAE/B,MAAM;QACJ,OAAO,CACL,+DACE,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,IAAI,CAAC,OAAO,EACnB,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE;YAErC,8DAAQ;YACP,IAAI,CAAC,IAAI,IAAI,6DAAM,KAAK,EAAC,MAAM,EAAC,SAAS,EAAE,IAAI,CAAC,IAAI,GAAI,CAClD,CACV,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Event, type EventEmitter, h, Prop } from \"@stencil/core\";\n\nexport type Variant = \"primary\" | \"outlined\" | \"text\" | \"caution\" | \"danger\";\n\n/**\n * A simple button component.\n */\n@Component({\n  tag: \"scout-button\",\n  styleUrl: \"button.css\",\n  shadow: true,\n})\nexport class ScoutButton {\n  @Prop() type: \"button\" | \"submit\" | \"reset\" = \"button\";\n\n  @Prop() variant: Variant = \"outlined\";\n\n  @Prop() icon?: string;\n\n  @Event()\n  scoutClick: EventEmitter<void>;\n\n  render() {\n    return (\n      <button\n        type={this.type}\n        class={this.variant}\n        onClick={() => this.scoutClick.emit()}\n      >\n        <slot />\n        {this.icon && <span class=\"icon\" innerHTML={this.icon} />}\n      </button>\n    );\n  }\n}\n"]}