cleek 1.1.2 → 1.1.6

package/src/lib-components/ck-switch.vue

@@ -1,73 +0,0 @@
-<template lang="pug">
-  label.rv-switch
-    input(
-    v-model="localValue"
-    type="checkbox"
-    @change="$emit('change', $event)"
-    )
-    span.rv-switch__slider(:class="{ 'is-round': type !== 'square' }")
-</template>
-
-<script>
-export default {
-  props: {
-    value: { type: Boolean, required: true },
-    type: { type: String, default: 'round' }, // square
-  },
-  computed: {
-    localValue: {
-      get() { return this.value; },
-      set(val) { this.$emit('input', val); },
-    },
-  }, // computed
-}; // export default
-</script>
-
-<style lang="stylus" scoped>
-json('./styles/StylusVars.json')
-
-.rv-switch
-  position relative
-  display inline-block
-  width 60px
-  height 34px
-  // Hide default HTML checkbox
-  input
-    opacity 0
-    width 0
-    height 0
-    &:checked + .rv-switch__slider
-      background-color primary
-    &:focus + .rv-switch__slider
-      box-shadow 0 0 1px primary
-    &:checked + .rv-switch__slider:before
-      -webkit-transform translateX(26px)
-      -ms-transform translateX(26px)
-      transform translateX(26px)
-  /* The slider */
-  .rv-switch__slider
-    position absolute
-    cursor pointer
-    top 0
-    left 0
-    right 0
-    bottom 0
-    background-color #ccc
-    -webkit-transition .4s
-    transition .4s
-    &:before
-      position absolute
-      content ""
-      height 26px
-      width 26px
-      left 4px
-      bottom 4px
-      background-color white
-      -webkit-transition .4s
-      transition .4s
-    // Rounded sliders
-    &.is-round
-      border-radius: 34px;
-      &:before
-        border-radius 50%
-</style>

package/src/lib-components/ck-textarea.vue

@@ -1,40 +0,0 @@
-<template lang="pug">
-.ck-textarea
-  ck-label(v-if="label" :label-align="labelAlign") {{ label }}
-  textarea(v-model="value")
-</template>
-
-<script>
-export default {
-  props: {
-    modelValue: { type: String, required: true },
-    // label
-    label: { type: String, default: '' },
-    'label-align': { type: String, default: '' },
-  },
-  computed: {
-    value: {
-      get() { return this.modelValue; },
-      set(val) { this.$emit('update:modelValue', val); },
-    },
-  }, // computed
-}; // export default
-</script>
-
-<style lang="stylus" scoped>
-json('./styles/StylusVars.json')
-
-.ck-textarea
-  > textarea
-    min-width 100%
-    max-width 100%
-    min-height 6rem
-    box-sizing border-box
-    font-family inherit
-    padding globalPadding
-    font-size globalFontSize * (85/100)
-    border-radius globalBorderRadius
-    border 1px solid globalBorderColor
-    &:focus-visible
-      outline-color primary
-</style>

package/src/lib-components/cleek-sample.vue

@@ -1,88 +0,0 @@
-<script lang="ts">
-import { defineComponent } from 'vue';
-
-interface SampleData {
-  counter: number;
-  initCounter: number;
-  message: {
-    action: string | null;
-    amount: number | null;
-  };
-}
-
-export default /*#__PURE__*/defineComponent({
-  name: 'CleekSample', // vue component name
-  data(): SampleData {
-    return {
-      counter: 5,
-      initCounter: 5,
-      message: {
-        action: null,
-        amount: null,
-      },
-    };
-  },
-  computed: {
-    changedBy() {
-      const { message } = this as SampleData;
-      if (!message.action) return 'initialized';
-      return `${message.action} ${message.amount || ''}`.trim();
-    },
-  },
-  methods: {
-    increment(arg: Event | number): void {
-      const amount = (typeof arg !== 'number') ? 1 : arg;
-      this.counter += amount;
-      this.message.action = 'incremented by';
-      this.message.amount = amount;
-    },
-    decrement(arg: Event | number): void {
-      const amount = (typeof arg !== 'number') ? 1 : arg;
-      this.counter -= amount;
-      this.message.action = 'decremented by';
-      this.message.amount = amount;
-    },
-    reset(): void {
-      this.counter = this.initCounter;
-      this.message.action = 'reset';
-      this.message.amount = null;
-    },
-  },
-});
-</script>
-
-<template>
-  <div class="cleek-sample">
-    <p>The counter was {{ changedBy }} to <b>{{ counter }}</b>.</p>
-    <button @click="increment">
-      Click +1
-    </button>
-    <button @click="decrement">
-      Click -1
-    </button>
-    <button @click="increment(5)">
-      Click +5
-    </button>
-    <button @click="decrement(5)">
-      Click -5
-    </button>
-    <button @click="reset">
-      Reset
-    </button>
-  </div>
-</template>
-
-<style scoped>
-  .cleek-sample {
-    display: block;
-    width: 400px;
-    margin: 25px auto;
-    border: 1px solid #ccc;
-    background: #eaeaea;
-    text-align: center;
-    padding: 25px;
-  }
-  .cleek-sample p {
-    margin: 0 0 1em;
-  }
-</style>