Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

@rei/cdr-button

Package Overview
Dependencies
Maintainers
9
Versions
19
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@rei/cdr-button - npm Package Compare versions

Comparing version 2.0.2-alpha.0 to 2.0.2-alpha.1

59

CHANGELOG.md

@@ -1,57 +0,1 @@

# Change Log
All notable changes to this project will be documented in this file.
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
## 2.0.1 (2019-02-28)
### Bug Fixes
* **button:** add defensive css for cedar 1 ([2950d31](https://github.com/rei/rei-cedar/commit/2950d31))
* **button:** bump version to match alpha ([3439b98](https://github.com/rei/rei-cedar/commit/3439b98))
* **button cta:** import cdr-icon css for components packaged with an icon ([6bb2233](https://github.com/rei/rei-cedar/commit/6bb2233))
* **button cta accordion:** bump version from alpha ([fe1c8f0](https://github.com/rei/rei-cedar/commit/fe1c8f0))
* **focus:** add default focus state for sharing ([16133cf](https://github.com/rei/rei-cedar/commit/16133cf))
### chore
* **build:** make cdr-* packages externals by default ([e0d9763](https://github.com/rei/rei-cedar/commit/e0d9763))
### Features
* **18.9.1 release:** release adds support for cdr-icon and updates the peer-dependancies of compone ([5a6da2c](https://github.com/rei/rei-cedar/commit/5a6da2c))
* **accordion button cta:** bump versions to match alpha release ([c7f21bb](https://github.com/rei/rei-cedar/commit/c7f21bb))
* **all components:** change package name prefixes from cedar-* to cdr-* ([dad0dfb](https://github.com/rei/rei-cedar/commit/dad0dfb)), closes [#354](https://github.com/rei/rei-cedar/issues/354)
* **assets:** bump to 0.2.0 with removal of icon assets ([2e57098](https://github.com/rei/rei-cedar/commit/2e57098))
* **button:** add defensive css for normalize and cedar 1 styles ([3859738](https://github.com/rei/rei-cedar/commit/3859738))
* **button:** bump to 2.0.0, update README ([8fda682](https://github.com/rei/rei-cedar/commit/8fda682))
* **button:** update dependencies ([9f2c00d](https://github.com/rei/rei-cedar/commit/9f2c00d))
* **buttons:** update to use css modules ([a5e5fda](https://github.com/rei/rei-cedar/commit/a5e5fda))
* **components:** update components to use css-modules ([ec1321c](https://github.com/rei/rei-cedar/commit/ec1321c))
* **components:** update npm organization from [@rei-co-op](https://github.com/rei-co-op) to [@rei](https://github.com/rei) ([0842f77](https://github.com/rei/rei-cedar/commit/0842f77))
* **deps:** update icon and assets for publishing ([48f2c67](https://github.com/rei/rei-cedar/commit/48f2c67))
* **lerna-semantic-release:** replaced standard changelog with lerna-semantic-release as dev depende ([5084037](https://github.com/rei/rei-cedar/commit/5084037))
* **release:** bump all to 0.1.0 and remove base-components ([f5c335e](https://github.com/rei/rei-cedar/commit/f5c335e))
* **release:** button, breadcrumb, grid, and list are released to v1 ([d6973b7](https://github.com/rei/rei-cedar/commit/d6973b7))
* **resets:** remove unused css and relocate resets into components ([b6134dc](https://github.com/rei/rei-cedar/commit/b6134dc)), closes [#516](https://github.com/rei/rei-cedar/issues/516) [#518](https://github.com/rei/rei-cedar/issues/518) [#519](https://github.com/rei/rei-cedar/issues/519) [#498](https://github.com/rei/rei-cedar/issues/498)
### BREAKING CHANGES
* **button:** Update size prop, deprecate responsive-size prop.
* **buttons:** Buttons use css modules
* **components:** Components are now using css-modules for unique class names tied to the package version
* **release:** packages no longer have plugin as default export
* **build:** Raw component cdr-* peerdependencies are no longer bundled
* **all components:** Change all package names to cdr- prefix. Package name for cdr-image changed to cdr-img. Package name
for cdr-column changed to cdr-col
* **components:** Update all package names
<a name="2.0.0"></a>

@@ -102,1 +46,4 @@ # 2.0.0 (2018-12-20)

for cdr-column changed to cdr-col

660

dist/cdr-button.js

@@ -1,659 +0,1 @@

(function webpackUniversalModuleDefinition(root, factory) {
if(typeof exports === 'object' && typeof module === 'object')
module.exports = factory(require("@rei/cdr-icon"));
else if(typeof define === 'function' && define.amd)
define("CdrButton", ["@rei/cdr-icon"], factory);
else if(typeof exports === 'object')
exports["CdrButton"] = factory(require("@rei/cdr-icon"));
else
root["CdrButton"] = factory(root["@rei/cdr-icon"]);
})(this, function(__WEBPACK_EXTERNAL_MODULE__2__) {
return /******/ (function(modules) { // webpackBootstrap
/******/ // The module cache
/******/ var installedModules = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/
/******/ // Check if module is in cache
/******/ if(installedModules[moduleId]) {
/******/ return installedModules[moduleId].exports;
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = installedModules[moduleId] = {
/******/ i: moduleId,
/******/ l: false,
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.l = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/******/
/******/ // expose the modules object (__webpack_modules__)
/******/ __webpack_require__.m = modules;
/******/
/******/ // expose the module cache
/******/ __webpack_require__.c = installedModules;
/******/
/******/ // define getter function for harmony exports
/******/ __webpack_require__.d = function(exports, name, getter) {
/******/ if(!__webpack_require__.o(exports, name)) {
/******/ Object.defineProperty(exports, name, { enumerable: true, get: getter });
/******/ }
/******/ };
/******/
/******/ // define __esModule on exports
/******/ __webpack_require__.r = function(exports) {
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
/******/ }
/******/ Object.defineProperty(exports, '__esModule', { value: true });
/******/ };
/******/
/******/ // create a fake namespace object
/******/ // mode & 1: value is a module id, require it
/******/ // mode & 2: merge all properties of value into the ns
/******/ // mode & 4: return value when already ns object
/******/ // mode & 8|1: behave like require
/******/ __webpack_require__.t = function(value, mode) {
/******/ if(mode & 1) value = __webpack_require__(value);
/******/ if(mode & 8) return value;
/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
/******/ var ns = Object.create(null);
/******/ __webpack_require__.r(ns);
/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value });
/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
/******/ return ns;
/******/ };
/******/
/******/ // getDefaultExport function for compatibility with non-harmony modules
/******/ __webpack_require__.n = function(module) {
/******/ var getter = module && module.__esModule ?
/******/ function getDefault() { return module['default']; } :
/******/ function getModuleExports() { return module; };
/******/ __webpack_require__.d(getter, 'a', getter);
/******/ return getter;
/******/ };
/******/
/******/ // Object.prototype.hasOwnProperty.call
/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
/******/
/******/ // __webpack_public_path__
/******/ __webpack_require__.p = "/";
/******/
/******/
/******/ // Load entry module and return exports
/******/ return __webpack_require__(__webpack_require__.s = 5);
/******/ })
/************************************************************************/
/******/ ([
/* 0 */
/***/ (function(module, exports, __webpack_require__) {
// extracted by mini-css-extract-plugin
module.exports = {"cdr-button":"cdr-button_2.0.2-alpha.0","cdr-button--secondary":"cdr-button--secondary_2.0.2-alpha.0","cdr-button--large":"cdr-button--large_2.0.2-alpha.0","cdr-button--has-icon":"cdr-button--has-icon_2.0.2-alpha.0","cdr-button--medium":"cdr-button--medium_2.0.2-alpha.0","cdr-button--small":"cdr-button--small_2.0.2-alpha.0","cdr-button--full-width":"cdr-button--full-width_2.0.2-alpha.0","cdr-button--icon-only":"cdr-button--icon-only_2.0.2-alpha.0","cdr-button--on-dark":"cdr-button--on-dark_2.0.2-alpha.0","cdr-button--small@xs":"cdr-button--small@xs_2.0.2-alpha.0","cdr-button--medium@xs":"cdr-button--medium@xs_2.0.2-alpha.0","cdr-button--large@xs":"cdr-button--large@xs_2.0.2-alpha.0","cdr-button--small@sm":"cdr-button--small@sm_2.0.2-alpha.0","cdr-button--medium@sm":"cdr-button--medium@sm_2.0.2-alpha.0","cdr-button--large@sm":"cdr-button--large@sm_2.0.2-alpha.0","cdr-button--small@md":"cdr-button--small@md_2.0.2-alpha.0","cdr-button--medium@md":"cdr-button--medium@md_2.0.2-alpha.0","cdr-button--large@md":"cdr-button--large@md_2.0.2-alpha.0","cdr-button--small@lg":"cdr-button--small@lg_2.0.2-alpha.0","cdr-button--medium@lg":"cdr-button--medium@lg_2.0.2-alpha.0","cdr-button--large@lg":"cdr-button--large@lg_2.0.2-alpha.0"};
/***/ }),
/* 1 */
/***/ (function(module, exports, __webpack_require__) {
// extracted by mini-css-extract-plugin
/***/ }),
/* 2 */
/***/ (function(module, exports) {
module.exports = __WEBPACK_EXTERNAL_MODULE__2__;
/***/ }),
/* 3 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_node_modules_css_loader_dist_cjs_js_ref_3_oneOf_0_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_3_oneOf_0_2_node_modules_vue_loader_lib_index_js_vue_loader_options_CdrButton_vue_vue_type_style_index_0_module_true_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_node_modules_css_loader_dist_cjs_js_ref_3_oneOf_0_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_3_oneOf_0_2_node_modules_vue_loader_lib_index_js_vue_loader_options_CdrButton_vue_vue_type_style_index_0_module_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_node_modules_css_loader_dist_cjs_js_ref_3_oneOf_0_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_3_oneOf_0_2_node_modules_vue_loader_lib_index_js_vue_loader_options_CdrButton_vue_vue_type_style_index_0_module_true_lang_css___WEBPACK_IMPORTED_MODULE_0__);
/* harmony default export */ __webpack_exports__["default"] = (_node_modules_mini_css_extract_plugin_dist_loader_js_node_modules_css_loader_dist_cjs_js_ref_3_oneOf_0_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_3_oneOf_0_2_node_modules_vue_loader_lib_index_js_vue_loader_options_CdrButton_vue_vue_type_style_index_0_module_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default.a);
/***/ }),
/* 4 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_node_modules_css_loader_dist_cjs_js_ref_3_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_3_oneOf_1_2_node_modules_vue_loader_lib_index_js_vue_loader_options_CdrButton_vue_vue_type_style_index_1_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1);
/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_node_modules_css_loader_dist_cjs_js_ref_3_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_3_oneOf_1_2_node_modules_vue_loader_lib_index_js_vue_loader_options_CdrButton_vue_vue_type_style_index_1_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_node_modules_css_loader_dist_cjs_js_ref_3_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_3_oneOf_1_2_node_modules_vue_loader_lib_index_js_vue_loader_options_CdrButton_vue_vue_type_style_index_1_lang_css___WEBPACK_IMPORTED_MODULE_0__);
/* unused harmony reexport * */
/* unused harmony default export */ var _unused_webpack_default_export = (_node_modules_mini_css_extract_plugin_dist_loader_js_node_modules_css_loader_dist_cjs_js_ref_3_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_3_oneOf_1_2_node_modules_vue_loader_lib_index_js_vue_loader_options_CdrButton_vue_vue_type_style_index_1_lang_css___WEBPACK_IMPORTED_MODULE_0___default.a);
/***/ }),
/* 5 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
// CONCATENATED MODULE: /home/darin/Code/rei-cedar/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!/home/darin/Code/rei-cedar/node_modules/vue-loader/lib??vue-loader-options!./CdrButton.vue?vue&type=template&id=3d76e880&
var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c(_vm.tag,{tag:"component",class:[
_vm.modifierClass,
_vm.buttonSizeClass,
_vm.fullWidthClass,
_vm.iconClass ],attrs:{"type":_vm.tag === 'button' ? _vm.type : null},on:{"click":_vm.onClick}},[_vm._t("icon"),_vm._v(" "),_vm._t("default")],2)}
var staticRenderFns = []
// CONCATENATED MODULE: ./CdrButton.vue?vue&type=template&id=3d76e880&
// CONCATENATED MODULE: /home/darin/Code/rei-cedar/src/mixins/buildClass.js
/**
* @mixin
*/
/* harmony default export */ var buildClass = ({
methods: {
/**
*
* @param {String} prop -- the prop to build classes from
*/
buildClass(prop) {
let checkBase = 'cdr';
if (this.baseClass) {
checkBase = this.baseClass;
}
const base = checkBase;
const propArgsArr = this[prop] ? this[prop].split(' ') : [];
let final = [];
if (!this.$style) {
final.push(`${base}`);
final = final.concat(propArgsArr.map(mod => this.modifyClassName(base, mod)));
} else {
final.push(this.moduleClass(base));
final = final.concat(propArgsArr.map(mod => this.modifyClassName(base, mod)));
}
return final.join(' ');
},
/**
* Returns a css module class
*/
moduleClass(className) {
return this.$style[`${className}`];
},
/**
* Returns a modified base class
*/
modifyClassName(base, modifier) {
return this.$style ? this.moduleClass(`${base}--${modifier}`) : `${base}--${modifier}`;
}
}
});
// CONCATENATED MODULE: /home/darin/Code/rei-cedar/src/mixins/modifier.js
/**
* @mixin
*/
/* harmony default export */ var modifier = ({
mixins: [buildClass],
props: {
/**
* Space separated list of modifiers. See above for possible values
*/
modifier: String
},
computed: {
modifierClass() {
return this.buildClass('modifier');
}
}
});
// CONCATENATED MODULE: /home/darin/Code/rei-cedar/src/utils/propValidator.js
/**
* Validates space separated string against an array of accepted values.
* @param {String} propValue -- Space separated string (provided by the user)
* @param {Array} validArr -- Array of values that are considered "valid"
* @param {Boolean} responsive -- Enables validation of validArr values with '@sm', '@md', '@lg' added to them
*/
function validateProp(propValue, validArr, responsive = true) {
const strArr = propValue.split(' ');
return strArr.every(mod => {
const modValid = validArr.some(validStr => {
if (responsive) {
return mod === validStr || mod === `${validStr}@xs` || mod === `${validStr}@sm` || mod === `${validStr}@md` || mod === `${validStr}@lg`;
}
return mod === validStr;
});
if (!modValid) {
console.error(`Invalid prop value: ${mod}`); // eslint-disable-line no-console
}
return modValid;
});
}
/* harmony default export */ var propValidator = (validateProp);
// CONCATENATED MODULE: /home/darin/Code/rei-cedar/src/mixins/size.js
/**
* #Size Mixin/Interface
*
* Functionality for handling/standardizing component sizing.
*
* :Values
* :small
* :medium (default)
* :large
*
* @mixin
*/
/* harmony default export */ var size = ({
mixins: [buildClass],
props: {
/**
* Size state
*/
size: {
type: String,
default: 'medium',
validator: value => propValidator(value, ['small', 'medium', 'large'])
}
},
computed: {
sizeClass() {
const returnClass = this.buildClass('size');
return returnClass;
}
}
});
// CONCATENATED MODULE: /home/darin/Code/rei-cedar/node_modules/babel-loader/lib!/home/darin/Code/rei-cedar/node_modules/vue-loader/lib??vue-loader-options!./CdrButton.vue?vue&type=script&lang=js&
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
/**
* Cedar 2 component for button
*
* CdrButton will render either a button, or an anchor that looks like a button.
* As such, the decision to use CdrButton vs CdrAnchor should be made based on what
* you need the rendered element to look like.
*
* @author [REI Software Engineering](https://rei.github.io/rei-cedar/)
*/
/* harmony default export */ var lib_vue_loader_options_CdrButtonvue_type_script_lang_js_ = ({
name: 'CdrButton',
mixins: [modifier, size],
props: {
/**
* Controls render as button or anchor. {button, a}
*/
tag: {
type: String,
default: 'button',
validator: value => ['button', 'a'].indexOf(value) >= 0 || false
},
/**
* Sets the button type. {button, submit, reset}
*/
type: {
type: String,
default: 'button',
validator: value => ['button', 'submit', 'reset'].indexOf(value) >= 0 || false
},
/**
* Adds custom click actions.
*/
onClick: {
type: Function,
default: () => () => null
},
/**
* Sets width to be 100%.
*/
fullWidth: {
type: Boolean,
default: false,
validator: value => typeof value === 'boolean'
},
/**
* Renders an icon-only button. Default slot is disabled. Overrides size and responsiveSize props.
*/
iconOnly: {
type: Boolean,
default: false
},
/**
* Renders an icon-only button with a light fill color for use on dark backgrounds.
* iconOnly must be true.
*/
onDark: {
type: Boolean,
default: false
}
},
computed: {
baseClass() {
return 'cdr-button';
},
buttonSizeClass() {
return !this.iconOnly ? this.sizeClass : null;
},
iconClass() {
const classes = [];
if (this.$slots.icon && this.$slots.default) {
/* only add class for buttons with text + icon */
classes.push(this.modifyClassName(this.baseClass, 'has-icon'));
}
if (this.iconOnly) {
classes.push(this.modifyClassName(this.baseClass, 'icon-only'));
if (this.onDark) {
classes.push(this.modifyClassName(this.baseClass, 'on-dark'));
}
}
return classes.join(' ');
},
fullWidthClass() {
return this.fullWidth && !this.iconOnly ? this.modifyClassName(this.baseClass, 'full-width') : null;
}
}
});
// CONCATENATED MODULE: ./CdrButton.vue?vue&type=script&lang=js&
/* harmony default export */ var CdrButtonvue_type_script_lang_js_ = (lib_vue_loader_options_CdrButtonvue_type_script_lang_js_);
// EXTERNAL MODULE: ./CdrButton.vue?vue&type=style&index=0&module=true&lang=css&
var CdrButtonvue_type_style_index_0_module_true_lang_css_ = __webpack_require__(3);
// EXTERNAL MODULE: ./CdrButton.vue?vue&type=style&index=1&lang=css&
var CdrButtonvue_type_style_index_1_lang_css_ = __webpack_require__(4);
// CONCATENATED MODULE: /home/darin/Code/rei-cedar/node_modules/vue-loader/lib/runtime/componentNormalizer.js
/* globals __VUE_SSR_CONTEXT__ */
// IMPORTANT: Do NOT use ES2015 features in this file (except for modules).
// This module is a runtime utility for cleaner component module output and will
// be included in the final webpack user bundle.
function normalizeComponent (
scriptExports,
render,
staticRenderFns,
functionalTemplate,
injectStyles,
scopeId,
moduleIdentifier, /* server only */
shadowMode /* vue-cli only */
) {
// Vue.extend constructor export interop
var options = typeof scriptExports === 'function'
? scriptExports.options
: scriptExports
// render functions
if (render) {
options.render = render
options.staticRenderFns = staticRenderFns
options._compiled = true
}
// functional template
if (functionalTemplate) {
options.functional = true
}
// scopedId
if (scopeId) {
options._scopeId = 'data-v-' + scopeId
}
var hook
if (moduleIdentifier) { // server build
hook = function (context) {
// 2.3 injection
context =
context || // cached call
(this.$vnode && this.$vnode.ssrContext) || // stateful
(this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
// 2.2 with runInNewContext: true
if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
context = __VUE_SSR_CONTEXT__
}
// inject component styles
if (injectStyles) {
injectStyles.call(this, context)
}
// register component module identifier for async chunk inferrence
if (context && context._registeredComponents) {
context._registeredComponents.add(moduleIdentifier)
}
}
// used by ssr in case component is cached and beforeCreate
// never gets called
options._ssrRegister = hook
} else if (injectStyles) {
hook = shadowMode
? function () { injectStyles.call(this, this.$root.$options.shadowRoot) }
: injectStyles
}
if (hook) {
if (options.functional) {
// for template-only hot-reload because in that case the render fn doesn't
// go through the normalizer
options._injectStyles = hook
// register for functioal component in vue file
var originalRender = options.render
options.render = function renderWithStyleInjection (h, context) {
hook.call(context)
return originalRender(h, context)
}
} else {
// inject component registration as beforeCreate hook
var existing = options.beforeCreate
options.beforeCreate = existing
? [].concat(existing, hook)
: [hook]
}
}
return {
exports: scriptExports,
options: options
}
}
// CONCATENATED MODULE: ./CdrButton.vue
function injectStyles (context) {
this["$style"] = (CdrButtonvue_type_style_index_0_module_true_lang_css_["default"].locals || CdrButtonvue_type_style_index_0_module_true_lang_css_["default"])
}
/* normalize component */
var component = normalizeComponent(
CdrButtonvue_type_script_lang_js_,
render,
staticRenderFns,
false,
injectStyles,
null,
null
)
/* harmony default export */ var CdrButton = (component.exports);
// CONCATENATED MODULE: /home/darin/Code/rei-cedar/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!/home/darin/Code/rei-cedar/node_modules/vue-loader/lib??vue-loader-options!./comps/CdrCloseButton.vue?vue&type=template&id=01091bc0&
var CdrCloseButtonvue_type_template_id_01091bc0_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('cdr-button',{attrs:{"icon-only":true,"on-dark":_vm.onDark,"aria-label":"Close"}},[_c('icon-x-lg',{staticClass:"cdr-button__icon",attrs:{"slot":"icon"},slot:"icon"})],1)}
var CdrCloseButtonvue_type_template_id_01091bc0_staticRenderFns = []
// CONCATENATED MODULE: ./comps/CdrCloseButton.vue?vue&type=template&id=01091bc0&
// EXTERNAL MODULE: external "@rei/cdr-icon"
var cdr_icon_ = __webpack_require__(2);
// CONCATENATED MODULE: /home/darin/Code/rei-cedar/node_modules/babel-loader/lib!/home/darin/Code/rei-cedar/node_modules/vue-loader/lib??vue-loader-options!./comps/CdrCloseButton.vue?vue&type=script&lang=js&
//
//
//
//
//
//
//
//
//
//
//
//
//
/* harmony default export */ var CdrCloseButtonvue_type_script_lang_js_ = ({
name: 'CdrCloseButton',
components: {
IconXLg: cdr_icon_["IconXLg"],
CdrButton: CdrButton
},
extends: CdrButton
});
// CONCATENATED MODULE: ./comps/CdrCloseButton.vue?vue&type=script&lang=js&
/* harmony default export */ var comps_CdrCloseButtonvue_type_script_lang_js_ = (CdrCloseButtonvue_type_script_lang_js_);
// CONCATENATED MODULE: ./comps/CdrCloseButton.vue
/* normalize component */
var CdrCloseButton_component = normalizeComponent(
comps_CdrCloseButtonvue_type_script_lang_js_,
CdrCloseButtonvue_type_template_id_01091bc0_render,
CdrCloseButtonvue_type_template_id_01091bc0_staticRenderFns,
false,
null,
null,
null
)
/* harmony default export */ var CdrCloseButton = (CdrCloseButton_component.exports);
// CONCATENATED MODULE: /home/darin/Code/rei-cedar/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!/home/darin/Code/rei-cedar/node_modules/vue-loader/lib??vue-loader-options!./comps/CdrPlayButton.vue?vue&type=template&id=e0571184&
var CdrPlayButtonvue_type_template_id_e0571184_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('cdr-button',{attrs:{"icon-only":true,"on-dark":_vm.onDark,"aria-label":"Play"}},[_c('icon-play',{staticClass:"cdr-button__icon",attrs:{"slot":"icon"},slot:"icon"})],1)}
var CdrPlayButtonvue_type_template_id_e0571184_staticRenderFns = []
// CONCATENATED MODULE: ./comps/CdrPlayButton.vue?vue&type=template&id=e0571184&
// CONCATENATED MODULE: /home/darin/Code/rei-cedar/node_modules/babel-loader/lib!/home/darin/Code/rei-cedar/node_modules/vue-loader/lib??vue-loader-options!./comps/CdrPlayButton.vue?vue&type=script&lang=js&
//
//
//
//
//
//
//
//
//
//
//
//
//
/* harmony default export */ var CdrPlayButtonvue_type_script_lang_js_ = ({
name: 'CdrPlayButton',
components: {
IconPlay: cdr_icon_["IconPlay"],
CdrButton: CdrButton
},
extends: CdrButton
});
// CONCATENATED MODULE: ./comps/CdrPlayButton.vue?vue&type=script&lang=js&
/* harmony default export */ var comps_CdrPlayButtonvue_type_script_lang_js_ = (CdrPlayButtonvue_type_script_lang_js_);
// CONCATENATED MODULE: ./comps/CdrPlayButton.vue
/* normalize component */
var CdrPlayButton_component = normalizeComponent(
comps_CdrPlayButtonvue_type_script_lang_js_,
CdrPlayButtonvue_type_template_id_e0571184_render,
CdrPlayButtonvue_type_template_id_e0571184_staticRenderFns,
false,
null,
null,
null
)
/* harmony default export */ var CdrPlayButton = (CdrPlayButton_component.exports);
// CONCATENATED MODULE: ./build/main.js
/* concated harmony reexport CdrButton */__webpack_require__.d(__webpack_exports__, "CdrButton", function() { return CdrButton; });
/* concated harmony reexport CdrCloseButton */__webpack_require__.d(__webpack_exports__, "CdrCloseButton", function() { return CdrCloseButton; });
/* concated harmony reexport CdrPlayButton */__webpack_require__.d(__webpack_exports__, "CdrPlayButton", function() { return CdrPlayButton; });
/* eslint-disable */
/***/ })
/******/ ]);
});
//# sourceMappingURL=cdr-button.js.map
!function(t,n){"object"==typeof exports&&"object"==typeof module?module.exports=n(require("@rei/cdr-icon")):"function"==typeof define&&define.amd?define("CdrButton",["@rei/cdr-icon"],n):"object"==typeof exports?exports.CdrButton=n(require("@rei/cdr-icon")):t.CdrButton=n(t["@rei/cdr-icon"])}("undefined"!=typeof self?self:this,function(t){return function(t){var n={};function r(o){if(n[o])return n[o].exports;var e=n[o]={i:o,l:!1,exports:{}};return t[o].call(e.exports,e,e.exports,r),e.l=!0,e.exports}return r.m=t,r.c=n,r.d=function(t,n,o){r.o(t,n)||Object.defineProperty(t,n,{configurable:!1,enumerable:!0,get:o})},r.n=function(t){var n=t&&t.__esModule?function(){return t.default}:function(){return t};return r.d(n,"a",n),n},r.o=function(t,n){return Object.prototype.hasOwnProperty.call(t,n)},r.p="/",r(r.s=12)}([function(t,n,r){"use strict";var o=r(13),e=r(2),a=r(18),u=(r(19),r(1));var s=Object(u.a)(e.a,o.a,o.b,!1,function(t){this.$style=a.default.locals||a.default},null,null);n.a=s.exports},function(t,n,r){"use strict";n.a=function(t,n,r,o,e,a,u,s){var i,c="function"==typeof t?t.options:t;n&&(c.render=n,c.staticRenderFns=r,c._compiled=!0);o&&(c.functional=!0);a&&(c._scopeId="data-v-"+a);u?(i=function(t){(t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),e&&e.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(u)},c._ssrRegister=i):e&&(i=s?function(){e.call(this,this.$root.$options.shadowRoot)}:e);if(i)if(c.functional){c._injectStyles=i;var l=c.render;c.render=function(t,n){return i.call(n),l(t,n)}}else{var d=c.beforeCreate;c.beforeCreate=d?[].concat(d,i):[i]}return{exports:t,options:c}}},function(t,n,r){"use strict";var o=r(3);n.a=o.a},function(t,n,r){"use strict";var o=r(15),e=r(16);n.a={name:"CdrButton",mixins:[o.a,e.a],props:{tag:{type:String,default:"button",validator:function(t){return["button","a"].indexOf(t)>=0||!1}},type:{type:String,default:"button",validator:function(t){return["button","submit","reset"].indexOf(t)>=0||!1}},onClick:{type:Function,default:function(){return function(){return null}}},fullWidth:{type:Boolean,default:!1,validator:function(t){return"boolean"==typeof t}},iconOnly:{type:Boolean,default:!1},onDark:{type:Boolean,default:!1}},computed:{baseClass:function(){return"cdr-button"},buttonSizeClass:function(){return this.iconOnly?null:this.sizeClass},iconClass:function(){var t=[];return this.$slots.icon&&this.$slots.default&&t.push(this.modifyClassName(this.baseClass,"has-icon")),this.iconOnly&&(t.push(this.modifyClassName(this.baseClass,"icon-only")),this.onDark&&t.push(this.modifyClassName(this.baseClass,"on-dark"))),t.join(" ")},fullWidthClass:function(){return this.fullWidth&&!this.iconOnly?this.modifyClassName(this.baseClass,"full-width"):null}}}},function(t,n,r){"use strict";n.a={methods:{buildClass:function(t){var n=this,r="cdr";this.baseClass&&(r=this.baseClass);var o=r,e=this[t]?this[t].split(" "):[],a=[];return this.$style?(a.push(this.moduleClass(o)),a=a.concat(e.map(function(t){return n.modifyClassName(o,t)}))):(a.push(""+o),a=a.concat(e.map(function(t){return n.modifyClassName(o,t)}))),a.join(" ")},moduleClass:function(t){return this.$style[""+t]},modifyClassName:function(t,n){return this.$style?this.moduleClass(t+"--"+n):t+"--"+n}}}},function(t,n){t.exports={"cdr-button":"cdr-button_2.0.2-alpha.1","cdr-button--secondary":"cdr-button--secondary_2.0.2-alpha.1","cdr-button--large":"cdr-button--large_2.0.2-alpha.1","cdr-button--has-icon":"cdr-button--has-icon_2.0.2-alpha.1","cdr-button--medium":"cdr-button--medium_2.0.2-alpha.1","cdr-button--small":"cdr-button--small_2.0.2-alpha.1","cdr-button--full-width":"cdr-button--full-width_2.0.2-alpha.1","cdr-button--icon-only":"cdr-button--icon-only_2.0.2-alpha.1","cdr-button--on-dark":"cdr-button--on-dark_2.0.2-alpha.1","cdr-button--small@xs":"cdr-button--small@xs_2.0.2-alpha.1","cdr-button--medium@xs":"cdr-button--medium@xs_2.0.2-alpha.1","cdr-button--large@xs":"cdr-button--large@xs_2.0.2-alpha.1","cdr-button--small@sm":"cdr-button--small@sm_2.0.2-alpha.1","cdr-button--medium@sm":"cdr-button--medium@sm_2.0.2-alpha.1","cdr-button--large@sm":"cdr-button--large@sm_2.0.2-alpha.1","cdr-button--small@md":"cdr-button--small@md_2.0.2-alpha.1","cdr-button--medium@md":"cdr-button--medium@md_2.0.2-alpha.1","cdr-button--large@md":"cdr-button--large@md_2.0.2-alpha.1","cdr-button--small@lg":"cdr-button--small@lg_2.0.2-alpha.1","cdr-button--medium@lg":"cdr-button--medium@lg_2.0.2-alpha.1","cdr-button--large@lg":"cdr-button--large@lg_2.0.2-alpha.1"}},function(t,n){},function(t,n,r){"use strict";var o=r(8);n.a=o.a},function(t,n,r){"use strict";var o=r(9),e=(r.n(o),r(0));n.a={name:"CdrCloseButton",components:{IconXLg:o.IconXLg,CdrButton:e.a},extends:e.a}},function(n,r){n.exports=t},function(t,n,r){"use strict";var o=r(11);n.a=o.a},function(t,n,r){"use strict";var o=r(9),e=(r.n(o),r(0));n.a={name:"CdrPlayButton",components:{IconPlay:o.IconPlay,CdrButton:e.a},extends:e.a}},function(t,n,r){"use strict";Object.defineProperty(n,"__esModule",{value:!0});var o=r(0);r.d(n,"CdrButton",function(){return o.a});var e=r(20);r.d(n,"CdrCloseButton",function(){return e.a});var a=r(23);r.d(n,"CdrPlayButton",function(){return a.a})},function(t,n,r){"use strict";var o=r(14);r.d(n,"a",function(){return o.a}),r.d(n,"b",function(){return o.b})},function(t,n,r){"use strict";r.d(n,"a",function(){return o}),r.d(n,"b",function(){return e});var o=function(){var t=this,n=t.$createElement;return(t._self._c||n)(t.tag,{tag:"component",class:[t.modifierClass,t.buttonSizeClass,t.fullWidthClass,t.iconClass],attrs:{type:"button"===t.tag?t.type:null},on:{click:t.onClick}},[t._t("icon"),t._v(" "),t._t("default")],2)},e=[]},function(t,n,r){"use strict";var o=r(4);n.a={mixins:[o.a],props:{modifier:String},computed:{modifierClass:function(){return this.buildClass("modifier")}}}},function(t,n,r){"use strict";var o=r(17),e=r(4);n.a={mixins:[e.a],props:{size:{type:String,default:"medium",validator:function(t){return Object(o.a)(t,["small","medium","large"])}}},computed:{sizeClass:function(){return this.buildClass("size")}}}},function(t,n,r){"use strict";n.a=function(t,n){var r=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];return t.split(" ").every(function(t){var o=n.some(function(n){return r?t===n||t===n+"@xs"||t===n+"@sm"||t===n+"@md"||t===n+"@lg":t===n});return o||console.error("Invalid prop value: "+t),o})}},function(t,n,r){"use strict";var o=r(5),e=r.n(o);n.default=e.a},function(t,n,r){"use strict";var o=r(6);r.n(o).a},function(t,n,r){"use strict";var o=r(21),e=r(7),a=r(1),u=Object(a.a)(e.a,o.a,o.b,!1,null,null,null);n.a=u.exports},function(t,n,r){"use strict";var o=r(22);r.d(n,"a",function(){return o.a}),r.d(n,"b",function(){return o.b})},function(t,n,r){"use strict";r.d(n,"a",function(){return o}),r.d(n,"b",function(){return e});var o=function(){var t=this.$createElement,n=this._self._c||t;return n("cdr-button",{attrs:{"icon-only":!0,"on-dark":this.onDark,"aria-label":"Close"}},[n("icon-x-lg",{staticClass:"cdr-button__icon",attrs:{slot:"icon"},slot:"icon"})],1)},e=[]},function(t,n,r){"use strict";var o=r(24),e=r(10),a=r(1),u=Object(a.a)(e.a,o.a,o.b,!1,null,null,null);n.a=u.exports},function(t,n,r){"use strict";var o=r(25);r.d(n,"a",function(){return o.a}),r.d(n,"b",function(){return o.b})},function(t,n,r){"use strict";r.d(n,"a",function(){return o}),r.d(n,"b",function(){return e});var o=function(){var t=this.$createElement,n=this._self._c||t;return n("cdr-button",{attrs:{"icon-only":!0,"on-dark":this.onDark,"aria-label":"Play"}},[n("icon-play",{staticClass:"cdr-button__icon",attrs:{slot:"icon"},slot:"icon"})],1)},e=[]}])});

549

dist/plugin.js

@@ -1,548 +0,1 @@

(function webpackUniversalModuleDefinition(root, factory) {
if(typeof exports === 'object' && typeof module === 'object')
module.exports = factory();
else if(typeof define === 'function' && define.amd)
define("CdrButton", [], factory);
else if(typeof exports === 'object')
exports["CdrButton"] = factory();
else
root["CdrButton"] = factory();
})(this, function() {
return /******/ (function(modules) { // webpackBootstrap
/******/ // The module cache
/******/ var installedModules = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/
/******/ // Check if module is in cache
/******/ if(installedModules[moduleId]) {
/******/ return installedModules[moduleId].exports;
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = installedModules[moduleId] = {
/******/ i: moduleId,
/******/ l: false,
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.l = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/******/
/******/ // expose the modules object (__webpack_modules__)
/******/ __webpack_require__.m = modules;
/******/
/******/ // expose the module cache
/******/ __webpack_require__.c = installedModules;
/******/
/******/ // define getter function for harmony exports
/******/ __webpack_require__.d = function(exports, name, getter) {
/******/ if(!__webpack_require__.o(exports, name)) {
/******/ Object.defineProperty(exports, name, { enumerable: true, get: getter });
/******/ }
/******/ };
/******/
/******/ // define __esModule on exports
/******/ __webpack_require__.r = function(exports) {
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
/******/ }
/******/ Object.defineProperty(exports, '__esModule', { value: true });
/******/ };
/******/
/******/ // create a fake namespace object
/******/ // mode & 1: value is a module id, require it
/******/ // mode & 2: merge all properties of value into the ns
/******/ // mode & 4: return value when already ns object
/******/ // mode & 8|1: behave like require
/******/ __webpack_require__.t = function(value, mode) {
/******/ if(mode & 1) value = __webpack_require__(value);
/******/ if(mode & 8) return value;
/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
/******/ var ns = Object.create(null);
/******/ __webpack_require__.r(ns);
/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value });
/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
/******/ return ns;
/******/ };
/******/
/******/ // getDefaultExport function for compatibility with non-harmony modules
/******/ __webpack_require__.n = function(module) {
/******/ var getter = module && module.__esModule ?
/******/ function getDefault() { return module['default']; } :
/******/ function getModuleExports() { return module; };
/******/ __webpack_require__.d(getter, 'a', getter);
/******/ return getter;
/******/ };
/******/
/******/ // Object.prototype.hasOwnProperty.call
/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
/******/
/******/ // __webpack_public_path__
/******/ __webpack_require__.p = "/";
/******/
/******/
/******/ // Load entry module and return exports
/******/ return __webpack_require__(__webpack_require__.s = 4);
/******/ })
/************************************************************************/
/******/ ([
/* 0 */
/***/ (function(module, exports, __webpack_require__) {
// extracted by mini-css-extract-plugin
module.exports = {"cdr-button":"cdr-button_2.0.2-alpha.0","cdr-button--secondary":"cdr-button--secondary_2.0.2-alpha.0","cdr-button--large":"cdr-button--large_2.0.2-alpha.0","cdr-button--has-icon":"cdr-button--has-icon_2.0.2-alpha.0","cdr-button--medium":"cdr-button--medium_2.0.2-alpha.0","cdr-button--small":"cdr-button--small_2.0.2-alpha.0","cdr-button--full-width":"cdr-button--full-width_2.0.2-alpha.0","cdr-button--icon-only":"cdr-button--icon-only_2.0.2-alpha.0","cdr-button--on-dark":"cdr-button--on-dark_2.0.2-alpha.0","cdr-button--small@xs":"cdr-button--small@xs_2.0.2-alpha.0","cdr-button--medium@xs":"cdr-button--medium@xs_2.0.2-alpha.0","cdr-button--large@xs":"cdr-button--large@xs_2.0.2-alpha.0","cdr-button--small@sm":"cdr-button--small@sm_2.0.2-alpha.0","cdr-button--medium@sm":"cdr-button--medium@sm_2.0.2-alpha.0","cdr-button--large@sm":"cdr-button--large@sm_2.0.2-alpha.0","cdr-button--small@md":"cdr-button--small@md_2.0.2-alpha.0","cdr-button--medium@md":"cdr-button--medium@md_2.0.2-alpha.0","cdr-button--large@md":"cdr-button--large@md_2.0.2-alpha.0","cdr-button--small@lg":"cdr-button--small@lg_2.0.2-alpha.0","cdr-button--medium@lg":"cdr-button--medium@lg_2.0.2-alpha.0","cdr-button--large@lg":"cdr-button--large@lg_2.0.2-alpha.0"};
/***/ }),
/* 1 */
/***/ (function(module, exports, __webpack_require__) {
// extracted by mini-css-extract-plugin
/***/ }),
/* 2 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_node_modules_css_loader_dist_cjs_js_ref_3_oneOf_0_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_3_oneOf_0_2_node_modules_vue_loader_lib_index_js_vue_loader_options_CdrButton_vue_vue_type_style_index_0_module_true_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_node_modules_css_loader_dist_cjs_js_ref_3_oneOf_0_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_3_oneOf_0_2_node_modules_vue_loader_lib_index_js_vue_loader_options_CdrButton_vue_vue_type_style_index_0_module_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_node_modules_css_loader_dist_cjs_js_ref_3_oneOf_0_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_3_oneOf_0_2_node_modules_vue_loader_lib_index_js_vue_loader_options_CdrButton_vue_vue_type_style_index_0_module_true_lang_css___WEBPACK_IMPORTED_MODULE_0__);
/* harmony default export */ __webpack_exports__["default"] = (_node_modules_mini_css_extract_plugin_dist_loader_js_node_modules_css_loader_dist_cjs_js_ref_3_oneOf_0_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_3_oneOf_0_2_node_modules_vue_loader_lib_index_js_vue_loader_options_CdrButton_vue_vue_type_style_index_0_module_true_lang_css___WEBPACK_IMPORTED_MODULE_0___default.a);
/***/ }),
/* 3 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_node_modules_css_loader_dist_cjs_js_ref_3_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_3_oneOf_1_2_node_modules_vue_loader_lib_index_js_vue_loader_options_CdrButton_vue_vue_type_style_index_1_lang_css___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(1);
/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_node_modules_css_loader_dist_cjs_js_ref_3_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_3_oneOf_1_2_node_modules_vue_loader_lib_index_js_vue_loader_options_CdrButton_vue_vue_type_style_index_1_lang_css___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_node_modules_css_loader_dist_cjs_js_ref_3_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_3_oneOf_1_2_node_modules_vue_loader_lib_index_js_vue_loader_options_CdrButton_vue_vue_type_style_index_1_lang_css___WEBPACK_IMPORTED_MODULE_0__);
/* unused harmony reexport * */
/* unused harmony default export */ var _unused_webpack_default_export = (_node_modules_mini_css_extract_plugin_dist_loader_js_node_modules_css_loader_dist_cjs_js_ref_3_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_3_oneOf_1_2_node_modules_vue_loader_lib_index_js_vue_loader_options_CdrButton_vue_vue_type_style_index_1_lang_css___WEBPACK_IMPORTED_MODULE_0___default.a);
/***/ }),
/* 4 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
// CONCATENATED MODULE: /home/darin/Code/rei-cedar/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!/home/darin/Code/rei-cedar/node_modules/vue-loader/lib??vue-loader-options!./CdrButton.vue?vue&type=template&id=3d76e880&
var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c(_vm.tag,{tag:"component",class:[
_vm.modifierClass,
_vm.buttonSizeClass,
_vm.fullWidthClass,
_vm.iconClass ],attrs:{"type":_vm.tag === 'button' ? _vm.type : null},on:{"click":_vm.onClick}},[_vm._t("icon"),_vm._v(" "),_vm._t("default")],2)}
var staticRenderFns = []
// CONCATENATED MODULE: ./CdrButton.vue?vue&type=template&id=3d76e880&
// CONCATENATED MODULE: /home/darin/Code/rei-cedar/src/mixins/buildClass.js
/**
* @mixin
*/
/* harmony default export */ var buildClass = ({
methods: {
/**
*
* @param {String} prop -- the prop to build classes from
*/
buildClass(prop) {
let checkBase = 'cdr';
if (this.baseClass) {
checkBase = this.baseClass;
}
const base = checkBase;
const propArgsArr = this[prop] ? this[prop].split(' ') : [];
let final = [];
if (!this.$style) {
final.push(`${base}`);
final = final.concat(propArgsArr.map(mod => this.modifyClassName(base, mod)));
} else {
final.push(this.moduleClass(base));
final = final.concat(propArgsArr.map(mod => this.modifyClassName(base, mod)));
}
return final.join(' ');
},
/**
* Returns a css module class
*/
moduleClass(className) {
return this.$style[`${className}`];
},
/**
* Returns a modified base class
*/
modifyClassName(base, modifier) {
return this.$style ? this.moduleClass(`${base}--${modifier}`) : `${base}--${modifier}`;
}
}
});
// CONCATENATED MODULE: /home/darin/Code/rei-cedar/src/mixins/modifier.js
/**
* @mixin
*/
/* harmony default export */ var modifier = ({
mixins: [buildClass],
props: {
/**
* Space separated list of modifiers. See above for possible values
*/
modifier: String
},
computed: {
modifierClass() {
return this.buildClass('modifier');
}
}
});
// CONCATENATED MODULE: /home/darin/Code/rei-cedar/src/utils/propValidator.js
/**
* Validates space separated string against an array of accepted values.
* @param {String} propValue -- Space separated string (provided by the user)
* @param {Array} validArr -- Array of values that are considered "valid"
* @param {Boolean} responsive -- Enables validation of validArr values with '@sm', '@md', '@lg' added to them
*/
function validateProp(propValue, validArr, responsive = true) {
const strArr = propValue.split(' ');
return strArr.every(mod => {
const modValid = validArr.some(validStr => {
if (responsive) {
return mod === validStr || mod === `${validStr}@xs` || mod === `${validStr}@sm` || mod === `${validStr}@md` || mod === `${validStr}@lg`;
}
return mod === validStr;
});
if (!modValid) {
console.error(`Invalid prop value: ${mod}`); // eslint-disable-line no-console
}
return modValid;
});
}
/* harmony default export */ var propValidator = (validateProp);
// CONCATENATED MODULE: /home/darin/Code/rei-cedar/src/mixins/size.js
/**
* #Size Mixin/Interface
*
* Functionality for handling/standardizing component sizing.
*
* :Values
* :small
* :medium (default)
* :large
*
* @mixin
*/
/* harmony default export */ var size = ({
mixins: [buildClass],
props: {
/**
* Size state
*/
size: {
type: String,
default: 'medium',
validator: value => propValidator(value, ['small', 'medium', 'large'])
}
},
computed: {
sizeClass() {
const returnClass = this.buildClass('size');
return returnClass;
}
}
});
// CONCATENATED MODULE: /home/darin/Code/rei-cedar/node_modules/babel-loader/lib!/home/darin/Code/rei-cedar/node_modules/vue-loader/lib??vue-loader-options!./CdrButton.vue?vue&type=script&lang=js&
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
//
/**
* Cedar 2 component for button
*
* CdrButton will render either a button, or an anchor that looks like a button.
* As such, the decision to use CdrButton vs CdrAnchor should be made based on what
* you need the rendered element to look like.
*
* @author [REI Software Engineering](https://rei.github.io/rei-cedar/)
*/
/* harmony default export */ var lib_vue_loader_options_CdrButtonvue_type_script_lang_js_ = ({
name: 'CdrButton',
mixins: [modifier, size],
props: {
/**
* Controls render as button or anchor. {button, a}
*/
tag: {
type: String,
default: 'button',
validator: value => ['button', 'a'].indexOf(value) >= 0 || false
},
/**
* Sets the button type. {button, submit, reset}
*/
type: {
type: String,
default: 'button',
validator: value => ['button', 'submit', 'reset'].indexOf(value) >= 0 || false
},
/**
* Adds custom click actions.
*/
onClick: {
type: Function,
default: () => () => null
},
/**
* Sets width to be 100%.
*/
fullWidth: {
type: Boolean,
default: false,
validator: value => typeof value === 'boolean'
},
/**
* Renders an icon-only button. Default slot is disabled. Overrides size and responsiveSize props.
*/
iconOnly: {
type: Boolean,
default: false
},
/**
* Renders an icon-only button with a light fill color for use on dark backgrounds.
* iconOnly must be true.
*/
onDark: {
type: Boolean,
default: false
}
},
computed: {
baseClass() {
return 'cdr-button';
},
buttonSizeClass() {
return !this.iconOnly ? this.sizeClass : null;
},
iconClass() {
const classes = [];
if (this.$slots.icon && this.$slots.default) {
/* only add class for buttons with text + icon */
classes.push(this.modifyClassName(this.baseClass, 'has-icon'));
}
if (this.iconOnly) {
classes.push(this.modifyClassName(this.baseClass, 'icon-only'));
if (this.onDark) {
classes.push(this.modifyClassName(this.baseClass, 'on-dark'));
}
}
return classes.join(' ');
},
fullWidthClass() {
return this.fullWidth && !this.iconOnly ? this.modifyClassName(this.baseClass, 'full-width') : null;
}
}
});
// CONCATENATED MODULE: ./CdrButton.vue?vue&type=script&lang=js&
/* harmony default export */ var CdrButtonvue_type_script_lang_js_ = (lib_vue_loader_options_CdrButtonvue_type_script_lang_js_);
// EXTERNAL MODULE: ./CdrButton.vue?vue&type=style&index=0&module=true&lang=css&
var CdrButtonvue_type_style_index_0_module_true_lang_css_ = __webpack_require__(2);
// EXTERNAL MODULE: ./CdrButton.vue?vue&type=style&index=1&lang=css&
var CdrButtonvue_type_style_index_1_lang_css_ = __webpack_require__(3);
// CONCATENATED MODULE: /home/darin/Code/rei-cedar/node_modules/vue-loader/lib/runtime/componentNormalizer.js
/* globals __VUE_SSR_CONTEXT__ */
// IMPORTANT: Do NOT use ES2015 features in this file (except for modules).
// This module is a runtime utility for cleaner component module output and will
// be included in the final webpack user bundle.
function normalizeComponent (
scriptExports,
render,
staticRenderFns,
functionalTemplate,
injectStyles,
scopeId,
moduleIdentifier, /* server only */
shadowMode /* vue-cli only */
) {
// Vue.extend constructor export interop
var options = typeof scriptExports === 'function'
? scriptExports.options
: scriptExports
// render functions
if (render) {
options.render = render
options.staticRenderFns = staticRenderFns
options._compiled = true
}
// functional template
if (functionalTemplate) {
options.functional = true
}
// scopedId
if (scopeId) {
options._scopeId = 'data-v-' + scopeId
}
var hook
if (moduleIdentifier) { // server build
hook = function (context) {
// 2.3 injection
context =
context || // cached call
(this.$vnode && this.$vnode.ssrContext) || // stateful
(this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
// 2.2 with runInNewContext: true
if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
context = __VUE_SSR_CONTEXT__
}
// inject component styles
if (injectStyles) {
injectStyles.call(this, context)
}
// register component module identifier for async chunk inferrence
if (context && context._registeredComponents) {
context._registeredComponents.add(moduleIdentifier)
}
}
// used by ssr in case component is cached and beforeCreate
// never gets called
options._ssrRegister = hook
} else if (injectStyles) {
hook = shadowMode
? function () { injectStyles.call(this, this.$root.$options.shadowRoot) }
: injectStyles
}
if (hook) {
if (options.functional) {
// for template-only hot-reload because in that case the render fn doesn't
// go through the normalizer
options._injectStyles = hook
// register for functioal component in vue file
var originalRender = options.render
options.render = function renderWithStyleInjection (h, context) {
hook.call(context)
return originalRender(h, context)
}
} else {
// inject component registration as beforeCreate hook
var existing = options.beforeCreate
options.beforeCreate = existing
? [].concat(existing, hook)
: [hook]
}
}
return {
exports: scriptExports,
options: options
}
}
// CONCATENATED MODULE: ./CdrButton.vue
function injectStyles (context) {
this["$style"] = (CdrButtonvue_type_style_index_0_module_true_lang_css_["default"].locals || CdrButtonvue_type_style_index_0_module_true_lang_css_["default"])
}
/* normalize component */
var component = normalizeComponent(
CdrButtonvue_type_script_lang_js_,
render,
staticRenderFns,
false,
injectStyles,
null,
null
)
/* harmony default export */ var CdrButton = (component.exports);
// CONCATENATED MODULE: ./build/plugin.js
function install(Vue) {
Vue.component('cdr-button', CdrButton);
}
if (typeof window !== 'undefined' && window.Vue) {
window.Vue.use(install);
}
/* harmony default export */ var build_plugin = __webpack_exports__["default"] = (install);
/***/ })
/******/ ]);
});
//# sourceMappingURL=plugin.js.map
!function(t,n){"object"==typeof exports&&"object"==typeof module?module.exports=n():"function"==typeof define&&define.amd?define("CdrButton",[],n):"object"==typeof exports?exports.CdrButton=n():t.CdrButton=n()}("undefined"!=typeof self?self:this,function(){return function(t){var n={};function e(o){if(n[o])return n[o].exports;var r=n[o]={i:o,l:!1,exports:{}};return t[o].call(r.exports,r,r.exports,e),r.l=!0,r.exports}return e.m=t,e.c=n,e.d=function(t,n,o){e.o(t,n)||Object.defineProperty(t,n,{configurable:!1,enumerable:!0,get:o})},e.n=function(t){var n=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(n,"a",n),n},e.o=function(t,n){return Object.prototype.hasOwnProperty.call(t,n)},e.p="/",e(e.s=5)}([function(t,n,e){"use strict";var o=e(1);n.a=o.a},function(t,n,e){"use strict";var o=e(9),r=e(10);n.a={name:"CdrButton",mixins:[o.a,r.a],props:{tag:{type:String,default:"button",validator:function(t){return["button","a"].indexOf(t)>=0||!1}},type:{type:String,default:"button",validator:function(t){return["button","submit","reset"].indexOf(t)>=0||!1}},onClick:{type:Function,default:function(){return function(){return null}}},fullWidth:{type:Boolean,default:!1,validator:function(t){return"boolean"==typeof t}},iconOnly:{type:Boolean,default:!1},onDark:{type:Boolean,default:!1}},computed:{baseClass:function(){return"cdr-button"},buttonSizeClass:function(){return this.iconOnly?null:this.sizeClass},iconClass:function(){var t=[];return this.$slots.icon&&this.$slots.default&&t.push(this.modifyClassName(this.baseClass,"has-icon")),this.iconOnly&&(t.push(this.modifyClassName(this.baseClass,"icon-only")),this.onDark&&t.push(this.modifyClassName(this.baseClass,"on-dark"))),t.join(" ")},fullWidthClass:function(){return this.fullWidth&&!this.iconOnly?this.modifyClassName(this.baseClass,"full-width"):null}}}},function(t,n,e){"use strict";n.a={methods:{buildClass:function(t){var n=this,e="cdr";this.baseClass&&(e=this.baseClass);var o=e,r=this[t]?this[t].split(" "):[],s=[];return this.$style?(s.push(this.moduleClass(o)),s=s.concat(r.map(function(t){return n.modifyClassName(o,t)}))):(s.push(""+o),s=s.concat(r.map(function(t){return n.modifyClassName(o,t)}))),s.join(" ")},moduleClass:function(t){return this.$style[""+t]},modifyClassName:function(t,n){return this.$style?this.moduleClass(t+"--"+n):t+"--"+n}}}},function(t,n){t.exports={"cdr-button":"cdr-button_2.0.2-alpha.1","cdr-button--secondary":"cdr-button--secondary_2.0.2-alpha.1","cdr-button--large":"cdr-button--large_2.0.2-alpha.1","cdr-button--has-icon":"cdr-button--has-icon_2.0.2-alpha.1","cdr-button--medium":"cdr-button--medium_2.0.2-alpha.1","cdr-button--small":"cdr-button--small_2.0.2-alpha.1","cdr-button--full-width":"cdr-button--full-width_2.0.2-alpha.1","cdr-button--icon-only":"cdr-button--icon-only_2.0.2-alpha.1","cdr-button--on-dark":"cdr-button--on-dark_2.0.2-alpha.1","cdr-button--small@xs":"cdr-button--small@xs_2.0.2-alpha.1","cdr-button--medium@xs":"cdr-button--medium@xs_2.0.2-alpha.1","cdr-button--large@xs":"cdr-button--large@xs_2.0.2-alpha.1","cdr-button--small@sm":"cdr-button--small@sm_2.0.2-alpha.1","cdr-button--medium@sm":"cdr-button--medium@sm_2.0.2-alpha.1","cdr-button--large@sm":"cdr-button--large@sm_2.0.2-alpha.1","cdr-button--small@md":"cdr-button--small@md_2.0.2-alpha.1","cdr-button--medium@md":"cdr-button--medium@md_2.0.2-alpha.1","cdr-button--large@md":"cdr-button--large@md_2.0.2-alpha.1","cdr-button--small@lg":"cdr-button--small@lg_2.0.2-alpha.1","cdr-button--medium@lg":"cdr-button--medium@lg_2.0.2-alpha.1","cdr-button--large@lg":"cdr-button--large@lg_2.0.2-alpha.1"}},function(t,n){},function(t,n,e){"use strict";Object.defineProperty(n,"__esModule",{value:!0});var o=e(6);function r(t){t.component("cdr-button",o.a)}"undefined"!=typeof window&&window.Vue&&window.Vue.use(r),n.default=r},function(t,n,e){"use strict";var o=e(7),r=e(0),s=e(12),u=(e(13),e(14));var a=Object(u.a)(r.a,o.a,o.b,!1,function(t){this.$style=s.default.locals||s.default},null,null);n.a=a.exports},function(t,n,e){"use strict";var o=e(8);e.d(n,"a",function(){return o.a}),e.d(n,"b",function(){return o.b})},function(t,n,e){"use strict";e.d(n,"a",function(){return o}),e.d(n,"b",function(){return r});var o=function(){var t=this,n=t.$createElement;return(t._self._c||n)(t.tag,{tag:"component",class:[t.modifierClass,t.buttonSizeClass,t.fullWidthClass,t.iconClass],attrs:{type:"button"===t.tag?t.type:null},on:{click:t.onClick}},[t._t("icon"),t._v(" "),t._t("default")],2)},r=[]},function(t,n,e){"use strict";var o=e(2);n.a={mixins:[o.a],props:{modifier:String},computed:{modifierClass:function(){return this.buildClass("modifier")}}}},function(t,n,e){"use strict";var o=e(11),r=e(2);n.a={mixins:[r.a],props:{size:{type:String,default:"medium",validator:function(t){return Object(o.a)(t,["small","medium","large"])}}},computed:{sizeClass:function(){return this.buildClass("size")}}}},function(t,n,e){"use strict";n.a=function(t,n){var e=!(arguments.length>2&&void 0!==arguments[2])||arguments[2];return t.split(" ").every(function(t){var o=n.some(function(n){return e?t===n||t===n+"@xs"||t===n+"@sm"||t===n+"@md"||t===n+"@lg":t===n});return o||console.error("Invalid prop value: "+t),o})}},function(t,n,e){"use strict";var o=e(3),r=e.n(o);n.default=r.a},function(t,n,e){"use strict";var o=e(4);e.n(o).a},function(t,n,e){"use strict";n.a=function(t,n,e,o,r,s,u,a){var i,l="function"==typeof t?t.options:t;n&&(l.render=n,l.staticRenderFns=e,l._compiled=!0);o&&(l.functional=!0);s&&(l._scopeId="data-v-"+s);u?(i=function(t){(t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),r&&r.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(u)},l._ssrRegister=i):r&&(i=a?function(){r.call(this,this.$root.$options.shadowRoot)}:r);if(i)if(l.functional){l._injectStyles=i;var c=l.render;l.render=function(t,n){return i.call(n),c(t,n)}}else{var d=l.beforeCreate;l.beforeCreate=d?[].concat(d,i):[i]}return{exports:t,options:l}}}])});

8

package.json
{
"name": "@rei/cdr-button",
"version": "2.0.2-alpha.0",
"version": "2.0.2-alpha.1",
"author": "REI Software Engineering",

@@ -31,10 +31,10 @@ "description": "REI Cedar Style Framework - Vue Component for Button",

"@rei/cdr-assets": "^0.3.0",
"@rei/cdr-icon": "^2.0.1",
"vue": "^2.6.7"
"@rei/cdr-icon": "^2.0.0",
"vue": "^2.5.17"
},
"devDependencies": {
"@rei/cdr-assets": "^0.3.0",
"@rei/cdr-icon": "^2.0.1",
"@rei/cdr-icon": "^2.0.0",
"pkg-ok": "^1.1.0"
}
}
dist/cdr-button.js.map
dist/plugin.js.map
dist/cdr-button.css

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc