@cypress-design/vue-alert 0.0.1 → 0.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Alert.vue +2 -1
- package/CHANGELOG.md +9 -0
- package/dist/index.es.js.map +1 -1
- package/dist/index.umd.js.map +1 -1
- package/dist/vue/Alert.vue.d.ts.map +1 -1
- package/package.json +1 -1
package/Alert.vue
CHANGED
|
@@ -31,7 +31,8 @@
|
|
|
31
31
|
</template>
|
|
32
32
|
|
|
33
33
|
<script lang="ts" setup>
|
|
34
|
-
import {
|
|
34
|
+
import type { FunctionalComponent, ComputedRef } from 'vue';
|
|
35
|
+
import { computed, useSlots, h, ref, onMounted, onUnmounted } from 'vue'
|
|
35
36
|
import {
|
|
36
37
|
IconChevronDownSmall, IconActionDeleteLarge,
|
|
37
38
|
IconWarningCircle, IconCheckmarkOutline,
|
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,14 @@
|
|
|
1
1
|
# @cypress-design/vue-alert
|
|
2
2
|
|
|
3
|
+
## 0.0.2
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`e3eb9c7`](https://github.com/cypress-io/cypress-design/commit/e3eb9c7fee2d7a6e0a773e85ed4b73be04d83587) Thanks [@elevatebart](https://github.com/elevatebart)! - downgrade typescript to 4.4 for compat with app
|
|
8
|
+
|
|
9
|
+
- Updated dependencies [[`e3eb9c7`](https://github.com/cypress-io/cypress-design/commit/e3eb9c7fee2d7a6e0a773e85ed4b73be04d83587)]:
|
|
10
|
+
- @cypress-design/vue-icon@0.4.2
|
|
11
|
+
|
|
3
12
|
## 0.0.1
|
|
4
13
|
|
|
5
14
|
### Patch Changes
|
package/dist/index.es.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es.js","sources":["../../../../constants.ts","../../../../node_modules/style-inject/dist/style-inject.es.js","../plugin-vue:export-helper","../Alert.vue"],"sourcesContent":[null,"function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n","\nexport default (sfc, props) => {\n const target = sfc.__vccOpts || sfc;\n for (const [key, val] of props) {\n target[key] = val;\n }\n return target;\n}\n","<template>\n <div v-if=\"!dismissed\" class=\"overflow-hidden text-left\" :class=\"props.notRounded ? undefined : 'rounded'\">\n <div class=\"flex p-16px\" :class=\"typeClasses.headerClass\">\n <!-- @slot replace the default left icon here -->\n <slot name=\"icon\" v-bind=\"computedIconProps\">\n <component v-if=\"!props.noIcon && icon\" :is=\"icon\" v-bind=\"computedIconProps\" />\n </slot>\n <div class=\"flex-1 font-medium\">\n <!-- @slot title of the alert -->\n <slot />\n </div>\n <button v-if=\"dismissible\" class=\"m-4px ml-8px h-16px\" @click=\"dismiss\" aria-label=\"Dismiss\">\n <IconActionDeleteLarge :stroke-color=\"typeClasses.iconCloseColor\" />\n </button>\n </div>\n <div v-if=\"slots.body\" class=\"p-16px\" :class=\"typeClasses.bodyClass\">\n <!-- @slot body/details of the alert -->\n <slot name=\"body\" />\n </div>\n <details v-if=\"slots.details\" class=\"p-16px border-t-1\" :class=\"[typeClasses.bodyClass, typeClasses.borderClass]\">\n <summary class=\"flex font-medium cursor-pointer\" :class=\"typeClasses.detailsHeaderClass\">\n <IconChevronDownSmall :strokeColor=\"typeClasses.iconChevronColor\" class=\"icon my-4px mr-8px\" />\n {{ props.detailsTitle }}\n </summary>\n <div class=\"mt-16px\">\n <!--@slot Togglable additional details-->\n <slot name=\"details\" />\n </div>\n </details>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, useSlots, h,
|
|
1
|
+
{"version":3,"file":"index.es.js","sources":["../../../../constants.ts","../../../../node_modules/style-inject/dist/style-inject.es.js","../plugin-vue:export-helper","../Alert.vue"],"sourcesContent":[null,"function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n","\nexport default (sfc, props) => {\n const target = sfc.__vccOpts || sfc;\n for (const [key, val] of props) {\n target[key] = val;\n }\n return target;\n}\n","<template>\n <div v-if=\"!dismissed\" class=\"overflow-hidden text-left\" :class=\"props.notRounded ? undefined : 'rounded'\">\n <div class=\"flex p-16px\" :class=\"typeClasses.headerClass\">\n <!-- @slot replace the default left icon here -->\n <slot name=\"icon\" v-bind=\"computedIconProps\">\n <component v-if=\"!props.noIcon && icon\" :is=\"icon\" v-bind=\"computedIconProps\" />\n </slot>\n <div class=\"flex-1 font-medium\">\n <!-- @slot title of the alert -->\n <slot />\n </div>\n <button v-if=\"dismissible\" class=\"m-4px ml-8px h-16px\" @click=\"dismiss\" aria-label=\"Dismiss\">\n <IconActionDeleteLarge :stroke-color=\"typeClasses.iconCloseColor\" />\n </button>\n </div>\n <div v-if=\"slots.body\" class=\"p-16px\" :class=\"typeClasses.bodyClass\">\n <!-- @slot body/details of the alert -->\n <slot name=\"body\" />\n </div>\n <details v-if=\"slots.details\" class=\"p-16px border-t-1\" :class=\"[typeClasses.bodyClass, typeClasses.borderClass]\">\n <summary class=\"flex font-medium cursor-pointer\" :class=\"typeClasses.detailsHeaderClass\">\n <IconChevronDownSmall :strokeColor=\"typeClasses.iconChevronColor\" class=\"icon my-4px mr-8px\" />\n {{ props.detailsTitle }}\n </summary>\n <div class=\"mt-16px\">\n <!--@slot Togglable additional details-->\n <slot name=\"details\" />\n </div>\n </details>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport type { FunctionalComponent, ComputedRef } from 'vue';\nimport { computed, useSlots, h, ref, onMounted, onUnmounted } from 'vue'\nimport {\n IconChevronDownSmall, IconActionDeleteLarge,\n IconWarningCircle, IconCheckmarkOutline,\n} from '@cypress-design/vue-icon'\nimport type { AlertType } from '../constants'\nimport { alertClasses } from '../constants'\n\nconst dismissed = ref(false)\n\nconst slots = useSlots()\n\nconst emit = defineEmits<{\n /**\n * Clicking on the dismiss button or dismissed after a timeout\n */\n (event: 'dismiss'): void,\n}>()\n\nconst props = withDefaults(defineProps<{\n /**\n * Color scheme\n */\n type?: AlertType\n /**\n * If details are provided,text used in the toggle button\n */\n detailsTitle?: string\n /**\n * Show the dismiss button\n */\n dismissible?: boolean\n /**\n * When an icon is displayed by default, use this to remove it\n */\n noIcon?: boolean\n /**\n * If you need square corners\n */\n notRounded?: boolean\n /**\n * Dismiss the alert after a delay (in ms)\n */\n duration?: number\n}>(), {\n type: 'info',\n detailsTitle: 'Additional details',\n})\n\nconst typeClasses = computed(() => {\n return alertClasses[props.type]\n})\n\nlet timeout: number | undefined\n\nonMounted(() => {\n if (props.duration) {\n timeout = setTimeout(dismiss, props.duration) as any\n }\n})\n\nonUnmounted(() => {\n if (timeout) {\n clearTimeout(timeout)\n }\n})\n\nfunction dismiss() {\n dismissed.value = true\n emit('dismiss')\n if (timeout) {\n clearTimeout(timeout)\n timeout = undefined\n }\n}\n\nconst computedIconProps = computed(() => {\n return {\n strokeColor: alertClasses[props.type].iconColor,\n class: 'my-4px mr-8px'\n }\n})\n\nconst icon: ComputedRef<FunctionalComponent | null> = computed(() => {\n switch (props.type) {\n case 'info':\n return null;\n case 'success':\n return () => h(IconCheckmarkOutline, computedIconProps.value)\n case 'warning':\n return () => h(IconWarningCircle, computedIconProps.value)\n case 'error':\n return () => h(IconWarningCircle, computedIconProps.value)\n default:\n return null;\n }\n})\n\n</script>\n\n<style scoped>\ndetails summary .icon {\n transform: rotate(-90deg);\n}\n\ndetails[open] summary .icon {\n transform: rotate(0);\n}\n</style>\n"],"names":[],"mappings":";;;AAcO,MAAM,YAAY,GAAoC;AAC3D,IAAA,OAAO,EAAE;AACP,QAAA,WAAW,EAAE,2BAA2B;AACxC,QAAA,SAAS,EAAE,0BAA0B;AACrC,QAAA,WAAW,EAAE,iBAAiB;AAC9B,QAAA,kBAAkB,EAAE,eAAe;;AAEnC,QAAA,cAAc,EAAE,UAAU;;AAE1B,QAAA,SAAS,EAAE,UAAU;;AAErB,QAAA,gBAAgB,EAAE,UAAU;AAC7B,KAAA;AACD,IAAA,IAAI,EAAE;AACJ,QAAA,WAAW,EAAE,+BAA+B;AAC5C,QAAA,SAAS,EAAE,8BAA8B;AACzC,QAAA,WAAW,EAAE,mBAAmB;AAChC,QAAA,kBAAkB,EAAE,iBAAiB;;AAErC,QAAA,cAAc,EAAE,YAAY;;AAE5B,QAAA,SAAS,EAAE,YAAY;;AAEvB,QAAA,gBAAgB,EAAE,YAAY;AAC/B,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,WAAW,EAAE,+BAA+B;AAC5C,QAAA,SAAS,EAAE,8BAA8B;AACzC,QAAA,WAAW,EAAE,mBAAmB;AAChC,QAAA,kBAAkB,EAAE,iBAAiB;;AAErC,QAAA,cAAc,EAAE,YAAY;;AAE5B,QAAA,SAAS,EAAE,YAAY;;AAEvB,QAAA,gBAAgB,EAAE,YAAY;AAC/B,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,WAAW,EAAE,yBAAyB;AACtC,QAAA,SAAS,EAAE,wBAAwB;AACnC,QAAA,WAAW,EAAE,gBAAgB;AAC7B,QAAA,kBAAkB,EAAE,cAAc;;AAElC,QAAA,cAAc,EAAE,SAAS;;AAEzB,QAAA,SAAS,EAAE,SAAS;;AAEpB,QAAA,gBAAgB,EAAE,SAAS;AAC5B,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,WAAW,EAAE,2BAA2B;AACxC,QAAA,SAAS,EAAE,0BAA0B;AACrC,QAAA,WAAW,EAAE,iBAAiB;AAC9B,QAAA,kBAAkB,EAAE,eAAe;;AAEnC,QAAA,cAAc,EAAE,UAAU;;AAE1B,QAAA,SAAS,EAAE,UAAU;;AAErB,QAAA,gBAAgB,EAAE,UAAU;AAC7B,KAAA;CACF;;AC3ED,SAAS,WAAW,CAAC,GAAG,EAAE,GAAG,EAAE;AAC/B,EAAE,KAAK,GAAG,KAAK,KAAK,CAAC,GAAG,GAAG,GAAG,EAAE,CAAC;AACjC,EAAE,IAAI,QAAQ,GAAG,GAAG,CAAC,QAAQ,CAAC;AAC9B;AACA,EAAE,IAAI,CAAC,GAAG,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,EAAE,OAAO,EAAE;AAC1D;AACA,EAAE,IAAI,IAAI,GAAG,QAAQ,CAAC,IAAI,IAAI,QAAQ,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AACvE,EAAE,IAAI,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;AAC9C,EAAE,KAAK,CAAC,IAAI,GAAG,UAAU,CAAC;AAC1B;AACA,EAAE,IAAI,QAAQ,KAAK,KAAK,EAAE;AAC1B,IAAI,IAAI,IAAI,CAAC,UAAU,EAAE;AACzB,MAAM,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;AAChD,KAAK,MAAM;AACX,MAAM,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC9B,KAAK;AACL,GAAG,MAAM;AACT,IAAI,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC5B,GAAG;AACH;AACA,EAAE,IAAI,KAAK,CAAC,UAAU,EAAE;AACxB,IAAI,KAAK,CAAC,UAAU,CAAC,OAAO,GAAG,GAAG,CAAC;AACnC,GAAG,MAAM;AACT,IAAI,KAAK,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC;AACpD,GAAG;AACH;;;;;ACxBA,kBAAe,CAAC,GAAG,EAAE,KAAK,KAAK;AAC/B,EAAE,MAAM,MAAM,GAAG,GAAG,CAAC,SAAS,IAAI,GAAG,CAAC;AACtC,EAAE,KAAK,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,IAAI,KAAK,EAAE;AAClC,IAAI,MAAM,CAAC,GAAG,CAAC,GAAG,GAAG,CAAC;AACtB,GAAG;AACH,EAAE,OAAO,MAAM,CAAC;AAChB;;;;;;;;;;;;;;;;;ACmCA,IAAM,MAAA,SAAA,GAAY,IAAI,KAAK,CAAA,CAAA;AAE3B,IAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AAuCvB,IAAM,MAAA,WAAA,GAAc,SAAS,MAAM;AACjC,MAAA,OAAO,aAAa,KAAM,CAAA,IAAA,CAAA,CAAA;AAAA,KAC3B,CAAA,CAAA;AAED,IAAI,IAAA,OAAA,CAAA;AAEJ,IAAA,SAAA,CAAU,MAAM;AACd,MAAA,IAAI,MAAM,QAAU,EAAA;AAClB,QAAU,OAAA,GAAA,UAAA,CAAW,OAAS,EAAA,KAAA,CAAM,QAAQ,CAAA,CAAA;AAAA,OAC9C;AAAA,KACD,CAAA,CAAA;AAED,IAAA,WAAA,CAAY,MAAM;AAChB,MAAA,IAAI,OAAS,EAAA;AACX,QAAA,YAAA,CAAa,OAAO,CAAA,CAAA;AAAA,OACtB;AAAA,KACD,CAAA,CAAA;AAED,IAAmB,SAAA,OAAA,GAAA;AACjB,MAAA,SAAA,CAAU,KAAQ,GAAA,IAAA,CAAA;AAClB,MAAA,IAAA,CAAK,SAAS,CAAA,CAAA;AACd,MAAA,IAAI,OAAS,EAAA;AACX,QAAA,YAAA,CAAa,OAAO,CAAA,CAAA;AACpB,QAAU,OAAA,GAAA,KAAA,CAAA,CAAA;AAAA,OACZ;AAAA,KACF;AAEA,IAAM,MAAA,iBAAA,GAAoB,SAAS,MAAM;AACvC,MAAO,OAAA;AAAA,QACL,WAAA,EAAa,YAAa,CAAA,KAAA,CAAM,IAAM,CAAA,CAAA,SAAA;AAAA,QACtC,KAAO,EAAA,eAAA;AAAA,OACT,CAAA;AAAA,KACD,CAAA,CAAA;AAED,IAAM,MAAA,IAAA,GAAgD,SAAS,MAAM;AACnE,MAAA,QAAQ,KAAM,CAAA,IAAA;AAAA,QACP,KAAA,MAAA;AACH,UAAO,OAAA,IAAA,CAAA;AAAA,QACJ,KAAA,SAAA;AACH,UAAA,OAAO,MAAM,CAAA,CAAE,oBAAsB,EAAA,iBAAA,CAAkB,KAAK,CAAA,CAAA;AAAA,QACzD,KAAA,SAAA;AACH,UAAA,OAAO,MAAM,CAAA,CAAE,iBAAmB,EAAA,iBAAA,CAAkB,KAAK,CAAA,CAAA;AAAA,QACtD,KAAA,OAAA;AACH,UAAA,OAAO,MAAM,CAAA,CAAE,iBAAmB,EAAA,iBAAA,CAAkB,KAAK,CAAA,CAAA;AAAA,QAAA;AAEzD,UAAO,OAAA,IAAA,CAAA;AAAA,OAAA;AAAA,KAEZ,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/dist/index.umd.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.umd.js","sources":["../../../../constants.ts","../../../../node_modules/style-inject/dist/style-inject.es.js","../plugin-vue:export-helper","../Alert.vue"],"sourcesContent":[null,"function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n","\nexport default (sfc, props) => {\n const target = sfc.__vccOpts || sfc;\n for (const [key, val] of props) {\n target[key] = val;\n }\n return target;\n}\n","<template>\n <div v-if=\"!dismissed\" class=\"overflow-hidden text-left\" :class=\"props.notRounded ? undefined : 'rounded'\">\n <div class=\"flex p-16px\" :class=\"typeClasses.headerClass\">\n <!-- @slot replace the default left icon here -->\n <slot name=\"icon\" v-bind=\"computedIconProps\">\n <component v-if=\"!props.noIcon && icon\" :is=\"icon\" v-bind=\"computedIconProps\" />\n </slot>\n <div class=\"flex-1 font-medium\">\n <!-- @slot title of the alert -->\n <slot />\n </div>\n <button v-if=\"dismissible\" class=\"m-4px ml-8px h-16px\" @click=\"dismiss\" aria-label=\"Dismiss\">\n <IconActionDeleteLarge :stroke-color=\"typeClasses.iconCloseColor\" />\n </button>\n </div>\n <div v-if=\"slots.body\" class=\"p-16px\" :class=\"typeClasses.bodyClass\">\n <!-- @slot body/details of the alert -->\n <slot name=\"body\" />\n </div>\n <details v-if=\"slots.details\" class=\"p-16px border-t-1\" :class=\"[typeClasses.bodyClass, typeClasses.borderClass]\">\n <summary class=\"flex font-medium cursor-pointer\" :class=\"typeClasses.detailsHeaderClass\">\n <IconChevronDownSmall :strokeColor=\"typeClasses.iconChevronColor\" class=\"icon my-4px mr-8px\" />\n {{ props.detailsTitle }}\n </summary>\n <div class=\"mt-16px\">\n <!--@slot Togglable additional details-->\n <slot name=\"details\" />\n </div>\n </details>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, useSlots, h,
|
|
1
|
+
{"version":3,"file":"index.umd.js","sources":["../../../../constants.ts","../../../../node_modules/style-inject/dist/style-inject.es.js","../plugin-vue:export-helper","../Alert.vue"],"sourcesContent":[null,"function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n","\nexport default (sfc, props) => {\n const target = sfc.__vccOpts || sfc;\n for (const [key, val] of props) {\n target[key] = val;\n }\n return target;\n}\n","<template>\n <div v-if=\"!dismissed\" class=\"overflow-hidden text-left\" :class=\"props.notRounded ? undefined : 'rounded'\">\n <div class=\"flex p-16px\" :class=\"typeClasses.headerClass\">\n <!-- @slot replace the default left icon here -->\n <slot name=\"icon\" v-bind=\"computedIconProps\">\n <component v-if=\"!props.noIcon && icon\" :is=\"icon\" v-bind=\"computedIconProps\" />\n </slot>\n <div class=\"flex-1 font-medium\">\n <!-- @slot title of the alert -->\n <slot />\n </div>\n <button v-if=\"dismissible\" class=\"m-4px ml-8px h-16px\" @click=\"dismiss\" aria-label=\"Dismiss\">\n <IconActionDeleteLarge :stroke-color=\"typeClasses.iconCloseColor\" />\n </button>\n </div>\n <div v-if=\"slots.body\" class=\"p-16px\" :class=\"typeClasses.bodyClass\">\n <!-- @slot body/details of the alert -->\n <slot name=\"body\" />\n </div>\n <details v-if=\"slots.details\" class=\"p-16px border-t-1\" :class=\"[typeClasses.bodyClass, typeClasses.borderClass]\">\n <summary class=\"flex font-medium cursor-pointer\" :class=\"typeClasses.detailsHeaderClass\">\n <IconChevronDownSmall :strokeColor=\"typeClasses.iconChevronColor\" class=\"icon my-4px mr-8px\" />\n {{ props.detailsTitle }}\n </summary>\n <div class=\"mt-16px\">\n <!--@slot Togglable additional details-->\n <slot name=\"details\" />\n </div>\n </details>\n </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport type { FunctionalComponent, ComputedRef } from 'vue';\nimport { computed, useSlots, h, ref, onMounted, onUnmounted } from 'vue'\nimport {\n IconChevronDownSmall, IconActionDeleteLarge,\n IconWarningCircle, IconCheckmarkOutline,\n} from '@cypress-design/vue-icon'\nimport type { AlertType } from '../constants'\nimport { alertClasses } from '../constants'\n\nconst dismissed = ref(false)\n\nconst slots = useSlots()\n\nconst emit = defineEmits<{\n /**\n * Clicking on the dismiss button or dismissed after a timeout\n */\n (event: 'dismiss'): void,\n}>()\n\nconst props = withDefaults(defineProps<{\n /**\n * Color scheme\n */\n type?: AlertType\n /**\n * If details are provided,text used in the toggle button\n */\n detailsTitle?: string\n /**\n * Show the dismiss button\n */\n dismissible?: boolean\n /**\n * When an icon is displayed by default, use this to remove it\n */\n noIcon?: boolean\n /**\n * If you need square corners\n */\n notRounded?: boolean\n /**\n * Dismiss the alert after a delay (in ms)\n */\n duration?: number\n}>(), {\n type: 'info',\n detailsTitle: 'Additional details',\n})\n\nconst typeClasses = computed(() => {\n return alertClasses[props.type]\n})\n\nlet timeout: number | undefined\n\nonMounted(() => {\n if (props.duration) {\n timeout = setTimeout(dismiss, props.duration) as any\n }\n})\n\nonUnmounted(() => {\n if (timeout) {\n clearTimeout(timeout)\n }\n})\n\nfunction dismiss() {\n dismissed.value = true\n emit('dismiss')\n if (timeout) {\n clearTimeout(timeout)\n timeout = undefined\n }\n}\n\nconst computedIconProps = computed(() => {\n return {\n strokeColor: alertClasses[props.type].iconColor,\n class: 'my-4px mr-8px'\n }\n})\n\nconst icon: ComputedRef<FunctionalComponent | null> = computed(() => {\n switch (props.type) {\n case 'info':\n return null;\n case 'success':\n return () => h(IconCheckmarkOutline, computedIconProps.value)\n case 'warning':\n return () => h(IconWarningCircle, computedIconProps.value)\n case 'error':\n return () => h(IconWarningCircle, computedIconProps.value)\n default:\n return null;\n }\n})\n\n</script>\n\n<style scoped>\ndetails summary .icon {\n transform: rotate(-90deg);\n}\n\ndetails[open] summary .icon {\n transform: rotate(0);\n}\n</style>\n"],"names":["ref","useSlots","computed","onMounted","onUnmounted","h","IconCheckmarkOutline","IconWarningCircle"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Alert.vue.d.ts","sourceRoot":"","sources":["../../Alert.vue.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Alert.vue.d.ts","sourceRoot":"","sources":["../../Alert.vue.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;;IAoG3C;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;;;;;;;IAtBH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;;;;;;;UAnBI,SAAS;kBAID,MAAM;;AAxGvB,wBA+MK;AACL,aAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,aAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,aAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE5B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG;QACzD,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,GAAG,CAAC,CAAC,CAAC,CAAC;CACR,CAAC"}
|