@asd20/ui 3.2.362 → 3.2.363

package/package.json

@@ -5,7 +5,7 @@
     "*.scss",
     "*.vue"
   ],
-  "version": "3.2.362",
+  "version": "3.2.363",
   "private": false,
   "license": "MIT",
   "repository": {

package/src/components/organisms/Asd20PageFooter/index.vue

@@ -316,6 +316,7 @@ export default {
       width: auto;
       margin-bottom: space(2);
       top: -2.125%;
+      max-width: inherit;
     }
     &::v-deep .asd20-district-logo {
       position: relative;

package/src/components/templates/Asd20SalaryCalculatorTemplate/index.stories.js

@@ -0,0 +1,58 @@
+import { storiesOf } from '@storybook/vue'
+import { withKnobs, boolean } from '@storybook/addon-knobs'
+
+import mockPageMixin from '../../../mixins/mockPageMixin'
+
+import Asd20SalaryCalculatorTemplate from '.'
+import pageQueryResult from '../../../data/page-queries/salary-calculator-page-result.json'
+import notifications from '../../../data/messages/notifications'
+
+const info = {
+  summary: 'Salary Calculator Template',
+}
+
+const wrapper = {
+  mixins: [mockPageMixin],
+  components: {
+    Asd20SalaryCalculatorTemplate,
+  },
+
+  data: () => ({ pageQueryResult }),
+
+  computed: {
+    activeNotificationsByType() {
+      const empty = {
+        inline: [],
+        banner: [],
+        floating: [],
+        status: [],
+      }
+      return boolean('Show Notifications', false)
+        ? notifications || empty
+        : empty
+    },
+  },
+}
+
+const stories = storiesOf('Templates - Asd20SalaryCalculatorTemplate', module)
+stories.addDecorator(withKnobs)
+
+stories.add(
+  'Default',
+  () => ({
+    ...wrapper,
+    template: `
+     <Asd20SalaryCalculatorTemplate
+      v-bind="templateProps"
+      :menu-open.sync="menuOpen"
+      :search-open.sync="searchOpen"
+
+      @announcements-in-view="loadAnnouncements"
+      @stories-in-view="loadStories"
+      @events-in-view="loadEvents"
+      @files-in-view="loadFiles"
+     
+    />`,
+  }),
+  { info }
+)