@aiconomy/aico-components 0.0.53 → 0.0.57

package/README.md

@@ -1,75 +1,85 @@
-[![Built With Stencil](https://img.shields.io/badge/-Built%20With%20Stencil-16161d.svg?logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI%2BCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU%2BCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MjQuNywzNzMuOWMwLDM3LjYtNTUuMSw2OC42LTkyLjcsNjguNkgxODAuNGMtMzcuOSwwLTkyLjctMzAuNy05Mi43LTY4LjZ2LTMuNmgzMzYuOVYzNzMuOXoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQyNC43LDI5Mi4xSDE4MC40Yy0zNy42LDAtOTIuNy0zMS05Mi43LTY4LjZ2LTMuNkgzMzJjMzcuNiwwLDkyLjcsMzEsOTIuNyw2OC42VjI5Mi4xeiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDI0LjcsMTQxLjdIODcuN3YtMy42YzAtMzcuNiw1NC44LTY4LjYsOTIuNy02OC42SDMzMmMzNy45LDAsOTIuNywzMC43LDkyLjcsNjguNlYxNDEuN3oiLz4KPC9zdmc%2BCg%3D%3D&colorA=16161d&style=flat-square)](https://stenciljs.com)
-
-# Stencil Component Starter
-
-This is a starter project for building a standalone Web Component using Stencil.
-
-Stencil is also great for building entire apps. For that, use the [stencil-app-starter](https://github.com/ionic-team/stencil-app-starter) instead.
-
-# Stencil
-
-Stencil is a compiler for building fast web apps using Web Components.
-
-Stencil combines the best concepts of the most popular frontend frameworks into a compile-time rather than run-time tool.  Stencil takes TypeScript, JSX, a tiny virtual DOM layer, efficient one-way data binding, an asynchronous rendering pipeline (similar to React Fiber), and lazy-loading out of the box, and generates 100% standards-based Web Components that run in any browser supporting the Custom Elements v1 spec.
+# @aiconomy/aico-components
 
-Stencil components are just Web Components, so they work in any major framework or with no framework at all.
+[![Built With Stencil](https://img.shields.io/badge/-Built%20With%20Stencil-16161d.svg?logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI%2BCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU%2BCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MjQuNywzNzMuOWMwLDM3LjYtNTUuMSw2OC42LTkyLjcsNjguNkgxODAuNGMtMzcuOSwwLTkyLjctMzAuNy05Mi43LTY4LjZ2LTMuNmgzMzYuOVYzNzMuOXoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQyNC43LDI5Mi4xSDE4MC40Yy0zNy42LDAtOTIuNy0zMS05Mi43LTY4LjZ2LTMuNkgzMzJjMzcuNiwwLDkyLjcsMzEsOTIuNyw2OC42VjI5Mi4xeiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDI0LjcsMTQxLjdIODcuN3YtMy42YzAtMzcuNiw1NC44LTY4LjYsOTIuNy02OC42SDMzMmMzNy45LDAsOTIuNywzMC43LDkyLjcsNjguNlYxNDEuN3oiLz4KPC9zdmc%2BCg%3D%3D&colorA=16161d&style=flat-square)](https://stenciljs.com)
 
-## Getting Started
+## Example usage
 
-To start building a new web component using Stencil, clone this repo to a new directory:
+Use the components as plain HTML tags:
 
-```bash
-git clone https://github.com/ionic-team/stencil-component-starter.git my-component
-cd my-component
-git remote rm origin
+```html
+<aico-news-list aico-url="<your-api-url>" aico-bearer-token="<your-api-token>"></aico-news-list>
 ```
 
-and run:
-
-```bash
-npm install
-npm start
-```
+## Using these components
 
-To build the component for production, run:
+There are three strategies we recommend for using web components built with Stencil.
 
-```bash
-npm run build
-```
+### Script tag
 
-To run the unit tests for the components, run:
+- Put the following tags in the head of your `index.html`:
 
-```bash
-npm test
+```html
+<link rel="stylesheet" href="https://unpkg.com/@aiconomy/aico-components@<version>/dist/aico-components/aico-components.css" />
+<script type="module" src="https://unpkg.com/@aiconomy/aico-components@<version>/dist/aico-components/aico-components.esm.js"></script>
+<script nomodule src="https://unpkg.com/@aiconomy/aico-components@<version>/dist/esm/aico-components.js"></script>
 ```
 
-Need help? Check out our docs [here](https://stenciljs.com/docs/my-first-component).
+- Then you can use the elements anywhere in your template, JSX, html etc
 
+### Node Modules
 
-## Naming Components
-
-When creating new component tags, we recommend _not_ using `stencil` in the component name (ex: `<stencil-datepicker>`). This is because the generated component has little to nothing to do with Stencil; it's just a web component!
-
-Instead, use a prefix that fits your company or any name for a group of related components. For example, all of the Ionic generated web components use the prefix `ion`.
-
-
-## Using this component
-
-There are three strategies we recommend for using web components built with Stencil.
-
-The first step for all three of these strategies is to [publish to NPM](https://docs.npmjs.com/getting-started/publishing-npm-packages).
-
-### Script tag
+- Run `npm i @aiconomy/aico-components`
+- Put the following tags in the head of your `index.html`:
 
-- Put a script tag similar to this `<script type='module' src='https://unpkg.com/my-component@0.0.1/dist/my-component.esm.js'></script>` in the head of your index.html
-- Then you can use the element anywhere in your template, JSX, html etc
+```html
+<link rel="stylesheet" href="https://unpkg.com/@aiconomy/aico-components@<version>/dist/aico-components/aico-components.css" />
+<script type="module" src="https://unpkg.com/@aiconomy/aico-components@<version>/dist/aico-components/aico-components.esm.js"></script>
+<script nomodule src="https://unpkg.com/@aiconomy/aico-components@<version>/dist/esm/aico-components.js"></script>
+```
 
-### Node Modules
-- Run `npm install my-component --save`
-- Put a script tag similar to this `<script type='module' src='node_modules/my-component/dist/my-component.esm.js'></script>` in the head of your index.html
-- Then you can use the element anywhere in your template, JSX, html etc
+- Then you can use the elements anywhere in your template, JSX, html etc
 
 ### In a stencil-starter app
-- Run `npm install my-component --save`
-- Add an import to the npm packages `import my-component;`
-- Then you can use the element anywhere in your template, JSX, html etc
+
+- Run `npm i @aiconomy/aico-components`
+- Add an import to the npm packages `import needed-aico-component;`
+- Then you can use the elements anywhere in your template, JSX, html etc
+
+## Listening to element
+
+Please check out [Stencil's documentation](https://stenciljs.com/docs/events#listening-to-events-from-a-non-jsx-element).
+
+## Aiconomy components
+
+### Primary components
+
+- [aico-article-detail](/src/components/aico-article-detail/readme.md)
+- [aico-fetch-article-detail](/src/components/aico-fetch-article-detail/readme.md)
+- [aico-news-list](/src/components/aico-news-list/readme.md)
+- [aico-news-list-item](/src/components/aico-news-list-item/readme.md)
+- [aico-special-news-carousel](/src/components/aico-special-news-carousel/readme.md)
+
+### Secondary components
+
+These are used by the [aico-article-detail](/src/components/aico-article-detail/readme.md) component to be able to render the article's content.
+
+- [aico-album-content](/src/components/content/aico-album-content/readme.md)
+- [aico-asking-content](/src/components/content/aico-asking-content/readme.md)
+- [aico-block-quote-content](/src/components/content/aico-block-quote-content/readme.md)
+- [aico-bullet-content](/src/components/content/aico-bullet-content/readme.md)
+- [aico-carousel-content](/src/components/content/aico-carousel-content/readme.md)
+- [aico-content-card-content](/src/components/content/aico-content-card-content/readme.md)
+- [aico-divider-content](/src/components/content/aico-divider-content/readme.md)
+- [aico-document-content](/src/components/content/aico-document-content/readme.md)
+- [aico-faq-content](/src/components/content/aico-faq-content/readme.md)
+- [aico-heading-content](/src/components/content/aico-heading-content/readme.md)
+- [aico-html-content](/src/components/content/aico-html-content/readme.md)
+- [aico-link-content](/src/components/content/aico-link-content/readme.md)
+- [aico-news-content](/src/components/content/aico-news-content/readme.md)
+- [aico-page-content](/src/components/content/aico-page-content/readme.md)
+- [aico-table-content](/src/components/content/aico-table-content/readme.md)
+- [aico-testimonial-content](/src/components/content/aico-testimonial-content/readme.md)
+- [aico-text-content](/src/components/content/aico-text-content/readme.md)
+- [aico-title-content](/src/components/content/aico-title-content/readme.md)
+- [aico-upload-content](/src/components/content/aico-upload-content/readme.md)
+- [aico-video-content](/src/components/content/aico-video-content/readme.md)

package/dist/aico-components/aico-components.esm.js

@@ -1,2 +1,2 @@
-import{p as t,b as e}from"./p-2aae1a0e.js";export{s as setNonce}from"./p-2aae1a0e.js";const n=()=>{const e=import.meta.url;const n={};if(e!==""){n.resourcesUrl=new URL(".",e).href}return t(n)};n().then((t=>e([["p-83655dd4",[[2,"aico-fetch-article-detail",{aicoUrl:[1,"aico-url"],aicoBearerToken:[1,"aico-bearer-token"],articleId:[1,"article-id"],article:[32]}]]],["p-c99617a8",[[2,"aico-news-list",{aicoUrl:[1,"aico-url"],aicoBearerToken:[1,"aico-bearer-token"],nextButtonText:[1,"next-button-text"],previousButtonText:[1,"previous-button-text"],newsResponse:[32],pageNumber:[32]}]]],["p-b78d7799",[[6,"aico-asking-list-content"]]],["p-1a6625c0",[[6,"aico-collection-content"]]],["p-b0325a83",[[2,"aico-special-news-carousel",{aicoUrl:[1,"aico-url"],aicoBearerToken:[1,"aico-bearer-token"],numberOfArticles:[2,"number-of-articles"],newsResponse:[32]}]]],["p-7c05cd02",[[2,"bootstrap-slick-test"]]],["p-776352ba",[[2,"aico-title-content",{content:[16]}],[2,"aico-no-content"]]],["p-a58972e9",[[2,"aico-bullet-content",{content:[16]}],[2,"aico-carousel-content",{content:[16],hasArrows:[4,"has-arrows"]}],[2,"aico-content-card-content",{content:[16]}],[2,"aico-heading-content",{content:[16]}],[2,"aico-table-content",{content:[16]}],[2,"aico-text-content",{content:[16]}],[2,"aico-upload-content",{content:[16]}],[2,"aico-video-content",{content:[16]}],[2,"aico-html-content",{content:[16]}],[2,"aico-album-content",{content:[16]}],[2,"aico-asking-content",{content:[16]}],[2,"aico-block-quote-content",{content:[16]}],[2,"aico-divider-content",{content:[16]}],[2,"aico-document-content",{content:[16]}],[2,"aico-faq-content",{content:[16]}],[2,"aico-link-content",{content:[16]}],[2,"aico-news-content",{content:[16]}],[2,"aico-page-content",{content:[16]}],[2,"aico-testimonial-content",{content:[16]}]]],["p-42b98baf",[[2,"aico-article-detail",{article:[16]}]]],["p-54708dd0",[[2,"aico-news-list-item",{article:[16]}]]]],t)));
+import{p as t,b as e}from"./p-ae20e789.js";export{s as setNonce}from"./p-ae20e789.js";const n=()=>{const e=import.meta.url;const n={};if(e!==""){n.resourcesUrl=new URL(".",e).href}return t(n)};n().then((t=>e([["p-0ca1f065",[[2,"aico-fetch-article-detail",{aicoUrl:[1,"aico-url"],aicoBearerToken:[1,"aico-bearer-token"],articleId:[1,"article-id"],articleUrlHandle:[1,"article-url-handle"],article:[32]}]]],["p-b1f8308f",[[2,"aico-news-list",{aicoUrl:[1,"aico-url"],aicoBearerToken:[1,"aico-bearer-token"],nextButtonText:[1,"next-button-text"],previousButtonText:[1,"previous-button-text"],newsResponse:[32],pageNumber:[32]}]]],["p-68930822",[[6,"aico-asking-list-content"]]],["p-90c2d3dc",[[6,"aico-collection-content"]]],["p-6464810e",[[2,"aico-special-news-carousel",{aicoUrl:[1,"aico-url"],aicoBearerToken:[1,"aico-bearer-token"],numberOfArticles:[2,"number-of-articles"],newsResponse:[32]}]]],["p-5109399b",[[2,"aico-title-content",{content:[16]}],[2,"aico-no-content"]]],["p-1c4a07ef",[[2,"aico-bullet-content",{content:[16]}],[2,"aico-carousel-content",{content:[16],hasArrows:[4,"has-arrows"]}],[2,"aico-content-card-content",{content:[16]}],[2,"aico-heading-content",{content:[16]}],[2,"aico-table-content",{content:[16]}],[2,"aico-text-content",{content:[16]}],[2,"aico-upload-content",{content:[16]}],[2,"aico-video-content",{content:[16]}],[2,"aico-html-content",{content:[16]}],[2,"aico-album-content",{content:[16]}],[2,"aico-asking-content",{content:[16]}],[2,"aico-block-quote-content",{content:[16]}],[2,"aico-divider-content",{content:[16]}],[2,"aico-document-content",{content:[16]}],[2,"aico-faq-content",{content:[16]}],[2,"aico-link-content",{content:[16]}],[2,"aico-news-content",{content:[16]}],[2,"aico-page-content",{content:[16]}],[2,"aico-testimonial-content",{content:[16]}]]],["p-4c0f3325",[[2,"aico-article-detail",{article:[16]}]]],["p-406fa2e5",[[2,"aico-news-list-item",{article:[16]}]]]],t)));
 //# sourceMappingURL=aico-components.esm.js.map

package/dist/aico-components/aico-components.esm.js.map

@@ -1 +1 @@
-{"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","options","bootstrapLazy","aicoUrl","aicoBearerToken","articleId","article","nextButtonText","previousButtonText","newsResponse","pageNumber","numberOfArticles","content","hasArrows"],"sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.9.0 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, doc, promiseResolve, H } from '@stencil/core';\nconst patchBrowser = () => {\n    // NOTE!! This fn cannot use async/await!\n    if (BUILD.isDev && !BUILD.isTesting) {\n        consoleDevInfo('Running in development mode.');\n    }\n    if (BUILD.cloneNodeFix) {\n        // opted-in to polyfill cloneNode() for slot polyfilled components\n        patchCloneNodeFix(H.prototype);\n    }\n    const scriptElm = BUILD.scriptDataOpts\n        ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n            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};\nconst 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                // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n                if (srcChildNodes[i].nodeType !== 2) {\n                    clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n                }\n            }\n        }\n        return clonedNode;\n    };\n};\nexport { patchBrowser };\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(options => {\n  globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"sFAKA,MAAMA,EAAe,KAajB,MAAMC,cAAyBC,IAC/B,MAAMC,EAAqE,GAC3E,GAAIF,IAAe,GAAI,CACnBE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,IACrD,CACI,OAAOC,EAAeJ,EAAK,ECnB/BH,IAAeQ,MAAKC,GAEXC,EAAc,+CAAuC,CAAAC,QAAA,eAAAC,gBAAA,wBAAAC,UAAA,iBAAAC,QAAA,6CAAAH,QAAA,eAAAC,gBAAA,wBAAAG,eAAA,uBAAAC,mBAAA,2BAAAC,aAAA,KAAAC,WAAA,wJAAAP,QAAA,eAAAC,gBAAA,wBAAAO,iBAAA,yBAAAF,aAAA,6FAAAG,QAAA,wEAAAA,QAAA,mCAAAA,QAAA,KAAAC,UAAA,mDAAAD,QAAA,kCAAAA,QAAA,gCAAAA,QAAA,+BAAAA,QAAA,iCAAAA,QAAA,gCAAAA,QAAA,+BAAAA,QAAA,gCAAAA,QAAA,iCAAAA,QAAA,sCAAAA,QAAA,kCAAAA,QAAA,mCAAAA,QAAA,8BAAAA,QAAA,+BAAAA,QAAA,+BAAAA,QAAA,+BAAAA,QAAA,sCAAAA,QAAA,kDAAAN,QAAA,kDAAAA,QAAA,UAAAL"}
+{"version":3,"names":["patchBrowser","importMeta","url","opts","resourcesUrl","URL","href","promiseResolve","then","options","bootstrapLazy","aicoUrl","aicoBearerToken","articleId","articleUrlHandle","article","nextButtonText","previousButtonText","newsResponse","pageNumber","numberOfArticles","content","hasArrows"],"sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/*\n Stencil Client Patch Browser v4.9.0 | MIT Licensed | https://stenciljs.com\n */\nimport { BUILD, NAMESPACE } from '@stencil/core/internal/app-data';\nimport { consoleDevInfo, doc, promiseResolve, H } from '@stencil/core';\nconst patchBrowser = () => {\n    // NOTE!! This fn cannot use async/await!\n    if (BUILD.isDev && !BUILD.isTesting) {\n        consoleDevInfo('Running in development mode.');\n    }\n    if (BUILD.cloneNodeFix) {\n        // opted-in to polyfill cloneNode() for slot polyfilled components\n        patchCloneNodeFix(H.prototype);\n    }\n    const scriptElm = BUILD.scriptDataOpts\n        ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\\/${NAMESPACE}(\\\\.esm)?\\\\.js($|\\\\?|#)`).test(s.src) ||\n            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};\nconst 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                // Node.ATTRIBUTE_NODE === 2, and checking because IE11\n                if (srcChildNodes[i].nodeType !== 2) {\n                    clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n                }\n            }\n        }\n        return clonedNode;\n    };\n};\nexport { patchBrowser };\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(options => {\n  globalScripts();\n  return bootstrapLazy([/*!__STENCIL_LAZY_DATA__*/], options);\n});\n"],"mappings":"sFAKA,MAAMA,EAAe,KAajB,MAAMC,cAAyBC,IAC/B,MAAMC,EAAqE,GAC3E,GAAIF,IAAe,GAAI,CACnBE,EAAKC,aAAe,IAAIC,IAAI,IAAKJ,GAAYK,IACrD,CACI,OAAOC,EAAeJ,EAAK,ECnB/BH,IAAeQ,MAAKC,GAEXC,EAAc,+CAAuC,CAAAC,QAAA,eAAAC,gBAAA,wBAAAC,UAAA,iBAAAC,iBAAA,yBAAAC,QAAA,6CAAAJ,QAAA,eAAAC,gBAAA,wBAAAI,eAAA,uBAAAC,mBAAA,2BAAAC,aAAA,KAAAC,WAAA,wJAAAR,QAAA,eAAAC,gBAAA,wBAAAQ,iBAAA,yBAAAF,aAAA,iDAAAG,QAAA,wEAAAA,QAAA,mCAAAA,QAAA,KAAAC,UAAA,mDAAAD,QAAA,kCAAAA,QAAA,gCAAAA,QAAA,+BAAAA,QAAA,iCAAAA,QAAA,gCAAAA,QAAA,+BAAAA,QAAA,gCAAAA,QAAA,iCAAAA,QAAA,sCAAAA,QAAA,kCAAAA,QAAA,mCAAAA,QAAA,8BAAAA,QAAA,+BAAAA,QAAA,+BAAAA,QAAA,+BAAAA,QAAA,sCAAAA,QAAA,kDAAAN,QAAA,kDAAAA,QAAA,UAAAN"}

package/dist/aico-components/p-0ca1f065.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as i}from"./p-ae20e789.js";import{f as e,a as s}from"./p-dfd3b0d3.js";const r="";const n=class{constructor(i){t(this,i);this.article=undefined;this.aicoUrl=undefined;this.aicoBearerToken=undefined;this.articleId=undefined;this.articleUrlHandle=undefined}connectedCallback(){this.articleFetchController=new AbortController;this.api={baseApi:this.aicoUrl,bearerToken:this.aicoBearerToken}}disconnectedCallback(){this.articleFetchController.abort("disconnected")}async componentWillLoad(){if(!this.articleId&&!this.articleUrlHandle){throw new Error("Either the article id or the url handle must be provided.")}if(this.articleUrlHandle){this.article=await e(this.api,this.articleUrlHandle,this.articleFetchController.signal);return}this.article=await s(this.api,this.articleId,this.articleFetchController.signal)}render(){return i("aico-article-detail",{article:this.article})}};n.style=r;export{n as aico_fetch_article_detail};
+//# sourceMappingURL=p-0ca1f065.entry.js.map

package/dist/aico-components/p-0ca1f065.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["aicoFetchArticleDetailCss","AicoFetchArticleDetail","connectedCallback","this","articleFetchController","AbortController","api","baseApi","aicoUrl","bearerToken","aicoBearerToken","disconnectedCallback","abort","componentWillLoad","articleId","articleUrlHandle","Error","article","fetchNewsArticleByHandle","signal","fetchNewsArticle","render","h"],"sources":["src/components/aico-fetch-article-detail/aico-fetch-article-detail.css?tag=aico-fetch-article-detail&encapsulation=scoped","src/components/aico-fetch-article-detail/aico-fetch-article-detail.tsx"],"sourcesContent":[null,"import { Component, Prop, State, h } from '@stencil/core';\nimport { fetchNewsArticle, fetchNewsArticleByHandle } from '../../utils/utils';\nimport { Article } from '../../model/Article';\nimport { AicoApiRequestInfo } from '../../model/AicoApiRequestInfo';\n\n@Component({\n  tag: 'aico-fetch-article-detail',\n  styleUrl: 'aico-fetch-article-detail.css',\n  scoped: true,\n})\nexport class AicoFetchArticleDetail {\n  @State() article!: Article;\n\n  @Prop() aicoUrl!: string;\n\n  @Prop() aicoBearerToken!: string;\n\n  /**\n   * The id will be used to fetch the article.\n   *\n   * If both the {@link AicoFetchArticleDetail#articleId} and {@link AicoFetchArticleDetail#articleUrlHandle} are\n   * provided, the latter will be used. If neither are provided, an error is thrown.\n   */\n  @Prop() articleId?: string;\n\n  /**\n   * The url handle will be used to fetch the article.\n   *\n   * If both the {@link AicoFetchArticleDetail#articleId} and {@link AicoFetchArticleDetail#articleUrlHandle} are\n   * provided, the latter will be used. If neither are provided, an error is thrown.\n   */\n  @Prop() articleUrlHandle?: string;\n\n  private api?: AicoApiRequestInfo;\n  private articleFetchController?: AbortController;\n\n  connectedCallback() {\n    this.articleFetchController = new AbortController();\n    this.api = { baseApi: this.aicoUrl, bearerToken: this.aicoBearerToken };\n  }\n\n  disconnectedCallback() {\n    this.articleFetchController!.abort('disconnected');\n  }\n\n  async componentWillLoad(): Promise<void> {\n    if (!this.articleId && !this.articleUrlHandle) {\n      throw new Error('Either the article id or the url handle must be provided.');\n    }\n\n    if (this.articleUrlHandle) {\n      this.article = await fetchNewsArticleByHandle(this.api!, this.articleUrlHandle, this.articleFetchController!.signal);\n      return;\n    }\n\n    this.article = await fetchNewsArticle(this.api!, this.articleId!, this.articleFetchController!.signal);\n  }\n\n  render() {\n    return <aico-article-detail article={this.article} />;\n  }\n}\n"],"mappings":"sFAAA,MAAMA,EAA4B,G,MCUrBC,EAAsB,M,+JA0BjC,iBAAAC,GACEC,KAAKC,uBAAyB,IAAIC,gBAClCF,KAAKG,IAAM,CAAEC,QAASJ,KAAKK,QAASC,YAAaN,KAAKO,gB,CAGxD,oBAAAC,GACER,KAAKC,uBAAwBQ,MAAM,e,CAGrC,uBAAMC,GACJ,IAAKV,KAAKW,YAAcX,KAAKY,iBAAkB,CAC7C,MAAM,IAAIC,MAAM,4D,CAGlB,GAAIb,KAAKY,iBAAkB,CACzBZ,KAAKc,cAAgBC,EAAyBf,KAAKG,IAAMH,KAAKY,iBAAkBZ,KAAKC,uBAAwBe,QAC7G,M,CAGFhB,KAAKc,cAAgBG,EAAiBjB,KAAKG,IAAMH,KAAKW,UAAYX,KAAKC,uBAAwBe,O,CAGjG,MAAAE,GACE,OAAOC,EAAA,uBAAqBL,QAASd,KAAKc,S"}