Base UI
NPM Installation / build (16.x, ubuntu-latest) (push) Has been cancelled
NPM Installation / build (16.x, windows-latest) (push) Has been cancelled
NPM Installation / build (17.x, ubuntu-latest) (push) Has been cancelled
NPM Installation / build (17.x, windows-latest) (push) Has been cancelled
NPM Installation / build (18.x, ubuntu-latest) (push) Has been cancelled
NPM Installation / build (18.x, windows-latest) (push) Has been cancelled
NPM Installation / build (16.x, ubuntu-latest) (push) Has been cancelled
NPM Installation / build (16.x, windows-latest) (push) Has been cancelled
NPM Installation / build (17.x, ubuntu-latest) (push) Has been cancelled
NPM Installation / build (17.x, windows-latest) (push) Has been cancelled
NPM Installation / build (18.x, ubuntu-latest) (push) Has been cancelled
NPM Installation / build (18.x, windows-latest) (push) Has been cancelled
This commit is contained in:
+21
@@ -0,0 +1,21 @@
|
||||
MIT License
|
||||
|
||||
Copyright (c) 2021 creativeLabs Łukasz Holeczek
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
||||
of this software and associated documentation files (the "Software"), to deal
|
||||
in the Software without restriction, including without limitation the rights
|
||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
||||
copies of the Software, and to permit persons to whom the Software is
|
||||
furnished to do so, subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in all
|
||||
copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
||||
SOFTWARE.
|
||||
+266
@@ -0,0 +1,266 @@
|
||||
<p align="center">
|
||||
<a href="https://coreui.io/">
|
||||
<img
|
||||
src="https://coreui.io/images/brand/coreui-signet.svg"
|
||||
alt="CoreUI logo"
|
||||
width="200"
|
||||
/>
|
||||
</a>
|
||||
</p>
|
||||
|
||||
<h3 align="center">CoreUI for Vue.js</h3>
|
||||
|
||||
<p align="center">
|
||||
Vue.js Components Library built on top of Bootstrap 5 and TypeScript.
|
||||
<br>
|
||||
<a href="https://coreui.io/vue/docs/getting-started/introduction"><strong>Explore CoreUI for Vue.js docs »</strong></a>
|
||||
<br>
|
||||
<br>
|
||||
<a href="https://github.com/coreui/coreui-vue/issues/new?template=bug_report.md">Report bug</a>
|
||||
·
|
||||
<a href="https://github.com/coreui/coreui-vue/issues/new?template=feature_request.md">Request feature</a>
|
||||
·
|
||||
<a href="https://coreui.io/blog/">Blog</a>
|
||||
</p>
|
||||
|
||||
|
||||
## Table of contents
|
||||
|
||||
- [Quick start](#quick-start)
|
||||
- [Components](#components)
|
||||
- [Status](#status)
|
||||
- [Bugs and feature requests](#bugs-and-feature-requests)
|
||||
- [Documentation](#documentation)
|
||||
- [Frameworks](#frameworks)
|
||||
- [Templates](#templates)
|
||||
- [Contributing](#contributing)
|
||||
- [Community](#community)
|
||||
- [Versioning](#versioning)
|
||||
- [Creators](#creators)
|
||||
- [Support CoreUI Development](#support-coreui-development)
|
||||
- [Copyright and license](#copyright-and-license)
|
||||
|
||||
## Quick start
|
||||
|
||||
### Instalation
|
||||
|
||||
Several quick start options are available:
|
||||
|
||||
- [Download the latest release](https://github.com/coreui/coreui-vue/archive/v5.9.0.zip)
|
||||
- Clone the repo: `git clone https://github.com/coreui/coreui-vue.git`
|
||||
- Install with [npm](https://www.npmjs.com/): `npm install @coreui/vue`
|
||||
- Install with [yarn](https://yarnpkg.com/): `yarn add @coreui/vue`
|
||||
|
||||
Read the [Getting started page](https://coreui.io/vue/docs/getting-started/introduction/) for information on the framework contents, templates and examples, and more.
|
||||
|
||||
### Stylesheets
|
||||
|
||||
Vue components are styled using `@coreui/coreui` CSS library, but you can use them also with bootstrap CSS library. That is possible because `@coreui/coreui` library is compatible with bootstrap, it just extends its functionalities. The only exception are custom CoreUI components, which don't exist in the Bootstrap ecosystem.
|
||||
|
||||
#### CoreUI CSS files
|
||||
|
||||
##### Installation
|
||||
|
||||
```bash
|
||||
yarn add @coreui/coreui
|
||||
```
|
||||
|
||||
or
|
||||
|
||||
```bash
|
||||
npm install @coreui/coreui --save
|
||||
```
|
||||
|
||||
##### Basic usage
|
||||
|
||||
```js
|
||||
import '@coreui/coreui/dist/css/coreui.min.css'
|
||||
```
|
||||
|
||||
#### Bootstrap CSS files
|
||||
|
||||
##### Installation
|
||||
|
||||
```bash
|
||||
yarn add bootstrap
|
||||
```
|
||||
|
||||
or
|
||||
|
||||
```bash
|
||||
npm install bootstrap
|
||||
```
|
||||
|
||||
##### Basic usage
|
||||
|
||||
```js
|
||||
import "bootstrap/dist/css/bootstrap.min.css";
|
||||
```
|
||||
|
||||
## Components
|
||||
|
||||
- [Vue Accordion](https://coreui.io/vue/docs/components/accordion.html)
|
||||
- [Vue Alert](https://coreui.io/vue/docs/components/alert.html)
|
||||
- [Vue Avatar](https://coreui.io/vue/docs/components/avatar.html)
|
||||
- [Vue Badge](https://coreui.io/vue/docs/components/badge.html)
|
||||
- [Vue Breadcrumb](https://coreui.io/vue/docs/components/breadcrumb.html)
|
||||
- [Vue Button](https://coreui.io/vue/docs/components/button.html)
|
||||
- [Vue Button Group](https://coreui.io/vue/docs/components/button-group.html)
|
||||
- [Vue Callout](https://coreui.io/vue/docs/components/callout.html)
|
||||
- [Vue Card](https://coreui.io/vue/docs/components/card.html)
|
||||
- [Vue Carousel](https://coreui.io/vue/docs/components/carousel.html)
|
||||
- [Vue Checkbox](https://coreui.io/vue/docs/forms/checkbox.html)
|
||||
- [Vue Close Button](https://coreui.io/vue/docs/components/close-button.html)
|
||||
- [Vue Collapse](https://coreui.io/vue/docs/components/collapse.html)
|
||||
- [Vue Date Picker](https://coreui.io/vue/docs/forms/date-picker.html) **PRO**
|
||||
- [Vue Date Range Picker](https://coreui.io/vue/docs/forms/date-range-picker.html) **PRO**
|
||||
- [Vue Dropdown](https://coreui.io/vue/docs/components/dropdown.html)
|
||||
- [Vue Floating Labels](https://coreui.io/vue/docs/forms/floating-labels.html)
|
||||
- [Vue Footer](https://coreui.io/vue/docs/components/footer.html)
|
||||
- [Vue Header](https://coreui.io/vue/docs/components/header.html)
|
||||
- [Vue Image](https://coreui.io/vue/docs/components/image.html)
|
||||
- [Vue Input](https://coreui.io/vue/docs/forms/input.html)
|
||||
- [Vue Input Group](https://coreui.io/vue/docs/forms/input-group.html)
|
||||
- [Vue List Group](https://coreui.io/vue/docs/components/list-group.html)
|
||||
- [Vue Loading Button](https://coreui.io/vue/docs/components/loading-button.html) **PRO**
|
||||
- [Vue Modal](https://coreui.io/vue/docs/components/modal.html)
|
||||
- [Vue Multi Select](https://coreui.io/vue/docs/forms/multi-select.html) **PRO**
|
||||
- [Vue Navs & Tabs](https://coreui.io/vue/docs/components/navs-tabs.html)
|
||||
- [Vue Navbar](https://coreui.io/vue/docs/components/navbar.html)
|
||||
- [Vue Offcanvas](https://coreui.io/vue/docs/components/offcanvas.html)
|
||||
- [Vue Pagination](https://coreui.io/vue/docs/components/pagination.html)
|
||||
- [Vue Placeholder](https://coreui.io/vue/docs/components/placeholder.html)
|
||||
- [Vue Popover](https://coreui.io/vue/docs/components/popover.html)
|
||||
- [Vue Progress](https://coreui.io/vue/docs/components/progress.html)
|
||||
- [Vue Radio](https://coreui.io/vue/docs/forms/radio.html)
|
||||
- [Vue Range](https://coreui.io/vue/docs/forms/range.html)
|
||||
- [Vue Rating](https://coreui.io/vue/docs/forms/rating.html)
|
||||
- [Vue Select](https://coreui.io/vue/docs/forms/select.html)
|
||||
- [Vue Sidebar](https://coreui.io/vue/docs/components/sidebar.html)
|
||||
- [Vue Smart Pagination](https://coreui.io/vue/docs/components/smart-pagination.html) **PRO**
|
||||
- [Vue Smart Table](https://coreui.io/vue/docs/components/smart-table.html) **PRO**
|
||||
- [Vue Spinner](https://coreui.io/vue/docs/components/spinner.html)
|
||||
- [Vue Switch](https://coreui.io/vue/docs/forms/switch.html)
|
||||
- [Vue Table](https://coreui.io/vue/docs/components/table.html)
|
||||
- [Vue Textarea](https://coreui.io/vue/docs/forms/textarea.html)
|
||||
- [Vue Time Picker](https://coreui.io/vue/docs/forms/time-picker.html) **PRO**
|
||||
- [Vue Toast](https://coreui.io/vue/docs/components/toast.html)
|
||||
- [Vue Tooltip](https://coreui.io/vue/docs/components/tooltip.html)
|
||||
|
||||
## Status
|
||||
|
||||
[](https://github.com/coreui/coreui-vue/actions?query=workflow%3AJS+Tests+branch%3Amain)
|
||||
[](https://www.npmjs.com/package/@coreui/vue)
|
||||
[](https://david-dm.org/coreui/coreui?type=peer)
|
||||
[](https://david-dm.org/coreui/coreui?type=dev)
|
||||
[](https://coveralls.io/github/coreui/coreui-vue?branch=v4)
|
||||
|
||||
## Bugs and feature requests
|
||||
|
||||
Have a bug or a feature request? Please first read the [issue guidelines](https://github.com/coreui/coreui-vue/blob/main/.github/CONTRIBUTING.md#using-the-issue-tracker) and search for existing and closed issues. If your problem or idea is not addressed yet, [please open a new issue](https://github.com/coreui/coreui-vue/issues/new).
|
||||
|
||||
## Documentation
|
||||
|
||||
The documentation for the CoreUI & CoreUI PRO is hosted at our website [CoreUI for Vue](https://coreui.io/vue/docs/getting-started/introduction)
|
||||
|
||||
### Running documentation locally
|
||||
|
||||
1. Run `yarn install` or `npm install` to install the Node.js dependencies.
|
||||
2. Run `yarn bootstrap` or `npm run bootstrap` to link local packages together and install remaining package dependencies.
|
||||
3. From the root directory, run `yarn docs:dev` or `npm run docs:dev` (or a specific npm script) to rebuild distributed CSS and JavaScript files, as well as our docs assets.
|
||||
4. Open `http://localhost:8000/` in your browser, and voilà.
|
||||
|
||||
## Frameworks
|
||||
|
||||
CoreUI supports most popular frameworks.
|
||||
|
||||
- [CoreUI for Angular](https://github.com/coreui/coreui-angular)
|
||||
- [CoreUI for Bootstrap (Vanilla JS)](https://github.com/coreui/coreui)
|
||||
- [CoreUI for React](https://github.com/coreui/coreui-react)
|
||||
- [CoreUI for Vue](https://github.com/coreui/coreui-vue)
|
||||
|
||||
## Templates
|
||||
|
||||
Fully featured, out-of-the-box, templates for your application based on CoreUI.
|
||||
|
||||
- [Angular Admin Template](https://coreui.io/angular)
|
||||
- [Bootstrap Admin Template](https://coreui.io/)
|
||||
- [React Admin Template](https://coreui.io/react)
|
||||
- [Vue Admin Template](https://coreui.io/vue)
|
||||
|
||||
## Contributing
|
||||
|
||||
Please read through our [contributing guidelines](https://github.com/coreui/coreui-vue/blob/main/.github/CONTRIBUTING.md). Included are directions for opening issues, coding standards, and notes on development.
|
||||
|
||||
Editor preferences are available in the [editor config](https://github.com/coreui/coreui-vue/blob/main/.editorconfig) for easy use in common text editors. Read more and download plugins at <https://editorconfig.org/>.
|
||||
|
||||
## Community
|
||||
|
||||
Stay up to date on the development of CoreUI and reach out to the community with these helpful resources.
|
||||
|
||||
- Read and subscribe to [The Official CoreUI Blog](https://coreui.io/blog/).
|
||||
|
||||
You can also follow [@core_ui on Twitter](https://twitter.com/core_ui).
|
||||
|
||||
## Versioning
|
||||
|
||||
For transparency into our release cycle and in striving to maintain backward compatibility, CoreUI is maintained under [the Semantic Versioning guidelines](http://semver.org/).
|
||||
|
||||
See [the Releases section of our project](https://github.com/coreui/coreui-vue/releases) for changelogs for each release version.
|
||||
|
||||
## Creators
|
||||
|
||||
**Łukasz Holeczek**
|
||||
|
||||
- <https://twitter.com/lukaszholeczek>
|
||||
- <https://github.com/mrholek>
|
||||
|
||||
**Andrzej Kopański**
|
||||
|
||||
- <https://github.com/xidedix>
|
||||
|
||||
**The CoreUI Team**
|
||||
|
||||
- <https://github.com/orgs/coreui/people>
|
||||
|
||||
## Support CoreUI Development
|
||||
|
||||
CoreUI is an MIT-licensed open source project and is completely free to use. However, the amount of effort needed to maintain and develop new features for the project is not sustainable without proper financial backing. You can support development by buying the [CoreUI PRO](https://coreui.io/pricing/) or by becoming a sponsor via [Open Collective](https://opencollective.com/coreui/).
|
||||
|
||||
<!--- StartOpenCollectiveBackers -->
|
||||
|
||||
### Platinum Sponsors
|
||||
|
||||
Support this project by [becoming a Platinum Sponsor](https://opencollective.com/coreui/contribute/platinum-sponsor-40959/). A large company logo will be added here with a link to your website.
|
||||
|
||||
<a href="https://opencollective.com/coreui/contribute/platinum-sponsor-40959/checkout"><img src="https://opencollective.com/coreui/tiers/platinum-sponsor/0/avatar.svg?avatarHeight=100"></a>
|
||||
|
||||
### Gold Sponsors
|
||||
|
||||
Support this project by [becoming a Gold Sponsor](https://opencollective.com/coreui/contribute/gold-sponsor-40960/). A big company logo will be added here with a link to your website.
|
||||
|
||||
<a href="https://opencollective.com/coreui/contribute/gold-sponsor-40960/checkout"><img src="https://opencollective.com/coreui/tiers/gold-sponsor/0/avatar.svg?avatarHeight=100"></a>
|
||||
|
||||
### Silver Sponsors
|
||||
|
||||
Support this project by [becoming a Silver Sponsor](https://opencollective.com/coreui/contribute/silver-sponsor-40967/). A medium company logo will be added here with a link to your website.
|
||||
|
||||
<a href="https://opencollective.com/coreui/contribute/silver-sponsor-40967/checkout"><img src="https://opencollective.com/coreui/tiers/gold-sponsor/0/avatar.svg?avatarHeight=100"></a>
|
||||
|
||||
### Bronze Sponsors
|
||||
|
||||
Support this project by [becoming a Bronze Sponsor](https://opencollective.com/coreui/contribute/bronze-sponsor-40966/). The company avatar will show up here with a link to your OpenCollective Profile.
|
||||
|
||||
<a href="https://opencollective.com/coreui/contribute/bronze-sponsor-40966/checkout"><img src="https://opencollective.com/coreui/tiers/bronze-sponsor/0/avatar.svg?avatarHeight=100"></a>
|
||||
|
||||
### Backers
|
||||
|
||||
Thanks to all the backers and sponsors! Support this project by [becoming a backer](https://opencollective.com/coreui/contribute/backer-40965/).
|
||||
|
||||
<a href="https://opencollective.com/coreui/contribute/backer-40965/checkout" target="_blank" rel="noopener"><img src="https://opencollective.com/coreui/backers.svg?width=890"></a>
|
||||
|
||||
<!--- EndOpenCollectiveBackers -->
|
||||
|
||||
## Copyright and license
|
||||
|
||||
Copyright 2022 creativeLabs Łukasz Holeczek. Code released under the [MIT License](https://github.com/coreui/coreui-vue/blob/main/LICENSE). Docs released under [Creative Commons](https://creativecommons.org/licenses/by/3.0/).
|
||||
+33
@@ -0,0 +1,33 @@
|
||||
declare const CAccordion: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
||||
/**
|
||||
* The active item key.
|
||||
*/
|
||||
activeItemKey: (NumberConstructor | StringConstructor)[];
|
||||
/**
|
||||
* Make accordion items stay open when another item is opened
|
||||
*/
|
||||
alwaysOpen: BooleanConstructor;
|
||||
/**
|
||||
* Removes the default background-color, some borders, and some rounded corners to render accordions edge-to-edge with their parent container.
|
||||
*/
|
||||
flush: BooleanConstructor;
|
||||
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
||||
[key: string]: any;
|
||||
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
||||
/**
|
||||
* The active item key.
|
||||
*/
|
||||
activeItemKey: (NumberConstructor | StringConstructor)[];
|
||||
/**
|
||||
* Make accordion items stay open when another item is opened
|
||||
*/
|
||||
alwaysOpen: BooleanConstructor;
|
||||
/**
|
||||
* Removes the default background-color, some borders, and some rounded corners to render accordions edge-to-edge with their parent container.
|
||||
*/
|
||||
flush: BooleanConstructor;
|
||||
}>> & Readonly<{}>, {
|
||||
alwaysOpen: boolean;
|
||||
flush: boolean;
|
||||
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
||||
export { CAccordion };
|
||||
+35
@@ -0,0 +1,35 @@
|
||||
'use strict';
|
||||
|
||||
var vue = require('vue');
|
||||
|
||||
const CAccordion = vue.defineComponent({
|
||||
name: 'CAccordion',
|
||||
props: {
|
||||
/**
|
||||
* The active item key.
|
||||
*/
|
||||
activeItemKey: [Number, String],
|
||||
/**
|
||||
* Make accordion items stay open when another item is opened
|
||||
*/
|
||||
alwaysOpen: Boolean,
|
||||
/**
|
||||
* Removes the default background-color, some borders, and some rounded corners to render accordions edge-to-edge with their parent container.
|
||||
*/
|
||||
flush: Boolean,
|
||||
},
|
||||
setup(props, { slots }) {
|
||||
const activeItemKey = vue.ref(props.activeItemKey);
|
||||
const setActiveItemKey = (key) => {
|
||||
activeItemKey.value = key;
|
||||
};
|
||||
vue.watch(() => props.activeItemKey, (value) => (activeItemKey.value = value));
|
||||
vue.provide('activeItemKey', activeItemKey);
|
||||
vue.provide('alwaysOpen', props.alwaysOpen);
|
||||
vue.provide('setActiveItemKey', setActiveItemKey);
|
||||
return () => vue.h('div', { class: ['accordion', { ['accordion-flush']: props.flush }] }, slots.default && slots.default());
|
||||
},
|
||||
});
|
||||
|
||||
exports.CAccordion = CAccordion;
|
||||
//# sourceMappingURL=CAccordion.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"file":"CAccordion.js","sources":["../../../../src/components/accordion/CAccordion.ts"],"sourcesContent":[null],"names":["defineComponent","ref","watch","provide","h"],"mappings":";;;;AAEA,MAAM,UAAU,GAAGA,mBAAe,CAAC;AACjC,IAAA,IAAI,EAAE,YAAY;AAClB,IAAA,KAAK,EAAE;AACL;;AAEG;AACH,QAAA,aAAa,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC/B;;AAEG;AACH,QAAA,UAAU,EAAE,OAAO;AACnB;;AAEG;AACH,QAAA,KAAK,EAAE,OAAO;AACf,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAA;QACpB,MAAM,aAAa,GAAGC,OAAG,CAAC,KAAK,CAAC,aAAa,CAAC;AAC9C,QAAA,MAAM,gBAAgB,GAAG,CAAC,GAAoB,KAAI;AAChD,YAAA,aAAa,CAAC,KAAK,GAAG,GAAG;AAC3B,QAAA,CAAC;QAEDC,SAAK,CACH,MAAM,KAAK,CAAC,aAAa,EACzB,CAAC,KAAK,MAAM,aAAa,CAAC,KAAK,GAAG,KAAK,CAAC,CACzC;AAED,QAAAC,WAAO,CAAC,eAAe,EAAE,aAAa,CAAC;AACvC,QAAAA,WAAO,CAAC,YAAY,EAAE,KAAK,CAAC,UAAU,CAAC;AACvC,QAAAA,WAAO,CAAC,kBAAkB,EAAE,gBAAgB,CAAC;AAE7C,QAAA,OAAO,MACLC,KAAC,CACC,KAAK,EACL,EAAE,KAAK,EAAE,CAAC,WAAW,EAAE,EAAE,CAAC,iBAAiB,GAAG,KAAK,CAAC,KAAK,EAAE,CAAC,EAAE,EAC9D,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CACjC;IACL,CAAC;AACF,CAAA;;;;"}
|
||||
+4
@@ -0,0 +1,4 @@
|
||||
declare const CAccordionBody: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
||||
[key: string]: any;
|
||||
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
||||
export { CAccordionBody };
|
||||
+18
@@ -0,0 +1,18 @@
|
||||
'use strict';
|
||||
|
||||
var vue = require('vue');
|
||||
var CCollapse = require('../collapse/CCollapse.js');
|
||||
|
||||
const CAccordionBody = vue.defineComponent({
|
||||
name: 'CAccordionBody',
|
||||
setup(_, { slots }) {
|
||||
const id = vue.inject('id');
|
||||
const visible = vue.inject('visible');
|
||||
return () => vue.h(CCollapse.CCollapse, { class: 'accordion-collapse', id, visible: visible.value }, {
|
||||
default: () => vue.h('div', { class: ['accordion-body'] }, slots.default && slots.default()),
|
||||
});
|
||||
},
|
||||
});
|
||||
|
||||
exports.CAccordionBody = CAccordionBody;
|
||||
//# sourceMappingURL=CAccordionBody.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"file":"CAccordionBody.js","sources":["../../../../src/components/accordion/CAccordionBody.ts"],"sourcesContent":[null],"names":["defineComponent","inject","h","CCollapse"],"mappings":";;;;;AAGA,MAAM,cAAc,GAAGA,mBAAe,CAAC;AACrC,IAAA,IAAI,EAAE,gBAAgB;AACtB,IAAA,KAAK,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,EAAA;AAChB,QAAA,MAAM,EAAE,GAAGC,UAAM,CAAC,IAAI,CAAC;AACvB,QAAA,MAAM,OAAO,GAAGA,UAAM,CAAC,SAAS,CAAiB;QACjD,OAAO,MACLC,KAAC,CACCC,mBAAS,EACT,EAAE,KAAK,EAAE,oBAAoB,EAAE,EAAE,EAAE,OAAO,EAAE,OAAO,CAAC,KAAK,EAAE,EAC3D;YACE,OAAO,EAAE,MAAMD,KAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,gBAAgB,CAAC,EAAE,EAAE,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;AACzF,SAAA,CACF;IACL,CAAC;AACF,CAAA;;;;"}
|
||||
+4
@@ -0,0 +1,4 @@
|
||||
declare const CAccordionButton: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
||||
[key: string]: any;
|
||||
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
||||
export { CAccordionButton };
|
||||
+22
@@ -0,0 +1,22 @@
|
||||
'use strict';
|
||||
|
||||
var vue = require('vue');
|
||||
|
||||
const CAccordionButton = vue.defineComponent({
|
||||
name: 'CAccordionButton',
|
||||
setup(_, { slots }) {
|
||||
const id = vue.inject('id');
|
||||
const toggleVisibility = vue.inject('toggleVisibility');
|
||||
const visible = vue.inject('visible');
|
||||
return () => vue.h('button', {
|
||||
type: 'button',
|
||||
'aria-control': id,
|
||||
'aria-expanded': visible.value,
|
||||
class: ['accordion-button', { ['collapsed']: !visible.value }],
|
||||
onClick: () => toggleVisibility(),
|
||||
}, slots.default && slots.default());
|
||||
},
|
||||
});
|
||||
|
||||
exports.CAccordionButton = CAccordionButton;
|
||||
//# sourceMappingURL=CAccordionButton.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"file":"CAccordionButton.js","sources":["../../../../src/components/accordion/CAccordionButton.ts"],"sourcesContent":[null],"names":["defineComponent","inject","h"],"mappings":";;;;AAEA,MAAM,gBAAgB,GAAGA,mBAAe,CAAC;AACvC,IAAA,IAAI,EAAE,kBAAkB;AACxB,IAAA,KAAK,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,EAAA;AAChB,QAAA,MAAM,EAAE,GAAGC,UAAM,CAAC,IAAI,CAAW;AACjC,QAAA,MAAM,gBAAgB,GAAGA,UAAM,CAAC,kBAAkB,CAAe;AACjE,QAAA,MAAM,OAAO,GAAGA,UAAM,CAAC,SAAS,CAAiB;AAEjD,QAAA,OAAO,MACLC,KAAC,CACC,QAAQ,EACR;AACE,YAAA,IAAI,EAAE,QAAQ;AACd,YAAA,cAAc,EAAE,EAAE;YAClB,eAAe,EAAE,OAAO,CAAC,KAAK;AAC9B,YAAA,KAAK,EAAE,CAAC,kBAAkB,EAAE,EAAE,CAAC,WAAW,GAAG,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;AAC9D,YAAA,OAAO,EAAE,MAAM,gBAAgB,EAAE;SAClC,EACD,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CACjC;IACL,CAAC;AACF,CAAA;;;;"}
|
||||
+4
@@ -0,0 +1,4 @@
|
||||
declare const CAccordionHeader: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
||||
[key: string]: any;
|
||||
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
||||
export { CAccordionHeader };
|
||||
+16
@@ -0,0 +1,16 @@
|
||||
'use strict';
|
||||
|
||||
var vue = require('vue');
|
||||
var CAccordionButton = require('./CAccordionButton.js');
|
||||
|
||||
const CAccordionHeader = vue.defineComponent({
|
||||
name: 'CAccordionHeader',
|
||||
setup(_, { slots }) {
|
||||
return () => vue.h('div', { class: ['accordion-header'] }, vue.h(CAccordionButton.CAccordionButton, {}, {
|
||||
default: () => slots.default && slots.default(),
|
||||
}));
|
||||
},
|
||||
});
|
||||
|
||||
exports.CAccordionHeader = CAccordionHeader;
|
||||
//# sourceMappingURL=CAccordionHeader.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"file":"CAccordionHeader.js","sources":["../../../../src/components/accordion/CAccordionHeader.ts"],"sourcesContent":[null],"names":["defineComponent","h","CAccordionButton"],"mappings":";;;;;AAGA,MAAM,gBAAgB,GAAGA,mBAAe,CAAC;AACvC,IAAA,IAAI,EAAE,kBAAkB;AACxB,IAAA,KAAK,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,EAAA;QAChB,OAAO,MACLC,KAAC,CACC,KAAK,EACL,EAAE,KAAK,EAAE,CAAC,kBAAkB,CAAC,EAAE,EAC/BA,KAAC,CACCC,iCAAgB,EAChB,EAAE,EACF;YACE,OAAO,EAAE,MAAM,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE;AAChD,SAAA,CACF,CACF;IACL,CAAC;AACF,CAAA;;;;"}
|
||||
+22
@@ -0,0 +1,22 @@
|
||||
declare const CAccordionItem: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
||||
/**
|
||||
* The id global attribute defines an identifier (ID) that must be unique in the whole document.
|
||||
*/
|
||||
id: StringConstructor;
|
||||
/**
|
||||
* The item key.
|
||||
*/
|
||||
itemKey: (NumberConstructor | StringConstructor)[];
|
||||
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
||||
[key: string]: any;
|
||||
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
||||
/**
|
||||
* The id global attribute defines an identifier (ID) that must be unique in the whole document.
|
||||
*/
|
||||
id: StringConstructor;
|
||||
/**
|
||||
* The item key.
|
||||
*/
|
||||
itemKey: (NumberConstructor | StringConstructor)[];
|
||||
}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
||||
export { CAccordionItem };
|
||||
+39
@@ -0,0 +1,39 @@
|
||||
'use strict';
|
||||
|
||||
var vue = require('vue');
|
||||
|
||||
const CAccordionItem = vue.defineComponent({
|
||||
name: 'CAccordionItem',
|
||||
props: {
|
||||
/**
|
||||
* The id global attribute defines an identifier (ID) that must be unique in the whole document.
|
||||
*/
|
||||
id: String,
|
||||
/**
|
||||
* The item key.
|
||||
*/
|
||||
itemKey: [Number, String],
|
||||
},
|
||||
setup(props, { slots }) {
|
||||
const activeItemKey = vue.inject('activeItemKey');
|
||||
const alwaysOpen = vue.inject('alwaysOpen');
|
||||
const setActiveItemKey = vue.inject('setActiveItemKey');
|
||||
const id = props.id ?? vue.useId();
|
||||
const itemKey = vue.ref(props.itemKey ?? id);
|
||||
const visible = vue.ref(Boolean(activeItemKey.value === itemKey.value));
|
||||
vue.watch(activeItemKey, () => (visible.value = Boolean(activeItemKey.value === itemKey.value)));
|
||||
const toggleVisibility = () => {
|
||||
visible.value = !visible.value;
|
||||
if (!alwaysOpen && visible) {
|
||||
setActiveItemKey(itemKey.value);
|
||||
}
|
||||
};
|
||||
vue.provide('id', id);
|
||||
vue.provide('visible', visible);
|
||||
vue.provide('toggleVisibility', toggleVisibility);
|
||||
return () => vue.h('div', { class: ['accordion-item'] }, slots.default && slots.default());
|
||||
},
|
||||
});
|
||||
|
||||
exports.CAccordionItem = CAccordionItem;
|
||||
//# sourceMappingURL=CAccordionItem.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"file":"CAccordionItem.js","sources":["../../../../src/components/accordion/CAccordionItem.ts"],"sourcesContent":[null],"names":["defineComponent","inject","useId","ref","watch","provide","h"],"mappings":";;;;AAEA,MAAM,cAAc,GAAGA,mBAAe,CAAC;AACrC,IAAA,IAAI,EAAE,gBAAgB;AACtB,IAAA,KAAK,EAAE;AACL;;AAEG;AACH,QAAA,EAAE,EAAE,MAAM;AACV;;AAEG;AACH,QAAA,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAA;AACpB,QAAA,MAAM,aAAa,GAAGC,UAAM,CAAC,eAAe,CAAyB;AACrE,QAAA,MAAM,UAAU,GAAGA,UAAM,CAAC,YAAY,CAAY;AAClD,QAAA,MAAM,gBAAgB,GAAGA,UAAM,CAAC,kBAAkB,CAAmC;QAErF,MAAM,EAAE,GAAG,KAAK,CAAC,EAAE,IAAIC,SAAK,EAAE;QAC9B,MAAM,OAAO,GAAGC,OAAG,CAAC,KAAK,CAAC,OAAO,IAAI,EAAE,CAAC;AACxC,QAAA,MAAM,OAAO,GAAGA,OAAG,CAAC,OAAO,CAAC,aAAa,CAAC,KAAK,KAAK,OAAO,CAAC,KAAK,CAAC,CAAC;QAEnEC,SAAK,CAAC,aAAa,EAAE,OAAO,OAAO,CAAC,KAAK,GAAG,OAAO,CAAC,aAAa,CAAC,KAAK,KAAK,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;QAE5F,MAAM,gBAAgB,GAAG,MAAK;AAC5B,YAAA,OAAO,CAAC,KAAK,GAAG,CAAC,OAAO,CAAC,KAAK;AAC9B,YAAA,IAAI,CAAC,UAAU,IAAI,OAAO,EAAE;AAC1B,gBAAA,gBAAgB,CAAC,OAAO,CAAC,KAAK,CAAC;YACjC;AACF,QAAA,CAAC;AAED,QAAAC,WAAO,CAAC,IAAI,EAAE,EAAE,CAAC;AACjB,QAAAA,WAAO,CAAC,SAAS,EAAE,OAAO,CAAC;AAC3B,QAAAA,WAAO,CAAC,kBAAkB,EAAE,gBAAgB,CAAC;QAE7C,OAAO,MAAMC,KAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,CAAC,gBAAgB,CAAC,EAAE,EAAE,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;IACxF,CAAC;AACF,CAAA;;;;"}
|
||||
+10
@@ -0,0 +1,10 @@
|
||||
import { App } from 'vue';
|
||||
import { CAccordion } from './CAccordion';
|
||||
import { CAccordionBody } from './CAccordionBody';
|
||||
import { CAccordionButton } from './CAccordionButton';
|
||||
import { CAccordionHeader } from './CAccordionHeader';
|
||||
import { CAccordionItem } from './CAccordionItem';
|
||||
declare const CAccordionPlugin: {
|
||||
install: (app: App) => void;
|
||||
};
|
||||
export { CAccordionPlugin, CAccordion, CAccordionBody, CAccordionButton, CAccordionHeader, CAccordionItem, };
|
||||
+25
@@ -0,0 +1,25 @@
|
||||
'use strict';
|
||||
|
||||
var CAccordion = require('./CAccordion.js');
|
||||
var CAccordionBody = require('./CAccordionBody.js');
|
||||
var CAccordionButton = require('./CAccordionButton.js');
|
||||
var CAccordionHeader = require('./CAccordionHeader.js');
|
||||
var CAccordionItem = require('./CAccordionItem.js');
|
||||
|
||||
const CAccordionPlugin = {
|
||||
install: (app) => {
|
||||
app.component(CAccordion.CAccordion.name, CAccordion.CAccordion);
|
||||
app.component(CAccordionBody.CAccordionBody.name, CAccordionBody.CAccordionBody);
|
||||
app.component(CAccordionButton.CAccordionButton.name, CAccordionButton.CAccordionButton);
|
||||
app.component(CAccordionHeader.CAccordionHeader.name, CAccordionHeader.CAccordionHeader);
|
||||
app.component(CAccordionItem.CAccordionItem.name, CAccordionItem.CAccordionItem);
|
||||
},
|
||||
};
|
||||
|
||||
exports.CAccordion = CAccordion.CAccordion;
|
||||
exports.CAccordionBody = CAccordionBody.CAccordionBody;
|
||||
exports.CAccordionButton = CAccordionButton.CAccordionButton;
|
||||
exports.CAccordionHeader = CAccordionHeader.CAccordionHeader;
|
||||
exports.CAccordionItem = CAccordionItem.CAccordionItem;
|
||||
exports.CAccordionPlugin = CAccordionPlugin;
|
||||
//# sourceMappingURL=index.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"file":"index.js","sources":["../../../../src/components/accordion/index.ts"],"sourcesContent":[null],"names":["CAccordion","CAccordionBody","CAccordionButton","CAccordionHeader","CAccordionItem"],"mappings":";;;;;;;;AAOA,MAAM,gBAAgB,GAAG;AACvB,IAAA,OAAO,EAAE,CAAC,GAAQ,KAAU;QAC1B,GAAG,CAAC,SAAS,CAACA,qBAAU,CAAC,IAAc,EAAEA,qBAAU,CAAC;QACpD,GAAG,CAAC,SAAS,CAACC,6BAAc,CAAC,IAAc,EAAEA,6BAAc,CAAC;QAC5D,GAAG,CAAC,SAAS,CAACC,iCAAgB,CAAC,IAAc,EAAEA,iCAAgB,CAAC;QAChE,GAAG,CAAC,SAAS,CAACC,iCAAgB,CAAC,IAAc,EAAEA,iCAAgB,CAAC;QAChE,GAAG,CAAC,SAAS,CAACC,6BAAc,CAAC,IAAc,EAAEA,6BAAc,CAAC;IAC9D,CAAC;;;;;;;;;;"}
|
||||
+68
@@ -0,0 +1,68 @@
|
||||
export declare const CAlert: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
||||
/**
|
||||
* Sets the color context of the component to one of CoreUI’s themed colors.
|
||||
*
|
||||
* @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light'
|
||||
*/
|
||||
color: {
|
||||
type: StringConstructor;
|
||||
validator: (value: string) => boolean;
|
||||
};
|
||||
/**
|
||||
* Optionally add a close button to alert and allow it to self dismisss.
|
||||
*/
|
||||
dismissible: BooleanConstructor;
|
||||
/**
|
||||
* Set the alert variant to a solid.
|
||||
*
|
||||
* @values 'solid'
|
||||
*/
|
||||
variant: {
|
||||
type: StringConstructor;
|
||||
validator: (value: string) => value is "solid";
|
||||
};
|
||||
/**
|
||||
* Toggle the visibility of alert component.
|
||||
*/
|
||||
visible: {
|
||||
type: BooleanConstructor;
|
||||
default: boolean;
|
||||
};
|
||||
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
||||
[key: string]: any;
|
||||
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "close"[], "close", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
||||
/**
|
||||
* Sets the color context of the component to one of CoreUI’s themed colors.
|
||||
*
|
||||
* @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light'
|
||||
*/
|
||||
color: {
|
||||
type: StringConstructor;
|
||||
validator: (value: string) => boolean;
|
||||
};
|
||||
/**
|
||||
* Optionally add a close button to alert and allow it to self dismisss.
|
||||
*/
|
||||
dismissible: BooleanConstructor;
|
||||
/**
|
||||
* Set the alert variant to a solid.
|
||||
*
|
||||
* @values 'solid'
|
||||
*/
|
||||
variant: {
|
||||
type: StringConstructor;
|
||||
validator: (value: string) => value is "solid";
|
||||
};
|
||||
/**
|
||||
* Toggle the visibility of alert component.
|
||||
*/
|
||||
visible: {
|
||||
type: BooleanConstructor;
|
||||
default: boolean;
|
||||
};
|
||||
}>> & Readonly<{
|
||||
onClose?: ((...args: any[]) => any) | undefined;
|
||||
}>, {
|
||||
visible: boolean;
|
||||
dismissible: boolean;
|
||||
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
||||
+86
@@ -0,0 +1,86 @@
|
||||
'use strict';
|
||||
|
||||
var vue = require('vue');
|
||||
var CCloseButton = require('../close-button/CCloseButton.js');
|
||||
var props = require('../../props.js');
|
||||
|
||||
const CAlert = vue.defineComponent({
|
||||
name: 'CAlert',
|
||||
props: {
|
||||
/**
|
||||
* Sets the color context of the component to one of CoreUI’s themed colors.
|
||||
*
|
||||
* @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light'
|
||||
*/
|
||||
color: props.Color,
|
||||
/**
|
||||
* Optionally add a close button to alert and allow it to self dismisss.
|
||||
*/
|
||||
dismissible: Boolean,
|
||||
/**
|
||||
* Set the alert variant to a solid.
|
||||
*
|
||||
* @values 'solid'
|
||||
*/
|
||||
variant: {
|
||||
type: String,
|
||||
validator: (value) => {
|
||||
return value === 'solid';
|
||||
},
|
||||
},
|
||||
/**
|
||||
* Toggle the visibility of alert component.
|
||||
*/
|
||||
visible: {
|
||||
type: Boolean,
|
||||
default: true,
|
||||
},
|
||||
},
|
||||
emits: [
|
||||
/**
|
||||
* Callback fired when the component requests to be closed.
|
||||
*/
|
||||
'close',
|
||||
],
|
||||
setup(props, { slots, emit }) {
|
||||
const visible = vue.ref(props.visible);
|
||||
vue.watch(() => props.visible, () => {
|
||||
visible.value = props.visible;
|
||||
});
|
||||
const handleDismiss = () => {
|
||||
visible.value = false;
|
||||
emit('close');
|
||||
};
|
||||
return () => vue.h(vue.Transition, {
|
||||
enterFromClass: '',
|
||||
enterActiveClass: 'fade',
|
||||
enterToClass: 'fade show',
|
||||
leaveActiveClass: 'fade',
|
||||
}, {
|
||||
default: () => visible.value &&
|
||||
vue.h('div', {
|
||||
class: [
|
||||
'alert',
|
||||
props.variant === 'solid'
|
||||
? `bg-${props.color} text-white border-0`
|
||||
: `alert-${props.color}`,
|
||||
{
|
||||
[`alert-${props.color}`]: props.color,
|
||||
'alert-dismissible': props.dismissible,
|
||||
},
|
||||
],
|
||||
}, [
|
||||
slots.default && slots.default(),
|
||||
props.dismissible &&
|
||||
vue.h(CCloseButton.CCloseButton, {
|
||||
onClick: () => {
|
||||
handleDismiss();
|
||||
},
|
||||
}),
|
||||
]),
|
||||
});
|
||||
},
|
||||
});
|
||||
|
||||
exports.CAlert = CAlert;
|
||||
//# sourceMappingURL=CAlert.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"file":"CAlert.js","sources":["../../../../src/components/alert/CAlert.ts"],"sourcesContent":[null],"names":["defineComponent","Color","ref","watch","h","Transition","CCloseButton"],"mappings":";;;;;;AAMO,MAAM,MAAM,GAAGA,mBAAe,CAAC;AACpC,IAAA,IAAI,EAAE,QAAQ;AACd,IAAA,KAAK,EAAE;AACL;;;;AAIG;AACH,QAAA,KAAK,EAAEC,WAAK;AACZ;;AAEG;AACH,QAAA,WAAW,EAAE,OAAO;AACpB;;;;AAIG;AACH,QAAA,OAAO,EAAE;AACP,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,SAAS,EAAE,CAAC,KAAa,KAAI;gBAC3B,OAAO,KAAK,KAAK,OAAO;YAC1B,CAAC;AACF,SAAA;AACD;;AAEG;AACH,QAAA,OAAO,EAAE;AACP,YAAA,IAAI,EAAE,OAAO;AACb,YAAA,OAAO,EAAE,IAAI;AACd,SAAA;AACF,KAAA;AACD,IAAA,KAAK,EAAE;AACL;;AAEG;QACH,OAAO;AACR,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,EAAA;QAC1B,MAAM,OAAO,GAAGC,OAAG,CAAC,KAAK,CAAC,OAAO,CAAC;QAElCC,SAAK,CACH,MAAM,KAAK,CAAC,OAAO,EACnB,MAAK;AACH,YAAA,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC,OAAO;AAC/B,QAAA,CAAC,CACF;QAED,MAAM,aAAa,GAAG,MAAK;AACzB,YAAA,OAAO,CAAC,KAAK,GAAG,KAAK;YACrB,IAAI,CAAC,OAAO,CAAC;AACf,QAAA,CAAC;AAED,QAAA,OAAO,MACLC,KAAC,CACCC,cAAU,EACV;AACE,YAAA,cAAc,EAAE,EAAE;AAClB,YAAA,gBAAgB,EAAE,MAAM;AACxB,YAAA,YAAY,EAAE,WAAW;AACzB,YAAA,gBAAgB,EAAE,MAAM;SACzB,EACD;AACE,YAAA,OAAO,EAAE,MACP,OAAO,CAAC,KAAK;gBACbD,KAAC,CACC,KAAK,EACL;AACE,oBAAA,KAAK,EAAE;wBACL,OAAO;wBACP,KAAK,CAAC,OAAO,KAAK;AAChB,8BAAE,CAAA,GAAA,EAAM,KAAK,CAAC,KAAK,CAAA,oBAAA;AACnB,8BAAE,CAAA,MAAA,EAAS,KAAK,CAAC,KAAK,CAAA,CAAE;AAC1B,wBAAA;4BACE,CAAC,CAAA,MAAA,EAAS,KAAK,CAAC,KAAK,EAAE,GAAG,KAAK,CAAC,KAAK;4BACrC,mBAAmB,EAAE,KAAK,CAAC,WAAW;AACvC,yBAAA;AACF,qBAAA;iBACF,EACD;AACE,oBAAA,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE;AAChC,oBAAA,KAAK,CAAC,WAAW;wBACfA,KAAC,CAACE,yBAAY,EAAE;4BACd,OAAO,EAAE,MAAK;AACZ,gCAAA,aAAa,EAAE;4BACjB,CAAC;yBACF,CAAC;iBACL,CACF;AACJ,SAAA,CACF;IACL,CAAC;AACF,CAAA;;;;"}
|
||||
+21
@@ -0,0 +1,21 @@
|
||||
export declare const CAlertHeading: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
||||
/**
|
||||
* Component used for the root node. Either a string to use a HTML element or a component.
|
||||
*/
|
||||
as: {
|
||||
type: StringConstructor;
|
||||
default: string;
|
||||
};
|
||||
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
||||
[key: string]: any;
|
||||
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
||||
/**
|
||||
* Component used for the root node. Either a string to use a HTML element or a component.
|
||||
*/
|
||||
as: {
|
||||
type: StringConstructor;
|
||||
default: string;
|
||||
};
|
||||
}>> & Readonly<{}>, {
|
||||
as: string;
|
||||
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
||||
+24
@@ -0,0 +1,24 @@
|
||||
'use strict';
|
||||
|
||||
var vue = require('vue');
|
||||
|
||||
const CAlertHeading = vue.defineComponent({
|
||||
name: 'CAlertHeading',
|
||||
props: {
|
||||
/**
|
||||
* Component used for the root node. Either a string to use a HTML element or a component.
|
||||
*/
|
||||
as: {
|
||||
type: String,
|
||||
default: 'h4',
|
||||
},
|
||||
},
|
||||
setup(props, { slots }) {
|
||||
return () => vue.h(props.as, {
|
||||
class: 'alert-heading',
|
||||
}, slots);
|
||||
},
|
||||
});
|
||||
|
||||
exports.CAlertHeading = CAlertHeading;
|
||||
//# sourceMappingURL=CAlertHeading.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"file":"CAlertHeading.js","sources":["../../../../src/components/alert/CAlertHeading.ts"],"sourcesContent":[null],"names":["defineComponent","h"],"mappings":";;;;AAEO,MAAM,aAAa,GAAGA,mBAAe,CAAC;AAC3C,IAAA,IAAI,EAAE,eAAe;AACrB,IAAA,KAAK,EAAE;AACL;;AAEG;AACH,QAAA,EAAE,EAAE;AACF,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,OAAO,EAAE,IAAI;AACd,SAAA;AACF,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAA;QACpB,OAAO,MACLC,KAAC,CACC,KAAK,CAAC,EAAE,EACR;AACE,YAAA,KAAK,EAAE,eAAe;SACvB,EACD,KAAK,CACN;IACL,CAAC;AACF,CAAA;;;;"}
|
||||
+3
@@ -0,0 +1,3 @@
|
||||
export declare const CAlertLink: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
||||
[key: string]: any;
|
||||
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
||||
+15
@@ -0,0 +1,15 @@
|
||||
'use strict';
|
||||
|
||||
var vue = require('vue');
|
||||
|
||||
const CAlertLink = vue.defineComponent({
|
||||
name: 'CAlertLink',
|
||||
setup(_, { slots }) {
|
||||
return () => vue.h('a', {
|
||||
class: 'alert-link',
|
||||
}, slots);
|
||||
},
|
||||
});
|
||||
|
||||
exports.CAlertLink = CAlertLink;
|
||||
//# sourceMappingURL=CAlertLink.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"file":"CAlertLink.js","sources":["../../../../src/components/alert/CAlertLink.ts"],"sourcesContent":[null],"names":["defineComponent","h"],"mappings":";;;;AAEO,MAAM,UAAU,GAAGA,mBAAe,CAAC;AACxC,IAAA,IAAI,EAAE,YAAY;AAClB,IAAA,KAAK,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,EAAA;AAChB,QAAA,OAAO,MACLC,KAAC,CACC,GAAG,EACH;AACE,YAAA,KAAK,EAAE,YAAY;SACpB,EACD,KAAK,CACN;IACL,CAAC;AACF,CAAA;;;;"}
|
||||
+8
@@ -0,0 +1,8 @@
|
||||
import { App } from 'vue';
|
||||
import { CAlert } from './CAlert';
|
||||
import { CAlertHeading } from './CAlertHeading';
|
||||
import { CAlertLink } from './CAlertLink';
|
||||
declare const CAlertPlugin: {
|
||||
install: (app: App) => void;
|
||||
};
|
||||
export { CAlertPlugin, CAlert, CAlertHeading, CAlertLink };
|
||||
+19
@@ -0,0 +1,19 @@
|
||||
'use strict';
|
||||
|
||||
var CAlert = require('./CAlert.js');
|
||||
var CAlertHeading = require('./CAlertHeading.js');
|
||||
var CAlertLink = require('./CAlertLink.js');
|
||||
|
||||
const CAlertPlugin = {
|
||||
install: (app) => {
|
||||
app.component(CAlert.CAlert.name, CAlert.CAlert);
|
||||
app.component(CAlertHeading.CAlertHeading.name, CAlertHeading.CAlertHeading);
|
||||
app.component(CAlertLink.CAlertLink.name, CAlertLink.CAlertLink);
|
||||
},
|
||||
};
|
||||
|
||||
exports.CAlert = CAlert.CAlert;
|
||||
exports.CAlertHeading = CAlertHeading.CAlertHeading;
|
||||
exports.CAlertLink = CAlertLink.CAlertLink;
|
||||
exports.CAlertPlugin = CAlertPlugin;
|
||||
//# sourceMappingURL=index.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"file":"index.js","sources":["../../../../src/components/alert/index.ts"],"sourcesContent":[null],"names":["CAlert","CAlertHeading","CAlertLink"],"mappings":";;;;;;AAKA,MAAM,YAAY,GAAG;AACnB,IAAA,OAAO,EAAE,CAAC,GAAQ,KAAU;QAC1B,GAAG,CAAC,SAAS,CAACA,aAAM,CAAC,IAAc,EAAEA,aAAM,CAAC;QAC5C,GAAG,CAAC,SAAS,CAACC,2BAAa,CAAC,IAAc,EAAEA,2BAAa,CAAC;QAC1D,GAAG,CAAC,SAAS,CAACC,qBAAU,CAAC,IAAc,EAAEA,qBAAU,CAAC;IACtD,CAAC;;;;;;;;"}
|
||||
+104
@@ -0,0 +1,104 @@
|
||||
declare const CAvatar: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
||||
/**
|
||||
* Sets the color context of the component to one of CoreUI’s themed colors.
|
||||
*
|
||||
* @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light'
|
||||
*/
|
||||
color: {
|
||||
type: StringConstructor;
|
||||
validator: (value: string) => boolean;
|
||||
};
|
||||
/**
|
||||
* Select the shape of the component.
|
||||
*
|
||||
* @values 'rounded', 'rounded-top', 'rounded-end', 'rounded-bottom', 'rounded-start', 'rounded-circle', 'rounded-pill', 'rounded-0', 'rounded-1', 'rounded-2', 'rounded-3'
|
||||
*/
|
||||
shape: {
|
||||
type: StringConstructor;
|
||||
validator: (value: string) => boolean;
|
||||
};
|
||||
/**
|
||||
* Size the component small, large, or extra large.
|
||||
*
|
||||
* @values 'sm', 'md', 'lg', 'xl'
|
||||
*/
|
||||
size: {
|
||||
type: StringConstructor;
|
||||
validator: (value: string) => boolean;
|
||||
};
|
||||
/**
|
||||
* The src attribute for the img element.
|
||||
*/
|
||||
src: StringConstructor;
|
||||
/**
|
||||
* Sets the color context of the status indicator to one of CoreUI’s themed colors.
|
||||
*
|
||||
* @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light'
|
||||
*/
|
||||
status: {
|
||||
type: StringConstructor;
|
||||
validator: (value: string) => boolean;
|
||||
};
|
||||
/**
|
||||
* Sets the text color of the component to one of CoreUI’s themed colors.
|
||||
*
|
||||
* @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light', 'primary-emphasis', 'secondary-emphasis', 'success-emphasis', 'danger-emphasis', 'warning-emphasis', 'info-emphasis', 'light-emphasis', 'body', 'body-emphasis', 'body-secondary', 'body-tertiary', 'black', 'black-50', 'white', 'white-50'
|
||||
*/
|
||||
textColor: {
|
||||
type: StringConstructor;
|
||||
validator: (value: string) => boolean;
|
||||
};
|
||||
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
||||
[key: string]: any;
|
||||
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
||||
/**
|
||||
* Sets the color context of the component to one of CoreUI’s themed colors.
|
||||
*
|
||||
* @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light'
|
||||
*/
|
||||
color: {
|
||||
type: StringConstructor;
|
||||
validator: (value: string) => boolean;
|
||||
};
|
||||
/**
|
||||
* Select the shape of the component.
|
||||
*
|
||||
* @values 'rounded', 'rounded-top', 'rounded-end', 'rounded-bottom', 'rounded-start', 'rounded-circle', 'rounded-pill', 'rounded-0', 'rounded-1', 'rounded-2', 'rounded-3'
|
||||
*/
|
||||
shape: {
|
||||
type: StringConstructor;
|
||||
validator: (value: string) => boolean;
|
||||
};
|
||||
/**
|
||||
* Size the component small, large, or extra large.
|
||||
*
|
||||
* @values 'sm', 'md', 'lg', 'xl'
|
||||
*/
|
||||
size: {
|
||||
type: StringConstructor;
|
||||
validator: (value: string) => boolean;
|
||||
};
|
||||
/**
|
||||
* The src attribute for the img element.
|
||||
*/
|
||||
src: StringConstructor;
|
||||
/**
|
||||
* Sets the color context of the status indicator to one of CoreUI’s themed colors.
|
||||
*
|
||||
* @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light'
|
||||
*/
|
||||
status: {
|
||||
type: StringConstructor;
|
||||
validator: (value: string) => boolean;
|
||||
};
|
||||
/**
|
||||
* Sets the text color of the component to one of CoreUI’s themed colors.
|
||||
*
|
||||
* @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light', 'primary-emphasis', 'secondary-emphasis', 'success-emphasis', 'danger-emphasis', 'warning-emphasis', 'info-emphasis', 'light-emphasis', 'body', 'body-emphasis', 'body-secondary', 'body-tertiary', 'black', 'black-50', 'white', 'white-50'
|
||||
*/
|
||||
textColor: {
|
||||
type: StringConstructor;
|
||||
validator: (value: string) => boolean;
|
||||
};
|
||||
}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
||||
export { CAvatar };
|
||||
+84
@@ -0,0 +1,84 @@
|
||||
'use strict';
|
||||
|
||||
var vue = require('vue');
|
||||
var props = require('../../props.js');
|
||||
|
||||
const CAvatar = vue.defineComponent({
|
||||
name: 'CAvatar',
|
||||
props: {
|
||||
/**
|
||||
* Sets the color context of the component to one of CoreUI’s themed colors.
|
||||
*
|
||||
* @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light'
|
||||
*/
|
||||
color: props.Color,
|
||||
/**
|
||||
* Select the shape of the component.
|
||||
*
|
||||
* @values 'rounded', 'rounded-top', 'rounded-end', 'rounded-bottom', 'rounded-start', 'rounded-circle', 'rounded-pill', 'rounded-0', 'rounded-1', 'rounded-2', 'rounded-3'
|
||||
*/
|
||||
shape: props.Shape,
|
||||
/**
|
||||
* Size the component small, large, or extra large.
|
||||
*
|
||||
* @values 'sm', 'md', 'lg', 'xl'
|
||||
*/
|
||||
size: {
|
||||
type: String,
|
||||
validator: (value) => {
|
||||
return ['sm', 'md', 'lg', 'xl'].includes(value);
|
||||
},
|
||||
},
|
||||
/**
|
||||
* The src attribute for the img element.
|
||||
*/
|
||||
src: String,
|
||||
/**
|
||||
* Sets the color context of the status indicator to one of CoreUI’s themed colors.
|
||||
*
|
||||
* @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light'
|
||||
*/
|
||||
status: {
|
||||
type: String,
|
||||
validator: (value) => {
|
||||
return [
|
||||
'primary',
|
||||
'secondary',
|
||||
'success',
|
||||
'danger',
|
||||
'warning',
|
||||
'info',
|
||||
'dark',
|
||||
'light',
|
||||
].includes(value);
|
||||
},
|
||||
},
|
||||
/**
|
||||
* Sets the text color of the component to one of CoreUI’s themed colors.
|
||||
*
|
||||
* @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light', 'primary-emphasis', 'secondary-emphasis', 'success-emphasis', 'danger-emphasis', 'warning-emphasis', 'info-emphasis', 'light-emphasis', 'body', 'body-emphasis', 'body-secondary', 'body-tertiary', 'black', 'black-50', 'white', 'white-50'
|
||||
*/
|
||||
textColor: props.TextColor,
|
||||
},
|
||||
setup(props, { slots }) {
|
||||
return () => vue.h('div', {
|
||||
class: [
|
||||
'avatar',
|
||||
{
|
||||
[`bg-${props.color}`]: props.color,
|
||||
[`avatar-${props.size}`]: props.size,
|
||||
[`text-${props.textColor}`]: props.textColor,
|
||||
},
|
||||
`${props.shape}`,
|
||||
],
|
||||
}, [
|
||||
props.src
|
||||
? vue.h('img', { src: props.src, class: 'avatar-img' })
|
||||
: slots.default && slots.default(),
|
||||
props.status && vue.h('span', { class: ['avatar-status', `bg-${props.status}`] }),
|
||||
]);
|
||||
},
|
||||
});
|
||||
|
||||
exports.CAvatar = CAvatar;
|
||||
//# sourceMappingURL=CAvatar.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"file":"CAvatar.js","sources":["../../../../src/components/avatar/CAvatar.ts"],"sourcesContent":[null],"names":["defineComponent","Color","Shape","TextColor","h"],"mappings":";;;;;AAIA,MAAM,OAAO,GAAGA,mBAAe,CAAC;AAC9B,IAAA,IAAI,EAAE,SAAS;AACf,IAAA,KAAK,EAAE;AACL;;;;AAIG;AACH,QAAA,KAAK,EAAEC,WAAK;AACZ;;;;AAIG;AACH,QAAA,KAAK,EAAEC,WAAK;AACZ;;;;AAIG;AACH,QAAA,IAAI,EAAE;AACJ,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,SAAS,EAAE,CAAC,KAAa,KAAI;AAC3B,gBAAA,OAAO,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC;YACjD,CAAC;AACF,SAAA;AACD;;AAEG;AACH,QAAA,GAAG,EAAE,MAAM;AACX;;;;AAIG;AACH,QAAA,MAAM,EAAE;AACN,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,SAAS,EAAE,CAAC,KAAa,KAAI;gBAC3B,OAAO;oBACL,SAAS;oBACT,WAAW;oBACX,SAAS;oBACT,QAAQ;oBACR,SAAS;oBACT,MAAM;oBACN,MAAM;oBACN,OAAO;AACR,iBAAA,CAAC,QAAQ,CAAC,KAAK,CAAC;YACnB,CAAC;AACF,SAAA;AACD;;;;AAIG;AACH,QAAA,SAAS,EAAEC,eAAS;AACrB,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAA;AACpB,QAAA,OAAO,MACLC,KAAC,CACC,KAAK,EACL;AACE,YAAA,KAAK,EAAE;gBACL,QAAQ;AACR,gBAAA;oBACE,CAAC,CAAA,GAAA,EAAM,KAAK,CAAC,KAAK,EAAE,GAAG,KAAK,CAAC,KAAK;oBAClC,CAAC,CAAA,OAAA,EAAU,KAAK,CAAC,IAAI,EAAE,GAAG,KAAK,CAAC,IAAI;oBACpC,CAAC,CAAA,KAAA,EAAQ,KAAK,CAAC,SAAS,EAAE,GAAG,KAAK,CAAC,SAAS;AAC7C,iBAAA;gBACD,CAAA,EAAG,KAAK,CAAC,KAAK,CAAA,CAAE;AACjB,aAAA;SACF,EACD;AACE,YAAA,KAAK,CAAC;AACJ,kBAAEA,KAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,KAAK,CAAC,GAAG,EAAE,KAAK,EAAE,YAAY,EAAE;kBAChD,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE;YACpC,KAAK,CAAC,MAAM,IAAIA,KAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,CAAC,eAAe,EAAE,MAAM,KAAK,CAAC,MAAM,CAAA,CAAE,CAAC,EAAE,CAAC;AAC9E,SAAA,CACF;IACL,CAAC;AACF,CAAA;;;;"}
|
||||
+6
@@ -0,0 +1,6 @@
|
||||
import { App } from 'vue';
|
||||
import { CAvatar } from './CAvatar';
|
||||
declare const CAvatarPlugin: {
|
||||
install: (app: App) => void;
|
||||
};
|
||||
export { CAvatarPlugin, CAvatar };
|
||||
+13
@@ -0,0 +1,13 @@
|
||||
'use strict';
|
||||
|
||||
var CAvatar = require('./CAvatar.js');
|
||||
|
||||
const CAvatarPlugin = {
|
||||
install: (app) => {
|
||||
app.component(CAvatar.CAvatar.name, CAvatar.CAvatar);
|
||||
},
|
||||
};
|
||||
|
||||
exports.CAvatar = CAvatar.CAvatar;
|
||||
exports.CAvatarPlugin = CAvatarPlugin;
|
||||
//# sourceMappingURL=index.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"file":"index.js","sources":["../../../../src/components/avatar/index.ts"],"sourcesContent":[null],"names":["CAvatar"],"mappings":";;;;AAGA,MAAM,aAAa,GAAG;AACpB,IAAA,OAAO,EAAE,CAAC,GAAQ,KAAU;QAC1B,GAAG,CAAC,SAAS,CAACA,eAAO,CAAC,IAAc,EAAEA,eAAO,CAAC;IAChD,CAAC;;;;;;"}
|
||||
+22
@@ -0,0 +1,22 @@
|
||||
declare const CBackdrop: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
||||
/**
|
||||
* Toggle the visibility of modal component.
|
||||
*/
|
||||
visible: {
|
||||
type: BooleanConstructor;
|
||||
default: boolean;
|
||||
};
|
||||
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
||||
[key: string]: any;
|
||||
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
||||
/**
|
||||
* Toggle the visibility of modal component.
|
||||
*/
|
||||
visible: {
|
||||
type: BooleanConstructor;
|
||||
default: boolean;
|
||||
};
|
||||
}>> & Readonly<{}>, {
|
||||
visible: boolean;
|
||||
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
||||
export { CBackdrop };
|
||||
+32
@@ -0,0 +1,32 @@
|
||||
'use strict';
|
||||
|
||||
var vue = require('vue');
|
||||
|
||||
const CBackdrop = vue.defineComponent({
|
||||
name: 'CBackdrop',
|
||||
props: {
|
||||
/**
|
||||
* Toggle the visibility of modal component.
|
||||
*/
|
||||
visible: {
|
||||
type: Boolean,
|
||||
default: false,
|
||||
},
|
||||
},
|
||||
setup(props) {
|
||||
return () => vue.h(vue.Transition, {
|
||||
onEnter: (el) => {
|
||||
el.classList.add('show');
|
||||
},
|
||||
onLeave: (el) => {
|
||||
el.classList.remove('show');
|
||||
},
|
||||
}, () => props.visible &&
|
||||
vue.h('div', {
|
||||
class: 'fade',
|
||||
}));
|
||||
},
|
||||
});
|
||||
|
||||
exports.CBackdrop = CBackdrop;
|
||||
//# sourceMappingURL=CBackdrop.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"file":"CBackdrop.js","sources":["../../../../src/components/backdrop/CBackdrop.ts"],"sourcesContent":[null],"names":["defineComponent","h","Transition"],"mappings":";;;;AAEA,MAAM,SAAS,GAAGA,mBAAe,CAAC;AAChC,IAAA,IAAI,EAAE,WAAW;AACjB,IAAA,KAAK,EAAE;AACL;;AAEG;AACH,QAAA,OAAO,EAAE;AACP,YAAA,IAAI,EAAE,OAAO;AACb,YAAA,OAAO,EAAE,KAAK;AACf,SAAA;AACF,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAA;AACT,QAAA,OAAO,MACLC,KAAC,CACCC,cAAU,EACV;AACE,YAAA,OAAO,EAAE,CAAC,EAAE,KAAI;AACd,gBAAA,EAAE,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC;YAC1B,CAAC;AACD,YAAA,OAAO,EAAE,CAAC,EAAE,KAAI;AACd,gBAAA,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,CAAC;YAC7B,CAAC;AACF,SAAA,EACD,MACE,KAAK,CAAC,OAAO;YACbD,KAAC,CAAC,KAAK,EAAE;AACP,gBAAA,KAAK,EAAE,MAAM;AACd,aAAA,CAAC,CACL;IACL,CAAC;AACF,CAAA;;;;"}
|
||||
+6
@@ -0,0 +1,6 @@
|
||||
import { App } from 'vue';
|
||||
import { CBackdrop } from './CBackdrop';
|
||||
declare const CBackdropPlugin: {
|
||||
install: (app: App) => void;
|
||||
};
|
||||
export { CBackdropPlugin, CBackdrop };
|
||||
+13
@@ -0,0 +1,13 @@
|
||||
'use strict';
|
||||
|
||||
var CBackdrop = require('./CBackdrop.js');
|
||||
|
||||
const CBackdropPlugin = {
|
||||
install: (app) => {
|
||||
app.component(CBackdrop.CBackdrop.name, CBackdrop.CBackdrop);
|
||||
},
|
||||
};
|
||||
|
||||
exports.CBackdrop = CBackdrop.CBackdrop;
|
||||
exports.CBackdropPlugin = CBackdropPlugin;
|
||||
//# sourceMappingURL=index.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"file":"index.js","sources":["../../../../src/components/backdrop/index.ts"],"sourcesContent":[null],"names":["CBackdrop"],"mappings":";;;;AAGA,MAAM,eAAe,GAAG;AACtB,IAAA,OAAO,EAAE,CAAC,GAAQ,KAAU;QAC1B,GAAG,CAAC,SAAS,CAACA,mBAAS,CAAC,IAAc,EAAEA,mBAAS,CAAC;IACpD,CAAC;;;;;;"}
|
||||
+132
@@ -0,0 +1,132 @@
|
||||
declare const CBadge: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
||||
/**
|
||||
* Component used for the root node. Either a string to use a HTML element or a component.
|
||||
*/
|
||||
as: {
|
||||
type: StringConstructor;
|
||||
default: string;
|
||||
};
|
||||
/**
|
||||
* Sets the color context of the component to one of CoreUI’s themed colors.
|
||||
*
|
||||
* @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light'
|
||||
*/
|
||||
color: {
|
||||
type: StringConstructor;
|
||||
validator: (value: string) => boolean;
|
||||
};
|
||||
/**
|
||||
* Position badge in one of the corners of a link or button.
|
||||
*
|
||||
* @values 'top-start', 'top-end', 'bottom-end', 'bottom-start'
|
||||
*/
|
||||
position: {
|
||||
type: StringConstructor;
|
||||
validator: (value: string) => boolean;
|
||||
};
|
||||
/**
|
||||
* Select the shape of the component.
|
||||
*
|
||||
* @values 'rounded', 'rounded-top', 'rounded-end', 'rounded-bottom', 'rounded-start', 'rounded-circle', 'rounded-pill', 'rounded-0', 'rounded-1', 'rounded-2', 'rounded-3'
|
||||
*/
|
||||
shape: {
|
||||
type: StringConstructor;
|
||||
validator: (value: string) => boolean;
|
||||
};
|
||||
/**
|
||||
* Size the component small.
|
||||
*
|
||||
* @values 'sm'
|
||||
*/
|
||||
size: {
|
||||
type: StringConstructor;
|
||||
validator: (value: string) => value is "sm";
|
||||
};
|
||||
/**
|
||||
* Sets the component's color scheme to one of CoreUI's themed colors, ensuring the text color contrast adheres to the WCAG 4.5:1 contrast ratio standard for accessibility.
|
||||
*
|
||||
* @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light'
|
||||
* @since 5.0.0
|
||||
*/
|
||||
textBgColor: {
|
||||
type: StringConstructor;
|
||||
validator: (value: string) => boolean;
|
||||
};
|
||||
/**
|
||||
* Sets the text color of the component to one of CoreUI’s themed colors.
|
||||
*
|
||||
* @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light', 'primary-emphasis', 'secondary-emphasis', 'success-emphasis', 'danger-emphasis', 'warning-emphasis', 'info-emphasis', 'light-emphasis', 'body', 'body-emphasis', 'body-secondary', 'body-tertiary', 'black', 'black-50', 'white', 'white-50'
|
||||
*/
|
||||
textColor: {
|
||||
type: StringConstructor;
|
||||
validator: (value: string) => boolean;
|
||||
};
|
||||
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
||||
[key: string]: any;
|
||||
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
||||
/**
|
||||
* Component used for the root node. Either a string to use a HTML element or a component.
|
||||
*/
|
||||
as: {
|
||||
type: StringConstructor;
|
||||
default: string;
|
||||
};
|
||||
/**
|
||||
* Sets the color context of the component to one of CoreUI’s themed colors.
|
||||
*
|
||||
* @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light'
|
||||
*/
|
||||
color: {
|
||||
type: StringConstructor;
|
||||
validator: (value: string) => boolean;
|
||||
};
|
||||
/**
|
||||
* Position badge in one of the corners of a link or button.
|
||||
*
|
||||
* @values 'top-start', 'top-end', 'bottom-end', 'bottom-start'
|
||||
*/
|
||||
position: {
|
||||
type: StringConstructor;
|
||||
validator: (value: string) => boolean;
|
||||
};
|
||||
/**
|
||||
* Select the shape of the component.
|
||||
*
|
||||
* @values 'rounded', 'rounded-top', 'rounded-end', 'rounded-bottom', 'rounded-start', 'rounded-circle', 'rounded-pill', 'rounded-0', 'rounded-1', 'rounded-2', 'rounded-3'
|
||||
*/
|
||||
shape: {
|
||||
type: StringConstructor;
|
||||
validator: (value: string) => boolean;
|
||||
};
|
||||
/**
|
||||
* Size the component small.
|
||||
*
|
||||
* @values 'sm'
|
||||
*/
|
||||
size: {
|
||||
type: StringConstructor;
|
||||
validator: (value: string) => value is "sm";
|
||||
};
|
||||
/**
|
||||
* Sets the component's color scheme to one of CoreUI's themed colors, ensuring the text color contrast adheres to the WCAG 4.5:1 contrast ratio standard for accessibility.
|
||||
*
|
||||
* @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light'
|
||||
* @since 5.0.0
|
||||
*/
|
||||
textBgColor: {
|
||||
type: StringConstructor;
|
||||
validator: (value: string) => boolean;
|
||||
};
|
||||
/**
|
||||
* Sets the text color of the component to one of CoreUI’s themed colors.
|
||||
*
|
||||
* @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light', 'primary-emphasis', 'secondary-emphasis', 'success-emphasis', 'danger-emphasis', 'warning-emphasis', 'info-emphasis', 'light-emphasis', 'body', 'body-emphasis', 'body-secondary', 'body-tertiary', 'black', 'black-50', 'white', 'white-50'
|
||||
*/
|
||||
textColor: {
|
||||
type: StringConstructor;
|
||||
validator: (value: string) => boolean;
|
||||
};
|
||||
}>> & Readonly<{}>, {
|
||||
as: string;
|
||||
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
||||
export { CBadge };
|
||||
+86
@@ -0,0 +1,86 @@
|
||||
'use strict';
|
||||
|
||||
var vue = require('vue');
|
||||
var props = require('../../props.js');
|
||||
|
||||
const CBadge = vue.defineComponent({
|
||||
name: 'CBadge',
|
||||
props: {
|
||||
/**
|
||||
* Component used for the root node. Either a string to use a HTML element or a component.
|
||||
*/
|
||||
as: {
|
||||
type: String,
|
||||
default: 'span',
|
||||
},
|
||||
/**
|
||||
* Sets the color context of the component to one of CoreUI’s themed colors.
|
||||
*
|
||||
* @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light'
|
||||
*/
|
||||
color: props.Color,
|
||||
/**
|
||||
* Position badge in one of the corners of a link or button.
|
||||
*
|
||||
* @values 'top-start', 'top-end', 'bottom-end', 'bottom-start'
|
||||
*/
|
||||
position: {
|
||||
type: String,
|
||||
validator: (value) => {
|
||||
return ['top-start', 'top-end', 'bottom-end', 'bottom-start'].includes(value);
|
||||
},
|
||||
},
|
||||
/**
|
||||
* Select the shape of the component.
|
||||
*
|
||||
* @values 'rounded', 'rounded-top', 'rounded-end', 'rounded-bottom', 'rounded-start', 'rounded-circle', 'rounded-pill', 'rounded-0', 'rounded-1', 'rounded-2', 'rounded-3'
|
||||
*/
|
||||
shape: props.Shape,
|
||||
/**
|
||||
* Size the component small.
|
||||
*
|
||||
* @values 'sm'
|
||||
*/
|
||||
size: {
|
||||
type: String,
|
||||
validator: (value) => {
|
||||
return value === 'sm';
|
||||
},
|
||||
},
|
||||
/**
|
||||
* Sets the component's color scheme to one of CoreUI's themed colors, ensuring the text color contrast adheres to the WCAG 4.5:1 contrast ratio standard for accessibility.
|
||||
*
|
||||
* @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light'
|
||||
* @since 5.0.0
|
||||
*/
|
||||
textBgColor: props.Color,
|
||||
/**
|
||||
* Sets the text color of the component to one of CoreUI’s themed colors.
|
||||
*
|
||||
* @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light', 'primary-emphasis', 'secondary-emphasis', 'success-emphasis', 'danger-emphasis', 'warning-emphasis', 'info-emphasis', 'light-emphasis', 'body', 'body-emphasis', 'body-secondary', 'body-tertiary', 'black', 'black-50', 'white', 'white-50'
|
||||
*/
|
||||
textColor: props.TextColor,
|
||||
},
|
||||
setup(props, { slots }) {
|
||||
return () => vue.h(props.as, {
|
||||
class: [
|
||||
'badge',
|
||||
{
|
||||
[`bg-${props.color}`]: props.color,
|
||||
'position-absolute translate-middle': props.position,
|
||||
'top-0': props.position && props.position.includes('top'),
|
||||
'top-100': props.position && props.position.includes('bottom'),
|
||||
'start-100': props.position && props.position.includes('end'),
|
||||
'start-0': props.position && props.position.includes('start'),
|
||||
[`badge-${props.size}`]: props.size,
|
||||
[`text-${props.textColor}`]: props.textColor,
|
||||
[`text-bg-${props.textBgColor}`]: props.textBgColor,
|
||||
},
|
||||
props.shape,
|
||||
],
|
||||
}, slots.default && slots.default());
|
||||
},
|
||||
});
|
||||
|
||||
exports.CBadge = CBadge;
|
||||
//# sourceMappingURL=CBadge.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"file":"CBadge.js","sources":["../../../../src/components/badge/CBadge.ts"],"sourcesContent":[null],"names":["defineComponent","Color","Shape","TextColor","h"],"mappings":";;;;;AAIA,MAAM,MAAM,GAAGA,mBAAe,CAAC;AAC7B,IAAA,IAAI,EAAE,QAAQ;AACd,IAAA,KAAK,EAAE;AACL;;AAEG;AACH,QAAA,EAAE,EAAE;AACF,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,OAAO,EAAE,MAAM;AAChB,SAAA;AACD;;;;AAIG;AACH,QAAA,KAAK,EAAEC,WAAK;AACZ;;;;AAIG;AACH,QAAA,QAAQ,EAAE;AACR,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,SAAS,EAAE,CAAC,KAAa,KAAI;AAC3B,gBAAA,OAAO,CAAC,WAAW,EAAE,SAAS,EAAE,YAAY,EAAE,cAAc,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC;YAC/E,CAAC;AACF,SAAA;AACD;;;;AAIG;AACH,QAAA,KAAK,EAAEC,WAAK;AACZ;;;;AAIG;AACH,QAAA,IAAI,EAAE;AACJ,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,SAAS,EAAE,CAAC,KAAa,KAAI;gBAC3B,OAAO,KAAK,KAAK,IAAI;YACvB,CAAC;AACF,SAAA;AACD;;;;;AAKG;AACH,QAAA,WAAW,EAAED,WAAK;AAClB;;;;AAIG;AACH,QAAA,SAAS,EAAEE,eAAS;AACrB,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAA;QACpB,OAAO,MACLC,KAAC,CACC,KAAK,CAAC,EAAE,EACR;AACE,YAAA,KAAK,EAAE;gBACL,OAAO;AACP,gBAAA;oBACE,CAAC,CAAA,GAAA,EAAM,KAAK,CAAC,KAAK,EAAE,GAAG,KAAK,CAAC,KAAK;oBAClC,oCAAoC,EAAE,KAAK,CAAC,QAAQ;AACpD,oBAAA,OAAO,EAAE,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC;AACzD,oBAAA,SAAS,EAAE,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,QAAQ,CAAC;AAC9D,oBAAA,WAAW,EAAE,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC;AAC7D,oBAAA,SAAS,EAAE,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,OAAO,CAAC;oBAC7D,CAAC,CAAA,MAAA,EAAS,KAAK,CAAC,IAAI,EAAE,GAAG,KAAK,CAAC,IAAI;oBACnC,CAAC,CAAA,KAAA,EAAQ,KAAK,CAAC,SAAS,EAAE,GAAG,KAAK,CAAC,SAAS;oBAC5C,CAAC,CAAA,QAAA,EAAW,KAAK,CAAC,WAAW,EAAE,GAAG,KAAK,CAAC,WAAW;AACpD,iBAAA;AACD,gBAAA,KAAK,CAAC,KAAK;AACZ,aAAA;SACF,EACD,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CACjC;IACL,CAAC;AACF,CAAA;;;;"}
|
||||
+6
@@ -0,0 +1,6 @@
|
||||
import { App } from 'vue';
|
||||
import { CBadge } from './CBadge';
|
||||
declare const CBadgePlugin: {
|
||||
install: (app: App) => void;
|
||||
};
|
||||
export { CBadge, CBadgePlugin };
|
||||
+13
@@ -0,0 +1,13 @@
|
||||
'use strict';
|
||||
|
||||
var CBadge = require('./CBadge.js');
|
||||
|
||||
const CBadgePlugin = {
|
||||
install: (app) => {
|
||||
app.component(CBadge.CBadge.name, CBadge.CBadge);
|
||||
},
|
||||
};
|
||||
|
||||
exports.CBadge = CBadge.CBadge;
|
||||
exports.CBadgePlugin = CBadgePlugin;
|
||||
//# sourceMappingURL=index.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"file":"index.js","sources":["../../../../src/components/badge/index.ts"],"sourcesContent":[null],"names":["CBadge"],"mappings":";;;;AAGA,MAAM,YAAY,GAAG;AACnB,IAAA,OAAO,EAAE,CAAC,GAAQ,KAAU;QAC1B,GAAG,CAAC,SAAS,CAACA,aAAM,CAAC,IAAc,EAAEA,aAAM,CAAC;IAC9C,CAAC;;;;;;"}
|
||||
+4
@@ -0,0 +1,4 @@
|
||||
declare const CBreadcrumb: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
||||
[key: string]: any;
|
||||
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
||||
export { CBreadcrumb };
|
||||
+16
@@ -0,0 +1,16 @@
|
||||
'use strict';
|
||||
|
||||
var vue = require('vue');
|
||||
|
||||
const CBreadcrumb = vue.defineComponent({
|
||||
name: 'CBreadcrumb',
|
||||
inheritAttrs: false,
|
||||
setup(_, { slots, attrs }) {
|
||||
return () => vue.h('nav', {
|
||||
'aria-label': 'breadcrumb',
|
||||
}, vue.h('ol', { class: ['breadcrumb', attrs.class] }, slots.default && slots.default()));
|
||||
},
|
||||
});
|
||||
|
||||
exports.CBreadcrumb = CBreadcrumb;
|
||||
//# sourceMappingURL=CBreadcrumb.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"file":"CBreadcrumb.js","sources":["../../../../src/components/breadcrumb/CBreadcrumb.ts"],"sourcesContent":[null],"names":["defineComponent","h"],"mappings":";;;;AAEA,MAAM,WAAW,GAAGA,mBAAe,CAAC;AAClC,IAAA,IAAI,EAAE,aAAa;AACnB,IAAA,YAAY,EAAE,KAAK;AACnB,IAAA,KAAK,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,EAAA;AACvB,QAAA,OAAO,MACLC,KAAC,CACC,KAAK,EACL;AACE,YAAA,YAAY,EAAE,YAAY;SAC3B,EACDA,KAAC,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,CAAC,YAAY,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE,EAAE,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC,CAClF;IACL,CAAC;AACF,CAAA;;;;"}
|
||||
+24
@@ -0,0 +1,24 @@
|
||||
declare const CBreadcrumbItem: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
||||
/**
|
||||
* Toggle the active state for the component.
|
||||
*/
|
||||
active: BooleanConstructor;
|
||||
/**
|
||||
* The `href` attribute for the inner link component.
|
||||
*/
|
||||
href: StringConstructor;
|
||||
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
||||
[key: string]: any;
|
||||
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
||||
/**
|
||||
* Toggle the active state for the component.
|
||||
*/
|
||||
active: BooleanConstructor;
|
||||
/**
|
||||
* The `href` attribute for the inner link component.
|
||||
*/
|
||||
href: StringConstructor;
|
||||
}>> & Readonly<{}>, {
|
||||
active: boolean;
|
||||
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
||||
export { CBreadcrumbItem };
|
||||
+33
@@ -0,0 +1,33 @@
|
||||
'use strict';
|
||||
|
||||
var vue = require('vue');
|
||||
|
||||
const CBreadcrumbItem = vue.defineComponent({
|
||||
name: 'CBreadcrumbItem',
|
||||
props: {
|
||||
/**
|
||||
* Toggle the active state for the component.
|
||||
*/
|
||||
active: Boolean,
|
||||
/**
|
||||
* The `href` attribute for the inner link component.
|
||||
*/
|
||||
href: String,
|
||||
},
|
||||
setup(props, { slots }) {
|
||||
return () => vue.h('li', {
|
||||
class: [
|
||||
'breadcrumb-item',
|
||||
{
|
||||
active: props.active,
|
||||
},
|
||||
],
|
||||
...(props.active && { 'aria-current': 'page' }),
|
||||
}, props.href
|
||||
? vue.h('a', { href: props.href }, slots.default && slots.default())
|
||||
: slots.default && slots.default());
|
||||
},
|
||||
});
|
||||
|
||||
exports.CBreadcrumbItem = CBreadcrumbItem;
|
||||
//# sourceMappingURL=CBreadcrumbItem.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"file":"CBreadcrumbItem.js","sources":["../../../../src/components/breadcrumb/CBreadcrumbItem.ts"],"sourcesContent":[null],"names":["defineComponent","h"],"mappings":";;;;AAEA,MAAM,eAAe,GAAGA,mBAAe,CAAC;AACtC,IAAA,IAAI,EAAE,iBAAiB;AACvB,IAAA,KAAK,EAAE;AACL;;AAEG;AACH,QAAA,MAAM,EAAE,OAAO;AACf;;AAEG;AACH,QAAA,IAAI,EAAE,MAAM;AACb,KAAA;AAED,IAAA,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAA;AACpB,QAAA,OAAO,MACLC,KAAC,CACC,IAAI,EACJ;AACE,YAAA,KAAK,EAAE;gBACL,iBAAiB;AACjB,gBAAA;oBACE,MAAM,EAAE,KAAK,CAAC,MAAM;AACrB,iBAAA;AACF,aAAA;YACD,IAAI,KAAK,CAAC,MAAM,IAAI,EAAE,cAAc,EAAE,MAAM,EAAE,CAAC;SAChD,EACD,KAAK,CAAC;cACFA,KAAC,CAAC,GAAG,EAAE,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,EAAE,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE;cAC7D,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CACrC;IACL,CAAC;AACF,CAAA;;;;"}
|
||||
+7
@@ -0,0 +1,7 @@
|
||||
import { App } from 'vue';
|
||||
import { CBreadcrumbItem } from './CBreadcrumbItem';
|
||||
import { CBreadcrumb } from './CBreadcrumb';
|
||||
declare const CBreadcrumbPlugin: {
|
||||
install: (app: App) => void;
|
||||
};
|
||||
export { CBreadcrumbPlugin, CBreadcrumb, CBreadcrumbItem };
|
||||
+16
@@ -0,0 +1,16 @@
|
||||
'use strict';
|
||||
|
||||
var CBreadcrumbItem = require('./CBreadcrumbItem.js');
|
||||
var CBreadcrumb = require('./CBreadcrumb.js');
|
||||
|
||||
const CBreadcrumbPlugin = {
|
||||
install: (app) => {
|
||||
app.component(CBreadcrumb.CBreadcrumb.name, CBreadcrumb.CBreadcrumb);
|
||||
app.component(CBreadcrumbItem.CBreadcrumbItem.name, CBreadcrumbItem.CBreadcrumbItem);
|
||||
},
|
||||
};
|
||||
|
||||
exports.CBreadcrumbItem = CBreadcrumbItem.CBreadcrumbItem;
|
||||
exports.CBreadcrumb = CBreadcrumb.CBreadcrumb;
|
||||
exports.CBreadcrumbPlugin = CBreadcrumbPlugin;
|
||||
//# sourceMappingURL=index.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"file":"index.js","sources":["../../../../src/components/breadcrumb/index.ts"],"sourcesContent":[null],"names":["CBreadcrumb","CBreadcrumbItem"],"mappings":";;;;;AAIA,MAAM,iBAAiB,GAAG;AACxB,IAAA,OAAO,EAAE,CAAC,GAAQ,KAAU;QAC1B,GAAG,CAAC,SAAS,CAACA,uBAAW,CAAC,IAAc,EAAEA,uBAAW,CAAC;QACtD,GAAG,CAAC,SAAS,CAACC,+BAAe,CAAC,IAAc,EAAEA,+BAAe,CAAC;IAChE,CAAC;;;;;;;"}
|
||||
+34
@@ -0,0 +1,34 @@
|
||||
declare const CButtonGroup: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
||||
/**
|
||||
* Size the component small or large.
|
||||
*
|
||||
* @values 'sm', 'lg'
|
||||
*/
|
||||
size: {
|
||||
type: StringConstructor;
|
||||
validator: (value: string) => boolean;
|
||||
};
|
||||
/**
|
||||
* Create a set of buttons that appear vertically stacked rather than horizontally. Split button dropdowns are not supported here.
|
||||
*/
|
||||
vertical: BooleanConstructor;
|
||||
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
||||
[key: string]: any;
|
||||
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
||||
/**
|
||||
* Size the component small or large.
|
||||
*
|
||||
* @values 'sm', 'lg'
|
||||
*/
|
||||
size: {
|
||||
type: StringConstructor;
|
||||
validator: (value: string) => boolean;
|
||||
};
|
||||
/**
|
||||
* Create a set of buttons that appear vertically stacked rather than horizontally. Split button dropdowns are not supported here.
|
||||
*/
|
||||
vertical: BooleanConstructor;
|
||||
}>> & Readonly<{}>, {
|
||||
vertical: boolean;
|
||||
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
||||
export { CButtonGroup };
|
||||
+35
@@ -0,0 +1,35 @@
|
||||
'use strict';
|
||||
|
||||
var vue = require('vue');
|
||||
|
||||
const CButtonGroup = vue.defineComponent({
|
||||
name: 'CButtonGroup',
|
||||
props: {
|
||||
/**
|
||||
* Size the component small or large.
|
||||
*
|
||||
* @values 'sm', 'lg'
|
||||
*/
|
||||
size: {
|
||||
type: String,
|
||||
validator: (value) => {
|
||||
return ['sm', 'lg'].includes(value);
|
||||
},
|
||||
},
|
||||
/**
|
||||
* Create a set of buttons that appear vertically stacked rather than horizontally. Split button dropdowns are not supported here.
|
||||
*/
|
||||
vertical: Boolean,
|
||||
},
|
||||
setup(props, { slots }) {
|
||||
return () => vue.h('div', {
|
||||
class: [
|
||||
props.vertical ? 'btn-group-vertical' : 'btn-group',
|
||||
{ [`btn-group-${props.size}`]: props.size },
|
||||
],
|
||||
}, slots.default && slots.default());
|
||||
},
|
||||
});
|
||||
|
||||
exports.CButtonGroup = CButtonGroup;
|
||||
//# sourceMappingURL=CButtonGroup.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"file":"CButtonGroup.js","sources":["../../../../src/components/button-group/CButtonGroup.ts"],"sourcesContent":[null],"names":["defineComponent","h"],"mappings":";;;;AAEA,MAAM,YAAY,GAAGA,mBAAe,CAAC;AACnC,IAAA,IAAI,EAAE,cAAc;AACpB,IAAA,KAAK,EAAE;AACL;;;;AAIG;AACH,QAAA,IAAI,EAAE;AACJ,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,SAAS,EAAE,CAAC,KAAa,KAAI;gBAC3B,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC;YACrC,CAAC;AACF,SAAA;AACD;;AAEG;AACH,QAAA,QAAQ,EAAE,OAAO;AAClB,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAA;AACpB,QAAA,OAAO,MACLC,KAAC,CACC,KAAK,EACL;AACE,YAAA,KAAK,EAAE;gBACL,KAAK,CAAC,QAAQ,GAAG,oBAAoB,GAAG,WAAW;gBACnD,EAAE,CAAC,CAAA,UAAA,EAAa,KAAK,CAAC,IAAI,CAAA,CAAE,GAAG,KAAK,CAAC,IAAI,EAAE;AAC5C,aAAA;SACF,EACD,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CACjC;IACL,CAAC;AACF,CAAA;;;;"}
|
||||
+4
@@ -0,0 +1,4 @@
|
||||
declare const CButtonToolbar: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
||||
[key: string]: any;
|
||||
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
||||
export { CButtonToolbar };
|
||||
+13
@@ -0,0 +1,13 @@
|
||||
'use strict';
|
||||
|
||||
var vue = require('vue');
|
||||
|
||||
const CButtonToolbar = vue.defineComponent({
|
||||
name: 'CButtonToolbar',
|
||||
setup(_, { slots }) {
|
||||
return () => vue.h('div', { class: 'btn-toolbar' }, slots.default && slots.default());
|
||||
},
|
||||
});
|
||||
|
||||
exports.CButtonToolbar = CButtonToolbar;
|
||||
//# sourceMappingURL=CButtonToolbar.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"file":"CButtonToolbar.js","sources":["../../../../src/components/button-group/CButtonToolbar.ts"],"sourcesContent":[null],"names":["defineComponent","h"],"mappings":";;;;AAEA,MAAM,cAAc,GAAGA,mBAAe,CAAC;AACrC,IAAA,IAAI,EAAE,gBAAgB;AACtB,IAAA,KAAK,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,EAAA;QAChB,OAAO,MAAMC,KAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;IACnF,CAAC;AACF,CAAA;;;;"}
|
||||
+7
@@ -0,0 +1,7 @@
|
||||
import { App } from 'vue';
|
||||
import { CButtonToolbar } from './CButtonToolbar';
|
||||
import { CButtonGroup } from './CButtonGroup';
|
||||
declare const CButtonGroupPlugin: {
|
||||
install: (app: App) => void;
|
||||
};
|
||||
export { CButtonGroupPlugin, CButtonToolbar, CButtonGroup };
|
||||
+16
@@ -0,0 +1,16 @@
|
||||
'use strict';
|
||||
|
||||
var CButtonToolbar = require('./CButtonToolbar.js');
|
||||
var CButtonGroup = require('./CButtonGroup.js');
|
||||
|
||||
const CButtonGroupPlugin = {
|
||||
install: (app) => {
|
||||
app.component(CButtonToolbar.CButtonToolbar.name, CButtonToolbar.CButtonToolbar);
|
||||
app.component(CButtonGroup.CButtonGroup.name, CButtonGroup.CButtonGroup);
|
||||
},
|
||||
};
|
||||
|
||||
exports.CButtonToolbar = CButtonToolbar.CButtonToolbar;
|
||||
exports.CButtonGroup = CButtonGroup.CButtonGroup;
|
||||
exports.CButtonGroupPlugin = CButtonGroupPlugin;
|
||||
//# sourceMappingURL=index.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"file":"index.js","sources":["../../../../src/components/button-group/index.ts"],"sourcesContent":[null],"names":["CButtonToolbar","CButtonGroup"],"mappings":";;;;;AAIA,MAAM,kBAAkB,GAAG;AACzB,IAAA,OAAO,EAAE,CAAC,GAAQ,KAAU;QAC1B,GAAG,CAAC,SAAS,CAACA,6BAAc,CAAC,IAAc,EAAEA,6BAAc,CAAC;QAC5D,GAAG,CAAC,SAAS,CAACC,yBAAY,CAAC,IAAc,EAAEA,yBAAY,CAAC;IAC1D,CAAC;;;;;;;"}
|
||||
+144
@@ -0,0 +1,144 @@
|
||||
export declare const CButton: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
||||
/**
|
||||
* Toggle the active state for the component.
|
||||
*/
|
||||
active: BooleanConstructor;
|
||||
/**
|
||||
* Component used for the root node. Either a string to use a HTML element or a component.
|
||||
*/
|
||||
as: {
|
||||
type: StringConstructor;
|
||||
default: string;
|
||||
};
|
||||
/**
|
||||
* Sets the color context of the component to one of CoreUI’s themed colors.
|
||||
*
|
||||
* @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light'
|
||||
*/
|
||||
color: {
|
||||
type: StringConstructor;
|
||||
validator: (value: string) => boolean;
|
||||
};
|
||||
/**
|
||||
* Toggle the disabled state for the component.
|
||||
*/
|
||||
disabled: BooleanConstructor;
|
||||
/**
|
||||
* The href attribute specifies the URL of the page the link goes to.
|
||||
*/
|
||||
href: StringConstructor;
|
||||
/**
|
||||
* Select the shape of the component.
|
||||
*
|
||||
* @values 'rounded', 'rounded-top', 'rounded-end', 'rounded-bottom', 'rounded-start', 'rounded-circle', 'rounded-pill', 'rounded-0', 'rounded-1', 'rounded-2', 'rounded-3'
|
||||
*/
|
||||
shape: {
|
||||
type: StringConstructor;
|
||||
validator: (value: string) => boolean;
|
||||
};
|
||||
/**
|
||||
* Size the component small or large.
|
||||
*
|
||||
* @values 'sm', 'lg'
|
||||
*/
|
||||
size: {
|
||||
type: StringConstructor;
|
||||
validator: (value: string) => boolean;
|
||||
};
|
||||
/**
|
||||
* Specifies the type of button. Always specify the type attribute for the `<button>` element.
|
||||
* Different browsers may use different default types for the `<button>` element.
|
||||
*
|
||||
* @values 'button', 'submit', 'reset'
|
||||
*/
|
||||
type: {
|
||||
type: StringConstructor;
|
||||
default: string;
|
||||
validator: (value: string) => boolean;
|
||||
};
|
||||
/**
|
||||
* Set the button variant to an outlined button or a ghost button.
|
||||
*
|
||||
* @values 'ghost', 'outline'
|
||||
*/
|
||||
variant: {
|
||||
type: StringConstructor;
|
||||
validator: (value: string) => boolean;
|
||||
};
|
||||
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
||||
[key: string]: any;
|
||||
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
||||
/**
|
||||
* Toggle the active state for the component.
|
||||
*/
|
||||
active: BooleanConstructor;
|
||||
/**
|
||||
* Component used for the root node. Either a string to use a HTML element or a component.
|
||||
*/
|
||||
as: {
|
||||
type: StringConstructor;
|
||||
default: string;
|
||||
};
|
||||
/**
|
||||
* Sets the color context of the component to one of CoreUI’s themed colors.
|
||||
*
|
||||
* @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light'
|
||||
*/
|
||||
color: {
|
||||
type: StringConstructor;
|
||||
validator: (value: string) => boolean;
|
||||
};
|
||||
/**
|
||||
* Toggle the disabled state for the component.
|
||||
*/
|
||||
disabled: BooleanConstructor;
|
||||
/**
|
||||
* The href attribute specifies the URL of the page the link goes to.
|
||||
*/
|
||||
href: StringConstructor;
|
||||
/**
|
||||
* Select the shape of the component.
|
||||
*
|
||||
* @values 'rounded', 'rounded-top', 'rounded-end', 'rounded-bottom', 'rounded-start', 'rounded-circle', 'rounded-pill', 'rounded-0', 'rounded-1', 'rounded-2', 'rounded-3'
|
||||
*/
|
||||
shape: {
|
||||
type: StringConstructor;
|
||||
validator: (value: string) => boolean;
|
||||
};
|
||||
/**
|
||||
* Size the component small or large.
|
||||
*
|
||||
* @values 'sm', 'lg'
|
||||
*/
|
||||
size: {
|
||||
type: StringConstructor;
|
||||
validator: (value: string) => boolean;
|
||||
};
|
||||
/**
|
||||
* Specifies the type of button. Always specify the type attribute for the `<button>` element.
|
||||
* Different browsers may use different default types for the `<button>` element.
|
||||
*
|
||||
* @values 'button', 'submit', 'reset'
|
||||
*/
|
||||
type: {
|
||||
type: StringConstructor;
|
||||
default: string;
|
||||
validator: (value: string) => boolean;
|
||||
};
|
||||
/**
|
||||
* Set the button variant to an outlined button or a ghost button.
|
||||
*
|
||||
* @values 'ghost', 'outline'
|
||||
*/
|
||||
variant: {
|
||||
type: StringConstructor;
|
||||
validator: (value: string) => boolean;
|
||||
};
|
||||
}>> & Readonly<{
|
||||
onClick?: ((...args: any[]) => any) | undefined;
|
||||
}>, {
|
||||
type: string;
|
||||
disabled: boolean;
|
||||
as: string;
|
||||
active: boolean;
|
||||
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
||||
+112
@@ -0,0 +1,112 @@
|
||||
'use strict';
|
||||
|
||||
var vue = require('vue');
|
||||
var props = require('../../props.js');
|
||||
|
||||
const CButton = vue.defineComponent({
|
||||
name: 'CButton',
|
||||
props: {
|
||||
/**
|
||||
* Toggle the active state for the component.
|
||||
*/
|
||||
active: Boolean,
|
||||
/**
|
||||
* Component used for the root node. Either a string to use a HTML element or a component.
|
||||
*/
|
||||
as: {
|
||||
type: String,
|
||||
default: 'button',
|
||||
},
|
||||
/**
|
||||
* Sets the color context of the component to one of CoreUI’s themed colors.
|
||||
*
|
||||
* @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light'
|
||||
*/
|
||||
color: props.Color,
|
||||
/**
|
||||
* Toggle the disabled state for the component.
|
||||
*/
|
||||
disabled: Boolean,
|
||||
/**
|
||||
* The href attribute specifies the URL of the page the link goes to.
|
||||
*/
|
||||
href: String,
|
||||
/**
|
||||
* Select the shape of the component.
|
||||
*
|
||||
* @values 'rounded', 'rounded-top', 'rounded-end', 'rounded-bottom', 'rounded-start', 'rounded-circle', 'rounded-pill', 'rounded-0', 'rounded-1', 'rounded-2', 'rounded-3'
|
||||
*/
|
||||
shape: props.Shape,
|
||||
/**
|
||||
* Size the component small or large.
|
||||
*
|
||||
* @values 'sm', 'lg'
|
||||
*/
|
||||
size: {
|
||||
type: String,
|
||||
validator: (value) => {
|
||||
return ['sm', 'lg'].includes(value);
|
||||
},
|
||||
},
|
||||
/**
|
||||
* Specifies the type of button. Always specify the type attribute for the `<button>` element.
|
||||
* Different browsers may use different default types for the `<button>` element.
|
||||
*
|
||||
* @values 'button', 'submit', 'reset'
|
||||
*/
|
||||
type: {
|
||||
type: String,
|
||||
default: 'button',
|
||||
validator: (value) => {
|
||||
return ['button', 'submit', 'reset'].includes(value);
|
||||
},
|
||||
},
|
||||
/**
|
||||
* Set the button variant to an outlined button or a ghost button.
|
||||
*
|
||||
* @values 'ghost', 'outline'
|
||||
*/
|
||||
variant: {
|
||||
type: String,
|
||||
validator: (value) => {
|
||||
return ['ghost', 'outline'].includes(value);
|
||||
},
|
||||
},
|
||||
},
|
||||
emits: [
|
||||
/**
|
||||
* Event called when the user clicks on the button.
|
||||
*/
|
||||
'click',
|
||||
],
|
||||
setup(props, { emit, slots }) {
|
||||
const component = props.href ? 'a' : props.as;
|
||||
const handleClick = (event) => {
|
||||
if (props.disabled) {
|
||||
return;
|
||||
}
|
||||
emit('click', event);
|
||||
};
|
||||
return () => vue.h(component, {
|
||||
class: [
|
||||
'btn',
|
||||
{
|
||||
[`btn-${props.variant}-${props.color}`]: props.color && props.variant,
|
||||
[`btn-${props.variant}`]: !props.color && props.variant,
|
||||
[`btn-${props.color}`]: props.color && !props.variant,
|
||||
[`btn-${props.size}`]: props.size,
|
||||
active: props.active,
|
||||
disabled: props.disabled,
|
||||
},
|
||||
props.shape,
|
||||
],
|
||||
...(component === 'a' && props.disabled && { 'aria-disabled': true, tabIndex: -1 }),
|
||||
...(component === 'a' && props.href && { href: props.href }),
|
||||
...(component === 'button' && { type: props.type, disabled: props.disabled }),
|
||||
onClick: handleClick,
|
||||
}, slots.default && slots.default());
|
||||
},
|
||||
});
|
||||
|
||||
exports.CButton = CButton;
|
||||
//# sourceMappingURL=CButton.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"file":"CButton.js","sources":["../../../../src/components/button/CButton.ts"],"sourcesContent":[null],"names":["defineComponent","Color","Shape","h"],"mappings":";;;;;AAIO,MAAM,OAAO,GAAGA,mBAAe,CAAC;AACrC,IAAA,IAAI,EAAE,SAAS;AACf,IAAA,KAAK,EAAE;AACL;;AAEG;AACH,QAAA,MAAM,EAAE,OAAO;AACf;;AAEG;AACH,QAAA,EAAE,EAAE;AACF,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,OAAO,EAAE,QAAQ;AAClB,SAAA;AACD;;;;AAIG;AACH,QAAA,KAAK,EAAEC,WAAK;AACZ;;AAEG;AACH,QAAA,QAAQ,EAAE,OAAO;AACjB;;AAEG;AACH,QAAA,IAAI,EAAE,MAAM;AACZ;;;;AAIG;AACH,QAAA,KAAK,EAAEC,WAAK;AACZ;;;;AAIG;AACH,QAAA,IAAI,EAAE;AACJ,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,SAAS,EAAE,CAAC,KAAa,KAAI;gBAC3B,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC;YACrC,CAAC;AACF,SAAA;AACD;;;;;AAKG;AACH,QAAA,IAAI,EAAE;AACJ,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,OAAO,EAAE,QAAQ;AACjB,YAAA,SAAS,EAAE,CAAC,KAAa,KAAI;AAC3B,gBAAA,OAAO,CAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC;YACtD,CAAC;AACF,SAAA;AACD;;;;AAIG;AACH,QAAA,OAAO,EAAE;AACP,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,SAAS,EAAE,CAAC,KAAa,KAAI;gBAC3B,OAAO,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC;YAC7C,CAAC;AACF,SAAA;AACF,KAAA;AACD,IAAA,KAAK,EAAE;AACL;;AAEG;QACH,OAAO;AACR,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,EAAA;AAC1B,QAAA,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,GAAG,GAAG,GAAG,KAAK,CAAC,EAAE;AAC7C,QAAA,MAAM,WAAW,GAAG,CAAC,KAAY,KAAI;AACnC,YAAA,IAAI,KAAK,CAAC,QAAQ,EAAE;gBAClB;YACF;AAEA,YAAA,IAAI,CAAC,OAAO,EAAE,KAAK,CAAC;AACtB,QAAA,CAAC;AACD,QAAA,OAAO,MACLC,KAAC,CACC,SAAS,EACT;AACE,YAAA,KAAK,EAAE;gBACL,KAAK;AACL,gBAAA;AACE,oBAAA,CAAC,OAAO,KAAK,CAAC,OAAO,CAAA,CAAA,EAAI,KAAK,CAAC,KAAK,CAAA,CAAE,GAAG,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,OAAO;AACrE,oBAAA,CAAC,CAAA,IAAA,EAAO,KAAK,CAAC,OAAO,EAAE,GAAG,CAAC,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,OAAO;AACvD,oBAAA,CAAC,CAAA,IAAA,EAAO,KAAK,CAAC,KAAK,EAAE,GAAG,KAAK,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,OAAO;oBACrD,CAAC,CAAA,IAAA,EAAO,KAAK,CAAC,IAAI,EAAE,GAAG,KAAK,CAAC,IAAI;oBACjC,MAAM,EAAE,KAAK,CAAC,MAAM;oBACpB,QAAQ,EAAE,KAAK,CAAC,QAAQ;AACzB,iBAAA;AACD,gBAAA,KAAK,CAAC,KAAK;AACZ,aAAA;AACD,YAAA,IAAI,SAAS,KAAK,GAAG,IAAI,KAAK,CAAC,QAAQ,IAAI,EAAE,eAAe,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC;AACnF,YAAA,IAAI,SAAS,KAAK,GAAG,IAAI,KAAK,CAAC,IAAI,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC;AAC5D,YAAA,IAAI,SAAS,KAAK,QAAQ,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC;AAC7E,YAAA,OAAO,EAAE,WAAW;SACrB,EACD,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CACjC;IACL,CAAC;AACF,CAAA;;;;"}
|
||||
+6
@@ -0,0 +1,6 @@
|
||||
import { App } from 'vue';
|
||||
import { CButton } from './CButton';
|
||||
declare const CButtonPlugin: {
|
||||
install: (app: App) => void;
|
||||
};
|
||||
export { CButtonPlugin, CButton };
|
||||
+13
@@ -0,0 +1,13 @@
|
||||
'use strict';
|
||||
|
||||
var CButton = require('./CButton.js');
|
||||
|
||||
const CButtonPlugin = {
|
||||
install: (app) => {
|
||||
app.component(CButton.CButton.name, CButton.CButton);
|
||||
},
|
||||
};
|
||||
|
||||
exports.CButton = CButton.CButton;
|
||||
exports.CButtonPlugin = CButtonPlugin;
|
||||
//# sourceMappingURL=index.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"file":"index.js","sources":["../../../../src/components/button/index.ts"],"sourcesContent":[null],"names":["CButton"],"mappings":";;;;AAGA,MAAM,aAAa,GAAG;AACpB,IAAA,OAAO,EAAE,CAAC,GAAQ,KAAU;QAC1B,GAAG,CAAC,SAAS,CAACA,eAAO,CAAC,IAAc,EAAEA,eAAO,CAAC;IAChD,CAAC;;;;;;"}
|
||||
+24
@@ -0,0 +1,24 @@
|
||||
declare const CCallout: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
||||
/**
|
||||
* Sets the color context of the component to one of CoreUI’s themed colors.
|
||||
*
|
||||
* @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light'
|
||||
*/
|
||||
color: {
|
||||
type: StringConstructor;
|
||||
validator: (value: string) => boolean;
|
||||
};
|
||||
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
||||
[key: string]: any;
|
||||
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
||||
/**
|
||||
* Sets the color context of the component to one of CoreUI’s themed colors.
|
||||
*
|
||||
* @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light'
|
||||
*/
|
||||
color: {
|
||||
type: StringConstructor;
|
||||
validator: (value: string) => boolean;
|
||||
};
|
||||
}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
||||
export { CCallout };
|
||||
+29
@@ -0,0 +1,29 @@
|
||||
'use strict';
|
||||
|
||||
var vue = require('vue');
|
||||
var props = require('../../props.js');
|
||||
|
||||
const CCallout = vue.defineComponent({
|
||||
name: 'CCallout',
|
||||
props: {
|
||||
/**
|
||||
* Sets the color context of the component to one of CoreUI’s themed colors.
|
||||
*
|
||||
* @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light'
|
||||
*/
|
||||
color: props.Color,
|
||||
},
|
||||
setup(props, { slots }) {
|
||||
return () => vue.h('div', {
|
||||
class: [
|
||||
'callout',
|
||||
{
|
||||
[`callout-${props.color}`]: props.color,
|
||||
},
|
||||
],
|
||||
}, slots.default && slots.default());
|
||||
},
|
||||
});
|
||||
|
||||
exports.CCallout = CCallout;
|
||||
//# sourceMappingURL=CCallout.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"file":"CCallout.js","sources":["../../../../src/components/callout/CCallout.ts"],"sourcesContent":[null],"names":["defineComponent","Color","h"],"mappings":";;;;;AAIA,MAAM,QAAQ,GAAGA,mBAAe,CAAC;AAC/B,IAAA,IAAI,EAAE,UAAU;AAChB,IAAA,KAAK,EAAE;AACL;;;;AAIG;AACH,QAAA,KAAK,EAAEC,WAAK;AACb,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAA;AACpB,QAAA,OAAO,MACLC,KAAC,CACC,KAAK,EACL;AACE,YAAA,KAAK,EAAE;gBACL,SAAS;AACT,gBAAA;oBACE,CAAC,CAAA,QAAA,EAAW,KAAK,CAAC,KAAK,EAAE,GAAG,KAAK,CAAC,KAAK;AACxC,iBAAA;AACF,aAAA;SACF,EACD,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CACjC;IACL,CAAC;AACF,CAAA;;;;"}
|
||||
+6
@@ -0,0 +1,6 @@
|
||||
import { App } from 'vue';
|
||||
import { CCallout } from './CCallout';
|
||||
declare const CCalloutPlugin: {
|
||||
install: (app: App) => void;
|
||||
};
|
||||
export { CCalloutPlugin, CCallout };
|
||||
+13
@@ -0,0 +1,13 @@
|
||||
'use strict';
|
||||
|
||||
var CCallout = require('./CCallout.js');
|
||||
|
||||
const CCalloutPlugin = {
|
||||
install: (app) => {
|
||||
app.component(CCallout.CCallout.name, CCallout.CCallout);
|
||||
},
|
||||
};
|
||||
|
||||
exports.CCallout = CCallout.CCallout;
|
||||
exports.CCalloutPlugin = CCalloutPlugin;
|
||||
//# sourceMappingURL=index.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"file":"index.js","sources":["../../../../src/components/callout/index.ts"],"sourcesContent":[null],"names":["CCallout"],"mappings":";;;;AAGA,MAAM,cAAc,GAAG;AACrB,IAAA,OAAO,EAAE,CAAC,GAAQ,KAAU;QAC1B,GAAG,CAAC,SAAS,CAACA,iBAAQ,CAAC,IAAc,EAAEA,iBAAQ,CAAC;IAClD,CAAC;;;;;;"}
|
||||
+62
@@ -0,0 +1,62 @@
|
||||
declare const CCard: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
||||
/**
|
||||
* Sets the color context of the component to one of CoreUI’s themed colors.
|
||||
*
|
||||
* @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light'
|
||||
*/
|
||||
color: {
|
||||
type: StringConstructor;
|
||||
validator: (value: string) => boolean;
|
||||
};
|
||||
/**
|
||||
* Sets the component's color scheme to one of CoreUI's themed colors, ensuring the text color contrast adheres to the WCAG 4.5:1 contrast ratio standard for accessibility.
|
||||
*
|
||||
* @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light'
|
||||
* @since 5.0.0
|
||||
*/
|
||||
textBgColor: {
|
||||
type: StringConstructor;
|
||||
validator: (value: string) => boolean;
|
||||
};
|
||||
/**
|
||||
* Sets the text color context of the component to one of CoreUI’s themed colors.
|
||||
*
|
||||
* @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light', 'primary-emphasis', 'secondary-emphasis', 'success-emphasis', 'danger-emphasis', 'warning-emphasis', 'info-emphasis', 'light-emphasis', 'body', 'body-emphasis', 'body-secondary', 'body-tertiary', 'black', 'black-50', 'white', 'white-50'
|
||||
*/
|
||||
textColor: {
|
||||
type: StringConstructor;
|
||||
validator: (value: string) => boolean;
|
||||
};
|
||||
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
||||
[key: string]: any;
|
||||
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
||||
/**
|
||||
* Sets the color context of the component to one of CoreUI’s themed colors.
|
||||
*
|
||||
* @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light'
|
||||
*/
|
||||
color: {
|
||||
type: StringConstructor;
|
||||
validator: (value: string) => boolean;
|
||||
};
|
||||
/**
|
||||
* Sets the component's color scheme to one of CoreUI's themed colors, ensuring the text color contrast adheres to the WCAG 4.5:1 contrast ratio standard for accessibility.
|
||||
*
|
||||
* @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light'
|
||||
* @since 5.0.0
|
||||
*/
|
||||
textBgColor: {
|
||||
type: StringConstructor;
|
||||
validator: (value: string) => boolean;
|
||||
};
|
||||
/**
|
||||
* Sets the text color context of the component to one of CoreUI’s themed colors.
|
||||
*
|
||||
* @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light', 'primary-emphasis', 'secondary-emphasis', 'success-emphasis', 'danger-emphasis', 'warning-emphasis', 'info-emphasis', 'light-emphasis', 'body', 'body-emphasis', 'body-secondary', 'body-tertiary', 'black', 'black-50', 'white', 'white-50'
|
||||
*/
|
||||
textColor: {
|
||||
type: StringConstructor;
|
||||
validator: (value: string) => boolean;
|
||||
};
|
||||
}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
||||
export { CCard };
|
||||
+44
@@ -0,0 +1,44 @@
|
||||
'use strict';
|
||||
|
||||
var vue = require('vue');
|
||||
var props = require('../../props.js');
|
||||
|
||||
const CCard = vue.defineComponent({
|
||||
name: 'CCard',
|
||||
props: {
|
||||
/**
|
||||
* Sets the color context of the component to one of CoreUI’s themed colors.
|
||||
*
|
||||
* @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light'
|
||||
*/
|
||||
color: props.Color,
|
||||
/**
|
||||
* Sets the component's color scheme to one of CoreUI's themed colors, ensuring the text color contrast adheres to the WCAG 4.5:1 contrast ratio standard for accessibility.
|
||||
*
|
||||
* @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light'
|
||||
* @since 5.0.0
|
||||
*/
|
||||
textBgColor: props.Color,
|
||||
/**
|
||||
* Sets the text color context of the component to one of CoreUI’s themed colors.
|
||||
*
|
||||
* @values 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'dark', 'light', 'primary-emphasis', 'secondary-emphasis', 'success-emphasis', 'danger-emphasis', 'warning-emphasis', 'info-emphasis', 'light-emphasis', 'body', 'body-emphasis', 'body-secondary', 'body-tertiary', 'black', 'black-50', 'white', 'white-50'
|
||||
*/
|
||||
textColor: props.TextColor,
|
||||
},
|
||||
setup(props, { slots }) {
|
||||
return () => vue.h('div', {
|
||||
class: [
|
||||
'card',
|
||||
{
|
||||
[`bg-${props.color}`]: props.color,
|
||||
[`text-${props.textColor}`]: props.textColor,
|
||||
[`text-bg-${props.textBgColor}`]: props.textBgColor,
|
||||
},
|
||||
],
|
||||
}, slots.default && slots.default());
|
||||
},
|
||||
});
|
||||
|
||||
exports.CCard = CCard;
|
||||
//# sourceMappingURL=CCard.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"file":"CCard.js","sources":["../../../../src/components/card/CCard.ts"],"sourcesContent":[null],"names":["defineComponent","Color","TextColor","h"],"mappings":";;;;;AAIA,MAAM,KAAK,GAAGA,mBAAe,CAAC;AAC5B,IAAA,IAAI,EAAE,OAAO;AACb,IAAA,KAAK,EAAE;AACL;;;;AAIG;AACH,QAAA,KAAK,EAAEC,WAAK;AACZ;;;;;AAKG;AACH,QAAA,WAAW,EAAEA,WAAK;AAClB;;;;AAIG;AACH,QAAA,SAAS,EAAEC,eAAS;AACrB,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAA;AACpB,QAAA,OAAO,MACLC,KAAC,CACC,KAAK,EACL;AACE,YAAA,KAAK,EAAE;gBACL,MAAM;AACN,gBAAA;oBACE,CAAC,CAAA,GAAA,EAAM,KAAK,CAAC,KAAK,EAAE,GAAG,KAAK,CAAC,KAAK;oBAClC,CAAC,CAAA,KAAA,EAAQ,KAAK,CAAC,SAAS,EAAE,GAAG,KAAK,CAAC,SAAS;oBAC5C,CAAC,CAAA,QAAA,EAAW,KAAK,CAAC,WAAW,EAAE,GAAG,KAAK,CAAC,WAAW;AACpD,iBAAA;AACF,aAAA;SACF,EACD,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CACjC;IACL,CAAC;AACF,CAAA;;;;"}
|
||||
+4
@@ -0,0 +1,4 @@
|
||||
declare const CCardBody: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
||||
[key: string]: any;
|
||||
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
||||
export { CCardBody };
|
||||
+13
@@ -0,0 +1,13 @@
|
||||
'use strict';
|
||||
|
||||
var vue = require('vue');
|
||||
|
||||
const CCardBody = vue.defineComponent({
|
||||
name: 'CCardBody',
|
||||
setup(_, { slots }) {
|
||||
return () => vue.h('div', { class: 'card-body' }, slots.default && slots.default());
|
||||
},
|
||||
});
|
||||
|
||||
exports.CCardBody = CCardBody;
|
||||
//# sourceMappingURL=CCardBody.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"file":"CCardBody.js","sources":["../../../../src/components/card/CCardBody.ts"],"sourcesContent":[null],"names":["defineComponent","h"],"mappings":";;;;AAEA,MAAM,SAAS,GAAGA,mBAAe,CAAC;AAChC,IAAA,IAAI,EAAE,WAAW;AACjB,IAAA,KAAK,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,EAAA;QAChB,OAAO,MAAMC,KAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;IACjF,CAAC;AACF,CAAA;;;;"}
|
||||
+4
@@ -0,0 +1,4 @@
|
||||
declare const CCardFooter: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
||||
[key: string]: any;
|
||||
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
||||
export { CCardFooter };
|
||||
+13
@@ -0,0 +1,13 @@
|
||||
'use strict';
|
||||
|
||||
var vue = require('vue');
|
||||
|
||||
const CCardFooter = vue.defineComponent({
|
||||
name: 'CCardFooter',
|
||||
setup(_, { slots }) {
|
||||
return () => vue.h('div', { class: 'card-footer' }, slots.default && slots.default());
|
||||
},
|
||||
});
|
||||
|
||||
exports.CCardFooter = CCardFooter;
|
||||
//# sourceMappingURL=CCardFooter.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"file":"CCardFooter.js","sources":["../../../../src/components/card/CCardFooter.ts"],"sourcesContent":[null],"names":["defineComponent","h"],"mappings":";;;;AAEA,MAAM,WAAW,GAAGA,mBAAe,CAAC;AAClC,IAAA,IAAI,EAAE,aAAa;AACnB,IAAA,KAAK,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,EAAA;QAChB,OAAO,MAAMC,KAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;IACnF,CAAC;AACF,CAAA;;;;"}
|
||||
+4
@@ -0,0 +1,4 @@
|
||||
declare const CCardGroup: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
||||
[key: string]: any;
|
||||
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
||||
export { CCardGroup };
|
||||
+13
@@ -0,0 +1,13 @@
|
||||
'use strict';
|
||||
|
||||
var vue = require('vue');
|
||||
|
||||
const CCardGroup = vue.defineComponent({
|
||||
name: 'CCardGroup',
|
||||
setup(_, { slots }) {
|
||||
return () => vue.h('div', { class: 'card-group' }, slots.default && slots.default());
|
||||
},
|
||||
});
|
||||
|
||||
exports.CCardGroup = CCardGroup;
|
||||
//# sourceMappingURL=CCardGroup.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"file":"CCardGroup.js","sources":["../../../../src/components/card/CCardGroup.ts"],"sourcesContent":[null],"names":["defineComponent","h"],"mappings":";;;;AAEA,MAAM,UAAU,GAAGA,mBAAe,CAAC;AACjC,IAAA,IAAI,EAAE,YAAY;AAClB,IAAA,KAAK,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,EAAA;QAChB,OAAO,MAAMC,KAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,EAAE,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;IAClF,CAAC;AACF,CAAA;;;;"}
|
||||
+22
@@ -0,0 +1,22 @@
|
||||
declare const CCardHeader: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
||||
/**
|
||||
* Component used for the root node. Either a string to use a HTML element or a component.
|
||||
*/
|
||||
as: {
|
||||
type: StringConstructor;
|
||||
default: string;
|
||||
};
|
||||
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
||||
[key: string]: any;
|
||||
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
||||
/**
|
||||
* Component used for the root node. Either a string to use a HTML element or a component.
|
||||
*/
|
||||
as: {
|
||||
type: StringConstructor;
|
||||
default: string;
|
||||
};
|
||||
}>> & Readonly<{}>, {
|
||||
as: string;
|
||||
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
||||
export { CCardHeader };
|
||||
+22
@@ -0,0 +1,22 @@
|
||||
'use strict';
|
||||
|
||||
var vue = require('vue');
|
||||
|
||||
const CCardHeader = vue.defineComponent({
|
||||
name: 'CCardHeader',
|
||||
props: {
|
||||
/**
|
||||
* Component used for the root node. Either a string to use a HTML element or a component.
|
||||
*/
|
||||
as: {
|
||||
type: String,
|
||||
default: 'div',
|
||||
},
|
||||
},
|
||||
setup(props, { slots }) {
|
||||
return () => vue.h(props.as, { class: 'card-header' }, slots.default && slots.default());
|
||||
},
|
||||
});
|
||||
|
||||
exports.CCardHeader = CCardHeader;
|
||||
//# sourceMappingURL=CCardHeader.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"file":"CCardHeader.js","sources":["../../../../src/components/card/CCardHeader.ts"],"sourcesContent":[null],"names":["defineComponent","h"],"mappings":";;;;AAEA,MAAM,WAAW,GAAGA,mBAAe,CAAC;AAClC,IAAA,IAAI,EAAE,aAAa;AACnB,IAAA,KAAK,EAAE;AACL;;AAEG;AACH,QAAA,EAAE,EAAE;AACF,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,OAAO,EAAE,KAAK;AACf,SAAA;AACF,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAA;QACpB,OAAO,MAAMC,KAAC,CAAC,KAAK,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;IACtF,CAAC;AACF,CAAA;;;;"}
|
||||
+40
@@ -0,0 +1,40 @@
|
||||
declare const CCardImage: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
||||
/**
|
||||
* Component used for the root node. Either a string to use a HTML element or a component.
|
||||
*/
|
||||
as: {
|
||||
type: StringConstructor;
|
||||
default: string;
|
||||
};
|
||||
/**
|
||||
* Optionally orientate the image to the top, bottom.
|
||||
*
|
||||
* @values 'top', 'bottom'
|
||||
*/
|
||||
orientation: {
|
||||
type: StringConstructor;
|
||||
validator: (value: string) => boolean;
|
||||
};
|
||||
}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
||||
[key: string]: any;
|
||||
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
||||
/**
|
||||
* Component used for the root node. Either a string to use a HTML element or a component.
|
||||
*/
|
||||
as: {
|
||||
type: StringConstructor;
|
||||
default: string;
|
||||
};
|
||||
/**
|
||||
* Optionally orientate the image to the top, bottom.
|
||||
*
|
||||
* @values 'top', 'bottom'
|
||||
*/
|
||||
orientation: {
|
||||
type: StringConstructor;
|
||||
validator: (value: string) => boolean;
|
||||
};
|
||||
}>> & Readonly<{}>, {
|
||||
as: string;
|
||||
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
||||
export { CCardImage };
|
||||
+35
@@ -0,0 +1,35 @@
|
||||
'use strict';
|
||||
|
||||
var vue = require('vue');
|
||||
|
||||
const CCardImage = vue.defineComponent({
|
||||
name: 'CCardImage',
|
||||
props: {
|
||||
/**
|
||||
* Component used for the root node. Either a string to use a HTML element or a component.
|
||||
*/
|
||||
as: {
|
||||
type: String,
|
||||
default: 'img',
|
||||
},
|
||||
/**
|
||||
* Optionally orientate the image to the top, bottom.
|
||||
*
|
||||
* @values 'top', 'bottom'
|
||||
*/
|
||||
orientation: {
|
||||
type: String,
|
||||
validator: (value) => {
|
||||
return ['top', 'bottom'].includes(value);
|
||||
},
|
||||
},
|
||||
},
|
||||
setup(props, { slots }) {
|
||||
return () => vue.h(props.as, {
|
||||
class: `card-img${props.orientation ? `-${props.orientation}` : ''}`,
|
||||
}, slots.default && slots.default());
|
||||
},
|
||||
});
|
||||
|
||||
exports.CCardImage = CCardImage;
|
||||
//# sourceMappingURL=CCardImage.js.map
|
||||
+1
@@ -0,0 +1 @@
|
||||
{"version":3,"file":"CCardImage.js","sources":["../../../../src/components/card/CCardImage.ts"],"sourcesContent":[null],"names":["defineComponent","h"],"mappings":";;;;AAEA,MAAM,UAAU,GAAGA,mBAAe,CAAC;AACjC,IAAA,IAAI,EAAE,YAAY;AAClB,IAAA,KAAK,EAAE;AACL;;AAEG;AACH,QAAA,EAAE,EAAE;AACF,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,OAAO,EAAE,KAAK;AACf,SAAA;AACD;;;;AAIG;AACH,QAAA,WAAW,EAAE;AACX,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,SAAS,EAAE,CAAC,KAAa,KAAI;gBAC3B,OAAO,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC;YAC1C,CAAC;AACF,SAAA;AACF,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAA;QACpB,OAAO,MACLC,KAAC,CACC,KAAK,CAAC,EAAE,EACR;AACE,YAAA,KAAK,EAAE,CAAA,QAAA,EAAW,KAAK,CAAC,WAAW,GAAG,CAAA,CAAA,EAAI,KAAK,CAAC,WAAW,CAAA,CAAE,GAAG,EAAE,CAAA,CAAE;SACrE,EACD,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CACjC;IACL,CAAC;AACF,CAAA;;;;"}
|
||||
+4
@@ -0,0 +1,4 @@
|
||||
declare const CCardImageOverlay: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
||||
[key: string]: any;
|
||||
}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
||||
export { CCardImageOverlay };
|
||||
+13
@@ -0,0 +1,13 @@
|
||||
'use strict';
|
||||
|
||||
var vue = require('vue');
|
||||
|
||||
const CCardImageOverlay = vue.defineComponent({
|
||||
name: 'CCardImageOverlay',
|
||||
setup(_, { slots }) {
|
||||
return () => vue.h('div', { class: 'card-img-overlay' }, slots.default && slots.default());
|
||||
},
|
||||
});
|
||||
|
||||
exports.CCardImageOverlay = CCardImageOverlay;
|
||||
//# sourceMappingURL=CCardImageOverlay.js.map
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user