@iamproperty/components 3.7.3 → 3.7.5

package/src/components/Alert/Alert.vue

@@ -1,39 +0,0 @@
-<template>
-  <div :class="`container alert pb-0 ${dismissible?'alert--dismissible fade show':''}`" ref="wrapper" :data-timeout="timeout" :style="(timeout?`--animation-length: ${timeout}ms`:'')">
-    <div :class="`alert__inner bg-${colour}`" role="alert">
-      <button v-if="dismissible" type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
-      <slot></slot>
-    </div>
-  </div>
-</template>
-
-<style lang="scss">
-@import "../../../assets/sass/components/alert.scss";
-</style>
-
-<script>
-import alert from '../../../assets/ts/modules/alert'
-
-export default {
-  name: 'Alert',
-  props: {
-    dismissible: {
-      type: [String,Boolean],
-      required: false,
-      default: false
-    },
-    colour: {
-      type: String,
-      required: false,
-      default: 'primary'
-    },
-    timeout: {
-      type: [String,Number],
-      required: false
-    }
-  },
-  mounted(){
-    alert(this.$refs.wrapper);
-  }
-}
-</script>

package/src/components/Alert/README.md

@@ -1,29 +0,0 @@
-### Usage
-
-```
-<Alert class="alert--fixed" colour="info" dismissible timeout="6000">
-  <h2 class="h6">Self dismissing alert</h2>
-  <p>Curabitur aliquet quam id dui posuere blandit. Vivamus suscipit tortor eget felis porttitor volutpat. Proin eget tortor risus. Proin eget tortor risus. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Proin eget tortor risus. Vivamus suscipit tortor eget felis porttitor volutpat. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus.</p>
-</Alert>
-```
-
-### Class and data modifiers
-
-- Adding a class of **.alert--fixed** stick the alert box to the bottom of the page.
-- Adding a class of **.alert--dismissible** will add the correct padding for the having a btn to the right.
-
-
-### Properties
-
-| Option | Type | Default Value | Description |
-| ------ | ---- | ------------- | ----------- |
-| dismissible | Boolean | - | Adds a close button which will remove the alert box after clicking it. |
-| colour | String | primary | Apply a background colour the alert box, any of the theme colours can be used. |
-| timeout | String or Number | - | Sets a timeout to remove the alert box. |
-
-
-### Slots
-
-| Option | Default Value | Description |
-| ------ | ------------- | ----------- |
-| default | - | This is the content of the alert box |

package/src/components/Header/Header.spec.js

@@ -1,34 +0,0 @@
-import { mount } from '@vue/test-utils'
-import Header from './Header.vue'
-
-describe('Header component', () => {
-
-  const test = mount(Header, {
-    propsData: {
-      title: 'Page title',
-      image: '/img/src/img.png'
-    },
-    slots: {
-      default: '<p>Hello</p>',
-      breadcrumb: '<ul class="breadcrumb"></ul>'
-    }
-  })
-
-  it('renders the page title', () => {
-    expect(test.html()).toContain('<h1>Page title</h1>')
-  })
-
-  it('renders the page description', () => {
-    expect(test.html()).toContain('<p>Hello</p>')
-  })
-
-  it('renders the breadcrumb trail', () => {
-    expect(test.html()).toContain('<ul class="breadcrumb"></ul>')
-  })
-
-  it('renders the image', () => {
-
-    expect(test.find('iam-header').wrapperElement.shadowRoot.innerHTML).toContain('<source srcset=\"\" media=\"(min-width: 62em)\">')
-    expect(test.find('iam-header').wrapperElement.shadowRoot.innerHTML).toContain('<img src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" alt=\"\" lazy=\"\">')
-  })
-})