New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

ids-enterprise-wc

Package Overview
Dependencies
Maintainers
1
Versions
74
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

ids-enterprise-wc - npm Package Compare versions

Comparing version 0.0.0-beta.2 to 0.0.0-beta.3

ids-button-base/ids-button-base.css

1571

ids-tag/ids-tag.js

@@ -1,89 +0,1590 @@

!function(e,n){"object"==typeof exports&&"object"==typeof module?module.exports=n():"function"==typeof define&&define.amd?define([],n):"object"==typeof exports?exports["ids-tag/ids-tag-lib.js"]=n():e["ids-tag/ids-tag-lib.js"]=n()}(window,function(){return function(M){var t=window.webpackHotUpdate_name_lib_js;window.webpackHotUpdate_name_lib_js=function(e,n){!function(e,n){if(!S[e]||!d[e])return;for(var t in d[e]=!1,n)Object.prototype.hasOwnProperty.call(n,t)&&(L[t]=n[t]);0==--l&&0===c&&m()}(e,n),t&&t(e,n)};var R,r=!0,I="4c74a943b6a29be41e63",n=1e4,T={},A=[],s=[];function o(n){var t=F[n];if(!t)return K;function r(e){return t.hot.active?(F[e]?-1===F[e].parents.indexOf(n)&&F[e].parents.push(n):(A=[n],R=e),-1===t.children.indexOf(e)&&t.children.push(e)):(console.warn("[HMR] unexpected require("+e+") from disposed module "+n),A=[]),K(e)}for(var e in K)Object.prototype.hasOwnProperty.call(K,e)&&"e"!==e&&"t"!==e&&Object.defineProperty(r,e,function(n){return{configurable:!0,enumerable:!0,get:function(){return K[n]},set:function(e){K[n]=e}}}(e));return r.e=function(e){return"ready"===a&&B("prepare"),c++,K.e(e).then(n,function(e){throw n(),e});function n(){c--,"prepare"===a&&(p[e]||b(e),0===c&&0===l&&m())}},r.t=function(e,n){return 1&n&&(e=r(e)),K.t(e,-2&n)},r}var i=[],a="idle";function B(e){a=e;for(var n=0;n<i.length;n++)i[n].call(null,e)}var _,L,U,q,l=0,c=0,p={},d={},S={};function N(e){return+e+""===e?+e:e}function u(e){if("idle"!==a)throw new Error("check() is only allowed in idle status");return r=e,B("check"),o=(o=n)||1e4,new Promise(function(n,t){if("undefined"==typeof XMLHttpRequest)return t(new Error("No browser support"));try{var r=new XMLHttpRequest,s=K.p+""+I+".hot-update.json";r.open("GET",s,!0),r.timeout=o,r.send(null)}catch(e){return t(e)}r.onreadystatechange=function(){if(4===r.readyState)if(0===r.status)t(new Error("Manifest request to "+s+" timed out."));else if(404===r.status)n();else if(200!==r.status&&304!==r.status)t(new Error("Manifest request to "+s+" failed."));else{try{var e=JSON.parse(r.responseText)}catch(e){return void t(e)}n(e)}}}).then(function(e){if(!e)return B(W()?"ready":"idle"),null;d={},p={},S=e.c,U=e.h,B("prepare");var n=new Promise(function(e,n){_={resolve:e,reject:n}});L={};return b("ids-tag/ids-tag"),"prepare"===a&&0===c&&0===l&&m(),n});var o}function b(e){var n,t;S[e]?(d[e]=!0,l++,n=e,(t=document.createElement("script")).charset="utf-8",t.src=K.p+""+n+"."+I+".hot-update.js",document.head.appendChild(t)):p[e]=!0}function m(){B("ready");var n=_;if(_=null,n)if(r)Promise.resolve().then(function(){return f(r)}).then(function(e){n.resolve(e)},function(e){n.reject(e)});else{var e=[];for(var t in L)Object.prototype.hasOwnProperty.call(L,t)&&e.push(N(t));n.resolve(e)}}function f(e){if("ready"!==a)throw new Error("apply() is only allowed in ready status");return function e(t){W();var n;var r;var s;var c;var o;function i(e){for(var n=[e],t={},r=n.map(function(e){return{chain:[e],id:e}});0<r.length;){var s=r.pop(),o=s.id,i=s.chain;if((c=F[o])&&(!c.hot._selfAccepted||c.hot._selfInvalidated)){if(c.hot._selfDeclined)return{type:"self-declined",chain:i,moduleId:o};if(c.hot._main)return{type:"unaccepted",chain:i,moduleId:o};for(var a=0;a<c.parents.length;a++){var _=c.parents[a],l=F[_];if(l){if(l.hot._declinedDependencies[o])return{type:"declined",chain:i.concat([_]),moduleId:o,parentId:_};-1===n.indexOf(_)&&(l.hot._acceptedDependencies[o]?(t[_]||(t[_]=[]),p(t[_],[o])):(delete t[_],n.push(_),r.push({chain:i.concat([_]),id:_})))}}}}return{type:"accepted",moduleId:e,outdatedModules:n,outdatedDependencies:t}}function p(e,n){for(var t=0;t<n.length;t++){var r=n[t];-1===e.indexOf(r)&&e.push(r)}}var a={};var _=[];var l={};var d=function(){console.warn("[HMR] unexpected require("+b.moduleId+") to disposed module")};for(var u in L)if(Object.prototype.hasOwnProperty.call(L,u)){var b;o=N(u),b=L[u]?i(o):{type:"disposed",moduleId:u};var m=!1,f=!1,h=!1,v="";switch(b.chain&&(v="\nUpdate propagation: "+b.chain.join(" -> ")),b.type){case"self-declined":t.onDeclined&&t.onDeclined(b),t.ignoreDeclined||(m=new Error("Aborted because of self decline: "+b.moduleId+v));break;case"declined":t.onDeclined&&t.onDeclined(b),t.ignoreDeclined||(m=new Error("Aborted because of declined dependency: "+b.moduleId+" in "+b.parentId+v));break;case"unaccepted":t.onUnaccepted&&t.onUnaccepted(b),t.ignoreUnaccepted||(m=new Error("Aborted because "+o+" is not accepted"+v));break;case"accepted":t.onAccepted&&t.onAccepted(b),f=!0;break;case"disposed":t.onDisposed&&t.onDisposed(b),h=!0;break;default:throw new Error("Unexception type "+b.type)}if(m)return B("abort"),Promise.reject(m);if(f)for(o in l[o]=L[o],p(_,b.outdatedModules),b.outdatedDependencies)Object.prototype.hasOwnProperty.call(b.outdatedDependencies,o)&&(a[o]||(a[o]=[]),p(a[o],b.outdatedDependencies[o]));h&&(p(_,[b.moduleId]),l[o]=d)}var E=[];for(r=0;r<_.length;r++)o=_[r],F[o]&&F[o].hot._selfAccepted&&l[o]!==d&&!F[o].hot._selfInvalidated&&E.push({module:o,parents:F[o].parents.slice(),errorHandler:F[o].hot._selfAccepted});B("dispose");Object.keys(S).forEach(function(e){!1===S[e]&&delete installedChunks[e]});var y;var g=_.slice();for(;0<g.length;)if(o=g.pop(),c=F[o]){var C={},w=c.hot._disposeHandlers;for(s=0;s<w.length;s++)(n=w[s])(C);for(T[o]=C,c.hot.active=!1,delete F[o],delete a[o],s=0;s<c.children.length;s++){var D=F[c.children[s]];D&&0<=(y=D.parents.indexOf(o))&&D.parents.splice(y,1)}}var O;var k;for(o in a)if(Object.prototype.hasOwnProperty.call(a,o)&&(c=F[o]))for(k=a[o],s=0;s<k.length;s++)O=k[s],0<=(y=c.children.indexOf(O))&&c.children.splice(y,1);B("apply");void 0!==U&&(I=U,U=void 0);L=void 0;for(o in l)Object.prototype.hasOwnProperty.call(l,o)&&(M[o]=l[o]);var P=null;for(o in a)if(Object.prototype.hasOwnProperty.call(a,o)&&(c=F[o])){k=a[o];var x=[];for(r=0;r<k.length;r++)if(O=k[r],n=c.hot._acceptedDependencies[O]){if(-1!==x.indexOf(n))continue;x.push(n)}for(r=0;r<x.length;r++){n=x[r];try{n(k)}catch(e){t.onErrored&&t.onErrored({type:"accept-errored",moduleId:o,dependencyId:k[r],error:e}),t.ignoreErrored||(P=P||e)}}}for(r=0;r<E.length;r++){var j=E[r];o=j.module,A=j.parents,R=o;try{K(o)}catch(n){if("function"==typeof j.errorHandler)try{j.errorHandler(n)}catch(e){t.onErrored&&t.onErrored({type:"self-accept-error-handler-errored",moduleId:o,error:e,originalError:n}),t.ignoreErrored||(P=P||e),P=P||n}else t.onErrored&&t.onErrored({type:"self-accept-errored",moduleId:o,error:n}),t.ignoreErrored||(P=P||n)}}if(P)return B("fail"),Promise.reject(P);if(q)return e(t).then(function(n){return _.forEach(function(e){n.indexOf(e)<0&&n.push(e)}),n});B("idle");return new Promise(function(e){e(_)})}(e=e||{})}function W(){return q&&(L=L||{},q.forEach(h),q=void 0,1)}function h(e){Object.prototype.hasOwnProperty.call(L,e)||(L[e]=M[e])}var F={};function K(e){if(F[e])return F[e].exports;var n,r,t=F[e]={i:e,l:!1,exports:{},hot:(r={_acceptedDependencies:{},_declinedDependencies:{},_selfAccepted:!1,_selfDeclined:!1,_selfInvalidated:!1,_disposeHandlers:[],_main:R!==(n=e),active:!0,accept:function(e,n){if(void 0===e)r._selfAccepted=!0;else if("function"==typeof e)r._selfAccepted=e;else if("object"==typeof e)for(var t=0;t<e.length;t++)r._acceptedDependencies[e[t]]=n||function(){};else r._acceptedDependencies[e]=n||function(){}},decline:function(e){if(void 0===e)r._selfDeclined=!0;else if("object"==typeof e)for(var n=0;n<e.length;n++)r._declinedDependencies[e[n]]=!0;else r._declinedDependencies[e]=!0},dispose:function(e){r._disposeHandlers.push(e)},addDisposeHandler:function(e){r._disposeHandlers.push(e)},removeDisposeHandler:function(e){var n=r._disposeHandlers.indexOf(e);0<=n&&r._disposeHandlers.splice(n,1)},invalidate:function(){switch(this._selfInvalidated=!0,a){case"idle":(L={})[n]=M[n],B("ready");break;case"ready":h(n);break;case"prepare":case"check":case"dispose":case"apply":(q=q||[]).push(n)}},check:u,apply:f,status:function(e){if(!e)return a;i.push(e)},addStatusHandler:function(e){i.push(e)},removeStatusHandler:function(e){var n=i.indexOf(e);0<=n&&i.splice(n,1)},data:T[n]},R=void 0,r),parents:(s=A,A=[],s),children:[]};return M[e].call(t.exports,t,t.exports,o(e)),t.l=!0,t.exports}return K.m=M,K.c=F,K.d=function(e,n,t){K.o(e,n)||Object.defineProperty(e,n,{enumerable:!0,get:t})},K.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},K.t=function(n,e){if(1&e&&(n=K(n)),8&e)return n;if(4&e&&"object"==typeof n&&n&&n.__esModule)return n;var t=Object.create(null);if(K.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:n}),2&e&&"string"!=typeof n)for(var r in n)K.d(t,r,function(e){return n[e]}.bind(null,r));return t},K.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return K.d(n,"a",n),n},K.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},K.p="",K.h=function(){return I},o(4)(K.s=4)}({"./app/ids-tag/index.js":
/*!******************************!*\
!*** ./app/ids-tag/index.js ***!
\******************************/
/*! no exports provided */function(module,__webpack_exports__,__webpack_require__){"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _src_ids_tag_ids_tag__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../src/ids-tag/ids-tag */ "./src/ids-tag/ids-tag.js");\n\n\n//# sourceURL=webpack://%5Bname%5D-lib.js/./app/ids-tag/index.js?')},"./node_modules/@babel/runtime/helpers/assertThisInitialized.js":
(function webpackUniversalModuleDefinition(root, factory) {
if(typeof exports === 'object' && typeof module === 'object')
module.exports = factory();
else if(typeof define === 'function' && define.amd)
define([], factory);
else if(typeof exports === 'object')
exports["ids-tag/ids-tag-lib.js"] = factory();
else
root["ids-tag/ids-tag-lib.js"] = factory();
})(self, function() {
return /******/ (() => { // webpackBootstrap
/******/ var __webpack_modules__ = ({
/***/ "./node_modules/@babel/runtime/helpers/assertThisInitialized.js":
/*!**********************************************************************!*\
!*** ./node_modules/@babel/runtime/helpers/assertThisInitialized.js ***!
\**********************************************************************/
/*! no static exports found */function(module,exports){eval("function _assertThisInitialized(self) {\n if (self === void 0) {\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n }\n\n return self;\n}\n\nmodule.exports = _assertThisInitialized;\n\n//# sourceURL=webpack://%5Bname%5D-lib.js/./node_modules/@babel/runtime/helpers/assertThisInitialized.js?")},"./node_modules/@babel/runtime/helpers/classCallCheck.js":
/***/ ((module) => {
function _assertThisInitialized(self) {
if (self === void 0) {
throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
}
return self;
}
module.exports = _assertThisInitialized;
/***/ }),
/***/ "./node_modules/@babel/runtime/helpers/classCallCheck.js":
/*!***************************************************************!*\
!*** ./node_modules/@babel/runtime/helpers/classCallCheck.js ***!
\***************************************************************/
/*! no static exports found */function(module,exports){eval('function _classCallCheck(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError("Cannot call a class as a function");\n }\n}\n\nmodule.exports = _classCallCheck;\n\n//# sourceURL=webpack://%5Bname%5D-lib.js/./node_modules/@babel/runtime/helpers/classCallCheck.js?')},"./node_modules/@babel/runtime/helpers/construct.js":
/***/ ((module) => {
function _classCallCheck(instance, Constructor) {
if (!(instance instanceof Constructor)) {
throw new TypeError("Cannot call a class as a function");
}
}
module.exports = _classCallCheck;
/***/ }),
/***/ "./node_modules/@babel/runtime/helpers/construct.js":
/*!**********************************************************!*\
!*** ./node_modules/@babel/runtime/helpers/construct.js ***!
\**********************************************************/
/*! no static exports found */function(module,exports,__webpack_require__){eval('var setPrototypeOf = __webpack_require__(/*! ./setPrototypeOf */ "./node_modules/@babel/runtime/helpers/setPrototypeOf.js");\n\nvar isNativeReflectConstruct = __webpack_require__(/*! ./isNativeReflectConstruct */ "./node_modules/@babel/runtime/helpers/isNativeReflectConstruct.js");\n\nfunction _construct(Parent, args, Class) {\n if (isNativeReflectConstruct()) {\n module.exports = _construct = Reflect.construct;\n } else {\n module.exports = _construct = function _construct(Parent, args, Class) {\n var a = [null];\n a.push.apply(a, args);\n var Constructor = Function.bind.apply(Parent, a);\n var instance = new Constructor();\n if (Class) setPrototypeOf(instance, Class.prototype);\n return instance;\n };\n }\n\n return _construct.apply(null, arguments);\n}\n\nmodule.exports = _construct;\n\n//# sourceURL=webpack://%5Bname%5D-lib.js/./node_modules/@babel/runtime/helpers/construct.js?')},"./node_modules/@babel/runtime/helpers/createClass.js":
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var setPrototypeOf = __webpack_require__(/*! ./setPrototypeOf */ "./node_modules/@babel/runtime/helpers/setPrototypeOf.js");
var isNativeReflectConstruct = __webpack_require__(/*! ./isNativeReflectConstruct */ "./node_modules/@babel/runtime/helpers/isNativeReflectConstruct.js");
function _construct(Parent, args, Class) {
if (isNativeReflectConstruct()) {
module.exports = _construct = Reflect.construct;
} else {
module.exports = _construct = function _construct(Parent, args, Class) {
var a = [null];
a.push.apply(a, args);
var Constructor = Function.bind.apply(Parent, a);
var instance = new Constructor();
if (Class) setPrototypeOf(instance, Class.prototype);
return instance;
};
}
return _construct.apply(null, arguments);
}
module.exports = _construct;
/***/ }),
/***/ "./node_modules/@babel/runtime/helpers/createClass.js":
/*!************************************************************!*\
!*** ./node_modules/@babel/runtime/helpers/createClass.js ***!
\************************************************************/
/*! no static exports found */function(module,exports){eval('function _defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if ("value" in descriptor) descriptor.writable = true;\n Object.defineProperty(target, descriptor.key, descriptor);\n }\n}\n\nfunction _createClass(Constructor, protoProps, staticProps) {\n if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n if (staticProps) _defineProperties(Constructor, staticProps);\n return Constructor;\n}\n\nmodule.exports = _createClass;\n\n//# sourceURL=webpack://%5Bname%5D-lib.js/./node_modules/@babel/runtime/helpers/createClass.js?')},"./node_modules/@babel/runtime/helpers/getPrototypeOf.js":
/***/ ((module) => {
function _defineProperties(target, props) {
for (var i = 0; i < props.length; i++) {
var descriptor = props[i];
descriptor.enumerable = descriptor.enumerable || false;
descriptor.configurable = true;
if ("value" in descriptor) descriptor.writable = true;
Object.defineProperty(target, descriptor.key, descriptor);
}
}
function _createClass(Constructor, protoProps, staticProps) {
if (protoProps) _defineProperties(Constructor.prototype, protoProps);
if (staticProps) _defineProperties(Constructor, staticProps);
return Constructor;
}
module.exports = _createClass;
/***/ }),
/***/ "./node_modules/@babel/runtime/helpers/defineProperty.js":
/*!***************************************************************!*\
!*** ./node_modules/@babel/runtime/helpers/defineProperty.js ***!
\***************************************************************/
/***/ ((module) => {
function _defineProperty(obj, key, value) {
if (key in obj) {
Object.defineProperty(obj, key, {
value: value,
enumerable: true,
configurable: true,
writable: true
});
} else {
obj[key] = value;
}
return obj;
}
module.exports = _defineProperty;
/***/ }),
/***/ "./node_modules/@babel/runtime/helpers/getPrototypeOf.js":
/*!***************************************************************!*\
!*** ./node_modules/@babel/runtime/helpers/getPrototypeOf.js ***!
\***************************************************************/
/*! no static exports found */function(module,exports){eval("function _getPrototypeOf(o) {\n module.exports = _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {\n return o.__proto__ || Object.getPrototypeOf(o);\n };\n return _getPrototypeOf(o);\n}\n\nmodule.exports = _getPrototypeOf;\n\n//# sourceURL=webpack://%5Bname%5D-lib.js/./node_modules/@babel/runtime/helpers/getPrototypeOf.js?")},"./node_modules/@babel/runtime/helpers/inherits.js":
/***/ ((module) => {
function _getPrototypeOf(o) {
module.exports = _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
return o.__proto__ || Object.getPrototypeOf(o);
};
return _getPrototypeOf(o);
}
module.exports = _getPrototypeOf;
/***/ }),
/***/ "./node_modules/@babel/runtime/helpers/inherits.js":
/*!*********************************************************!*\
!*** ./node_modules/@babel/runtime/helpers/inherits.js ***!
\*********************************************************/
/*! no static exports found */function(module,exports,__webpack_require__){eval('var setPrototypeOf = __webpack_require__(/*! ./setPrototypeOf */ "./node_modules/@babel/runtime/helpers/setPrototypeOf.js");\n\nfunction _inherits(subClass, superClass) {\n if (typeof superClass !== "function" && superClass !== null) {\n throw new TypeError("Super expression must either be null or a function");\n }\n\n subClass.prototype = Object.create(superClass && superClass.prototype, {\n constructor: {\n value: subClass,\n writable: true,\n configurable: true\n }\n });\n if (superClass) setPrototypeOf(subClass, superClass);\n}\n\nmodule.exports = _inherits;\n\n//# sourceURL=webpack://%5Bname%5D-lib.js/./node_modules/@babel/runtime/helpers/inherits.js?')},"./node_modules/@babel/runtime/helpers/isNativeFunction.js":
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var setPrototypeOf = __webpack_require__(/*! ./setPrototypeOf */ "./node_modules/@babel/runtime/helpers/setPrototypeOf.js");
function _inherits(subClass, superClass) {
if (typeof superClass !== "function" && superClass !== null) {
throw new TypeError("Super expression must either be null or a function");
}
subClass.prototype = Object.create(superClass && superClass.prototype, {
constructor: {
value: subClass,
writable: true,
configurable: true
}
});
if (superClass) setPrototypeOf(subClass, superClass);
}
module.exports = _inherits;
/***/ }),
/***/ "./node_modules/@babel/runtime/helpers/isNativeFunction.js":
/*!*****************************************************************!*\
!*** ./node_modules/@babel/runtime/helpers/isNativeFunction.js ***!
\*****************************************************************/
/*! no static exports found */function(module,exports){eval('function _isNativeFunction(fn) {\n return Function.toString.call(fn).indexOf("[native code]") !== -1;\n}\n\nmodule.exports = _isNativeFunction;\n\n//# sourceURL=webpack://%5Bname%5D-lib.js/./node_modules/@babel/runtime/helpers/isNativeFunction.js?')},"./node_modules/@babel/runtime/helpers/isNativeReflectConstruct.js":
/***/ ((module) => {
function _isNativeFunction(fn) {
return Function.toString.call(fn).indexOf("[native code]") !== -1;
}
module.exports = _isNativeFunction;
/***/ }),
/***/ "./node_modules/@babel/runtime/helpers/isNativeReflectConstruct.js":
/*!*************************************************************************!*\
!*** ./node_modules/@babel/runtime/helpers/isNativeReflectConstruct.js ***!
\*************************************************************************/
/*! no static exports found */function(module,exports){eval('function _isNativeReflectConstruct() {\n if (typeof Reflect === "undefined" || !Reflect.construct) return false;\n if (Reflect.construct.sham) return false;\n if (typeof Proxy === "function") return true;\n\n try {\n Date.prototype.toString.call(Reflect.construct(Date, [], function () {}));\n return true;\n } catch (e) {\n return false;\n }\n}\n\nmodule.exports = _isNativeReflectConstruct;\n\n//# sourceURL=webpack://%5Bname%5D-lib.js/./node_modules/@babel/runtime/helpers/isNativeReflectConstruct.js?')},"./node_modules/@babel/runtime/helpers/possibleConstructorReturn.js":
/***/ ((module) => {
function _isNativeReflectConstruct() {
if (typeof Reflect === "undefined" || !Reflect.construct) return false;
if (Reflect.construct.sham) return false;
if (typeof Proxy === "function") return true;
try {
Date.prototype.toString.call(Reflect.construct(Date, [], function () {}));
return true;
} catch (e) {
return false;
}
}
module.exports = _isNativeReflectConstruct;
/***/ }),
/***/ "./node_modules/@babel/runtime/helpers/possibleConstructorReturn.js":
/*!**************************************************************************!*\
!*** ./node_modules/@babel/runtime/helpers/possibleConstructorReturn.js ***!
\**************************************************************************/
/*! no static exports found */function(module,exports,__webpack_require__){eval('var _typeof = __webpack_require__(/*! ../helpers/typeof */ "./node_modules/@babel/runtime/helpers/typeof.js");\n\nvar assertThisInitialized = __webpack_require__(/*! ./assertThisInitialized */ "./node_modules/@babel/runtime/helpers/assertThisInitialized.js");\n\nfunction _possibleConstructorReturn(self, call) {\n if (call && (_typeof(call) === "object" || typeof call === "function")) {\n return call;\n }\n\n return assertThisInitialized(self);\n}\n\nmodule.exports = _possibleConstructorReturn;\n\n//# sourceURL=webpack://%5Bname%5D-lib.js/./node_modules/@babel/runtime/helpers/possibleConstructorReturn.js?')},"./node_modules/@babel/runtime/helpers/setPrototypeOf.js":
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var _typeof = __webpack_require__(/*! @babel/runtime/helpers/typeof */ "./node_modules/@babel/runtime/helpers/typeof.js");
var assertThisInitialized = __webpack_require__(/*! ./assertThisInitialized */ "./node_modules/@babel/runtime/helpers/assertThisInitialized.js");
function _possibleConstructorReturn(self, call) {
if (call && (_typeof(call) === "object" || typeof call === "function")) {
return call;
}
return assertThisInitialized(self);
}
module.exports = _possibleConstructorReturn;
/***/ }),
/***/ "./node_modules/@babel/runtime/helpers/setPrototypeOf.js":
/*!***************************************************************!*\
!*** ./node_modules/@babel/runtime/helpers/setPrototypeOf.js ***!
\***************************************************************/
/*! no static exports found */function(module,exports){eval("function _setPrototypeOf(o, p) {\n module.exports = _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {\n o.__proto__ = p;\n return o;\n };\n\n return _setPrototypeOf(o, p);\n}\n\nmodule.exports = _setPrototypeOf;\n\n//# sourceURL=webpack://%5Bname%5D-lib.js/./node_modules/@babel/runtime/helpers/setPrototypeOf.js?")},"./node_modules/@babel/runtime/helpers/typeof.js":
/***/ ((module) => {
function _setPrototypeOf(o, p) {
module.exports = _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
o.__proto__ = p;
return o;
};
return _setPrototypeOf(o, p);
}
module.exports = _setPrototypeOf;
/***/ }),
/***/ "./node_modules/@babel/runtime/helpers/typeof.js":
/*!*******************************************************!*\
!*** ./node_modules/@babel/runtime/helpers/typeof.js ***!
\*******************************************************/
/*! no static exports found */function(module,exports){eval('function _typeof(obj) {\n "@babel/helpers - typeof";\n\n if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {\n module.exports = _typeof = function _typeof(obj) {\n return typeof obj;\n };\n } else {\n module.exports = _typeof = function _typeof(obj) {\n return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;\n };\n }\n\n return _typeof(obj);\n}\n\nmodule.exports = _typeof;\n\n//# sourceURL=webpack://%5Bname%5D-lib.js/./node_modules/@babel/runtime/helpers/typeof.js?')},"./node_modules/@babel/runtime/helpers/wrapNativeSuper.js":
/***/ ((module) => {
function _typeof(obj) {
"@babel/helpers - typeof";
if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
module.exports = _typeof = function _typeof(obj) {
return typeof obj;
};
} else {
module.exports = _typeof = function _typeof(obj) {
return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
};
}
return _typeof(obj);
}
module.exports = _typeof;
/***/ }),
/***/ "./node_modules/@babel/runtime/helpers/wrapNativeSuper.js":
/*!****************************************************************!*\
!*** ./node_modules/@babel/runtime/helpers/wrapNativeSuper.js ***!
\****************************************************************/
/*! no static exports found */function(module,exports,__webpack_require__){eval('var getPrototypeOf = __webpack_require__(/*! ./getPrototypeOf */ "./node_modules/@babel/runtime/helpers/getPrototypeOf.js");\n\nvar setPrototypeOf = __webpack_require__(/*! ./setPrototypeOf */ "./node_modules/@babel/runtime/helpers/setPrototypeOf.js");\n\nvar isNativeFunction = __webpack_require__(/*! ./isNativeFunction */ "./node_modules/@babel/runtime/helpers/isNativeFunction.js");\n\nvar construct = __webpack_require__(/*! ./construct */ "./node_modules/@babel/runtime/helpers/construct.js");\n\nfunction _wrapNativeSuper(Class) {\n var _cache = typeof Map === "function" ? new Map() : undefined;\n\n module.exports = _wrapNativeSuper = function _wrapNativeSuper(Class) {\n if (Class === null || !isNativeFunction(Class)) return Class;\n\n if (typeof Class !== "function") {\n throw new TypeError("Super expression must either be null or a function");\n }\n\n if (typeof _cache !== "undefined") {\n if (_cache.has(Class)) return _cache.get(Class);\n\n _cache.set(Class, Wrapper);\n }\n\n function Wrapper() {\n return construct(Class, arguments, getPrototypeOf(this).constructor);\n }\n\n Wrapper.prototype = Object.create(Class.prototype, {\n constructor: {\n value: Wrapper,\n enumerable: false,\n writable: true,\n configurable: true\n }\n });\n return setPrototypeOf(Wrapper, Class);\n };\n\n return _wrapNativeSuper(Class);\n}\n\nmodule.exports = _wrapNativeSuper;\n\n//# sourceURL=webpack://%5Bname%5D-lib.js/./node_modules/@babel/runtime/helpers/wrapNativeSuper.js?')},"./package.json":
/*!**********************!*\
!*** ./package.json ***!
\**********************/
/*! exports provided: name, version, description, main, directories, scripts, remarkConfig, repository, bugs, author, license, homepage, devDependencies, default */function(module){eval('module.exports = JSON.parse("{\\"name\\":\\"ids-enterprise-wc\\",\\"version\\":\\"0.0.0-beta.2\\",\\"description\\":\\"The Web Component version of the IDS Enterprise component library\\",\\"main\\":\\"app/index.js\\",\\"directories\\":{\\"lib\\":\\"src\\",\\"test\\":\\"test\\",\\"doc\\":\\"doc\\",\\"example\\":\\"app\\"},\\"scripts\\":{\\"build\\":\\"webpack\\",\\"start\\":\\"webpack-dev-server --open\\",\\"start:watch\\":\\"nodemon --watch webpack.config.js --exec \\\\\\"npx webpack-dev-server\\\\\\"\\",\\"lint\\":\\"npx eslint *.js src test app && npx stylelint src/**/*.scss --config .stylelintrc && npm run mdlint && npx htmlhint app/**/*.html\\",\\"mdlint\\":\\"remark .\\",\\"publish:dry-run\\":\\"npm run build && cp -f package.json dist && cp -f README.md dist && cp -f LICENSE dist && cd dist && npm publish --dry-run\\",\\"publish:npm\\":\\"npm run build && cp -f package.json dist && cp -f README.md dist && cp -f LICENSE dist && cd dist && npm publish\\",\\"test\\":\\"jest\\",\\"test:coverage\\":\\"jest --coverage\\",\\"test:coverage-only-changed\\":\\"jest --coverage --onlyChanged\\",\\"test:ci\\":\\"jest --maxWorkers=2\\",\\"test:debug\\":\\"node --inspect-brk node_modules/.bin/jest --runInBand\\",\\"ncu\\":\\"npx ncu\\"},\\"remarkConfig\\":{\\"plugins\\":[\\"remark-preset-lint-markdown-style-guide\\"]},\\"repository\\":{\\"type\\":\\"git\\",\\"url\\":\\"git+https://github.com/infor-design/enterprise-wc.git\\"},\\"bugs\\":{\\"url\\":\\"https://github.com/infor-design/enterprise-wc/issues\\"},\\"author\\":\\"Hook & Loop\\",\\"license\\":\\"Apache-2.0\\",\\"homepage\\":\\"https://design.infor.com\\",\\"devDependencies\\":{\\"@babel/core\\":\\"^7.11.5\\",\\"@babel/plugin-proposal-class-properties\\":\\"^7.10.4\\",\\"@babel/plugin-proposal-decorators\\":\\"^7.10.5\\",\\"@babel/plugin-transform-runtime\\":\\"^7.11.5\\",\\"@babel/preset-env\\":\\"^7.11.5\\",\\"autoprefixer\\":\\"^9.8.6\\",\\"babel-eslint\\":\\"^10.1.0\\",\\"babel-loader\\":\\"^8.1.0\\",\\"clean-webpack-plugin\\":\\"^3.0.0\\",\\"copy-webpack-plugin\\":\\"^6.1.0\\",\\"css-loader\\":\\"^4.2.2\\",\\"cssnano\\":\\"^4.1.10\\",\\"eslint\\":\\"^7.8.0\\",\\"eslint-config-airbnb-base\\":\\"^14.2.0\\",\\"eslint-plugin-compat\\":\\"3.8.0\\",\\"eslint-plugin-import\\":\\"^2.22.0\\",\\"eslint-plugin-jsdoc\\":\\"^30.3.0\\",\\"eslint-plugin-wc\\":\\"^1.2.0\\",\\"favicons-webpack-plugin\\":\\"^4.2.0\\",\\"handlebars\\":\\"^4.7.6\\",\\"handlebars-loader\\":\\"^1.7.1\\",\\"html-loader\\":\\"^1.3.0\\",\\"html-webpack-plugin\\":\\"^4.4.1\\",\\"htmlhint\\":\\"^0.14.1\\",\\"ids-identity\\":\\"3.0.0-rc.1\\",\\"install\\":\\"^0.13.0\\",\\"jest\\":\\"^26.4.2\\",\\"jest-puppeteer\\":\\"^4.4.0\\",\\"loglevel\\":\\"^1.7.0\\",\\"mini-css-extract-plugin\\":\\"^0.11.0\\",\\"node-sass\\":\\"^4.14.1\\",\\"nodemon\\":\\"^2.0.4\\",\\"pino\\":\\"^6.5.1\\",\\"postcss-loader\\":\\"^3.0.0\\",\\"puppeteer\\":\\"^5.2.1\\",\\"remark-cli\\":\\"^8.0.1\\",\\"remark-preset-lint-markdown-style-guide\\":\\"^3.0.1\\",\\"sass-loader\\":\\"^10.0.1\\",\\"sass-to-string\\":\\"^1.1.0\\",\\"style-loader\\":\\"^1.2.1\\",\\"stylelint\\":\\"^13.7.0\\",\\"stylelint-order\\":\\"^4.1.0\\",\\"stylelint-webpack-plugin\\":\\"^2.1.0\\",\\"uglifyjs-webpack-plugin\\":\\"^2.2.0\\",\\"webpack\\":\\"^4.44.1\\",\\"webpack-cli\\":\\"^3.3.12\\",\\"webpack-dev-server\\":\\"^3.11.0\\"}}");\n\n//# sourceURL=webpack://%5Bname%5D-lib.js/./package.json?')},"./src/ids-base/ids-decorators.js":
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
var getPrototypeOf = __webpack_require__(/*! ./getPrototypeOf */ "./node_modules/@babel/runtime/helpers/getPrototypeOf.js");
var setPrototypeOf = __webpack_require__(/*! ./setPrototypeOf */ "./node_modules/@babel/runtime/helpers/setPrototypeOf.js");
var isNativeFunction = __webpack_require__(/*! ./isNativeFunction */ "./node_modules/@babel/runtime/helpers/isNativeFunction.js");
var construct = __webpack_require__(/*! ./construct */ "./node_modules/@babel/runtime/helpers/construct.js");
function _wrapNativeSuper(Class) {
var _cache = typeof Map === "function" ? new Map() : undefined;
module.exports = _wrapNativeSuper = function _wrapNativeSuper(Class) {
if (Class === null || !isNativeFunction(Class)) return Class;
if (typeof Class !== "function") {
throw new TypeError("Super expression must either be null or a function");
}
if (typeof _cache !== "undefined") {
if (_cache.has(Class)) return _cache.get(Class);
_cache.set(Class, Wrapper);
}
function Wrapper() {
return construct(Class, arguments, getPrototypeOf(this).constructor);
}
Wrapper.prototype = Object.create(Class.prototype, {
constructor: {
value: Wrapper,
enumerable: false,
writable: true,
configurable: true
}
});
return setPrototypeOf(Wrapper, Class);
};
return _wrapNativeSuper(Class);
}
module.exports = _wrapNativeSuper;
/***/ }),
/***/ "./app/ids-tag/index.js":
/*!******************************!*\
!*** ./app/ids-tag/index.js ***!
\******************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _src_ids_tag_ids_tag__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../src/ids-tag/ids-tag */ "./src/ids-tag/ids-tag.js");
// Add an event listener to test clickable links
document.querySelector('#ids-clickable-tag').addEventListener('click', function (e) {
console.log('Click Fired', e); //eslint-disable-line
});
/***/ }),
/***/ "./src/ids-base/ids-constants.js":
/*!***************************************!*\
!*** ./src/ids-base/ids-constants.js ***!
\***************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "props": () => /* binding */ props,
/* harmony export */ "prefix": () => /* binding */ prefix
/* harmony export */ });
// Please keep constants alphabetized
var props = {
ALTERNATE_ROW_SHADING: 'alternate-row-shading',
ANIMATED: 'animated',
APPEARANCE: 'appearance',
AUDIBLE: 'audible',
AUTO: 'auto',
AUTOSELECT: 'autoselect',
CHECKED: 'checked',
CLEARABLE: 'clearable',
COL_END: 'col-end',
COL_SPAN: 'col-span',
COL_START: 'col-start',
COLOR: 'color',
COLS: 'cols',
CSS_CLASS: 'css-class',
DATA: 'data',
DIRTY_TRACKER: 'dirty-tracker',
DISABLE_EVENTS: 'disable-native-events',
DISABLED: 'disabled',
FILL: 'fill',
FIXED: 'fixed',
FOCUSABLE: 'focusable',
FONT_SIZE: 'font-size',
GAP: 'gap',
GROUP: 'group',
GROUP_DISABLED: 'group-disabled',
HORIZONTAL: 'horizontal',
ICON: 'icon',
INDETERMINATE: 'indeterminate',
LABEL: 'label',
LABEL_FONT_SIZE: 'label-font-size',
LABEL_REQUIRED: 'label-required',
NO_MARGINS: 'no-margins',
PLACEHOLDER: 'placeholder',
READONLY: 'readonly',
REQUIRED: 'required',
ROW_END: 'row-end',
ROW_HEIGHT: 'row-height',
ROW_SPAN: 'row-span',
ROW_START: 'row-start',
ROWS: 'rows',
SIZE: 'size',
TABBABLE: 'tabbable',
TRIGGERFIELD: 'triggerfield',
TEXT: 'text',
TEXT_ALIGN: 'text-align',
TYPE: 'type',
VALIDATE: 'validate',
VALIDATION_EVENTS: 'validation-events',
VALIDATION_HAS_ERROR: 'validation-has-error',
VALUE: 'value',
VIRTUAL_SCROLL: 'virtual-scroll',
VISIBLE: 'visible'
};
var prefix = {
PREFIX: 'ids'
};
/***/ }),
/***/ "./src/ids-base/ids-decorators.js":
/*!****************************************!*\
!*** ./src/ids-base/ids-decorators.js ***!
\****************************************/
/*! exports provided: version, customElement, mixin, scss */function(module,__webpack_exports__,__webpack_require__){"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "version", function() { return version; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "customElement", function() { return customElement; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "mixin", function() { return mixin; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "scss", function() { return scss; });\n/* eslint no-param-reassign: ["error", { "props": false }] */\nvar pjson = __webpack_require__(/*! ../../package.json */ "./package.json");\n/**\n * Add the version to the component\n * @param {number} value A number for testing;\n * @returns {Function} The decoratored function\n */\n\n\nfunction version(value) {\n return function (target, property, descriptor) {\n //eslint-disable-line\n target.prototype.version = value || pjson.version;\n };\n}\n/**\n * Custom Element Decorator\n * @param {string} name The custom element name\n * @returns {Function} The decoratored function\n */\n\nfunction customElement(name) {\n return function (target) {\n customElements.define(name, target);\n };\n}\n/**\n * Mixin Decorator\n * @param {object} obj The class/object to register\n * @returns {Function} The decoratored function\n */\n\nfunction mixin(obj) {\n return function (target) {\n Object.assign(target.prototype, obj);\n };\n}\n/**\n * Styles Decorator\n * @param {string} cssStyles The css string\'d stylesheet\n * @returns {Function} The decoratored function\n */\n\nfunction scss(cssStyles) {\n return function (target) {\n target.prototype.cssStyles = cssStyles;\n };\n}\n\n//# sourceURL=webpack://%5Bname%5D-lib.js/./src/ids-base/ids-decorators.js?')},"./src/ids-base/ids-element.js":
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "version": () => /* binding */ version,
/* harmony export */ "customElement": () => /* binding */ customElement,
/* harmony export */ "mixin": () => /* binding */ mixin,
/* harmony export */ "scss": () => /* binding */ scss
/* harmony export */ });
/* eslint no-param-reassign: ["error", { "props": false }] */
var VERSION = '0.0.0-beta.3';
/**
* Add the version to the component
* @returns {Function} The function that did the decorating
*/
function version() {
return function (
/** @type {any} */
target) {
target.prototype.version = VERSION;
};
}
/**
* Custom Element Decorator
* @param {string} name The custom element name
* @returns {Function} The function that did the decorating
*/
function customElement(name) {
return function (
/** @type {CustomElementConstructor} */
target) {
/* istanbul ignore next */
if (!customElements.get(name)) {
customElements.define(name, target);
}
};
}
/**
* Mixin Decorator just applies the mixin on the component with a loose copy.
* Some mixins like keyboardmixin and events mixin must be newed up instead if using complex
* objects that cannot be shared.
* @param {object} obj The class/object to register
* @returns {Function} The function that did the decorating
*/
function mixin(obj) {
return function (
/** @type {any} */
target) {
Object.assign(target.prototype, obj);
};
}
/**
* Styles Decorator
* @param {string} cssStyles The css stringified stylesheet
* @returns {Function} The function that did the decorating
*/
function scss(cssStyles) {
return function (
/** @type {any} */
target) {
target.prototype.cssStyles = cssStyles;
};
}
/***/ }),
/***/ "./src/ids-base/ids-element.js":
/*!*************************************!*\
!*** ./src/ids-base/ids-element.js ***!
\*************************************/
/*! exports provided: IdsElement, customElement, mixin, scss, version */function(module,__webpack_exports__,__webpack_require__){"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "IdsElement", function() { return IdsElement; });\n/* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "./node_modules/@babel/runtime/helpers/classCallCheck.js");\n/* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/createClass */ "./node_modules/@babel/runtime/helpers/createClass.js");\n/* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/inherits */ "./node_modules/@babel/runtime/helpers/inherits.js");\n/* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime/helpers/possibleConstructorReturn */ "./node_modules/@babel/runtime/helpers/possibleConstructorReturn.js");\n/* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @babel/runtime/helpers/getPrototypeOf */ "./node_modules/@babel/runtime/helpers/getPrototypeOf.js");\n/* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _babel_runtime_helpers_wrapNativeSuper__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @babel/runtime/helpers/wrapNativeSuper */ "./node_modules/@babel/runtime/helpers/wrapNativeSuper.js");\n/* harmony import */ var _babel_runtime_helpers_wrapNativeSuper__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_wrapNativeSuper__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var _ids_string_utils_mixin__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./ids-string-utils-mixin */ "./src/ids-base/ids-string-utils-mixin.js");\n/* harmony import */ var _ids_decorators__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./ids-decorators */ "./src/ids-base/ids-decorators.js");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "customElement", function() { return _ids_decorators__WEBPACK_IMPORTED_MODULE_7__["customElement"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "mixin", function() { return _ids_decorators__WEBPACK_IMPORTED_MODULE_7__["mixin"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "scss", function() { return _ids_decorators__WEBPACK_IMPORTED_MODULE_7__["scss"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "version", function() { return _ids_decorators__WEBPACK_IMPORTED_MODULE_7__["version"]; });\n\n\n\n\n\n\n\n\nvar _dec, _dec2, _class;\n\nfunction _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_4___default()(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_4___default()(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_3___default()(this, result); }; }\n\nfunction _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\n\n\n/**\n * IDS Base Element\n */\n\nvar IdsElement = (_dec = Object(_ids_decorators__WEBPACK_IMPORTED_MODULE_7__["version"])(), _dec2 = Object(_ids_decorators__WEBPACK_IMPORTED_MODULE_7__["mixin"])(_ids_string_utils_mixin__WEBPACK_IMPORTED_MODULE_6__["IdsStringUtilsMixin"]), _dec(_class = _dec2(_class = /*#__PURE__*/function (_HTMLElement) {\n _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_2___default()(IdsElement, _HTMLElement);\n\n var _super = _createSuper(IdsElement);\n\n function IdsElement() {\n var _this;\n\n _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0___default()(this, IdsElement);\n\n _this = _super.call(this);\n\n _this.addBaseName();\n\n _this.render();\n\n return _this;\n }\n /**\n * Add the component name and baseclass\n * @private\n */\n\n\n _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1___default()(IdsElement, [{\n key: "addBaseName",\n value: function addBaseName() {\n var _this$nodeName;\n\n // Add the base class\n this.name = (_this$nodeName = this.nodeName) === null || _this$nodeName === void 0 ? void 0 : _this$nodeName.toLowerCase();\n }\n /**\n * Handle Setting changes of the value has changed by calling the getter\n * in the extending class.\n * @private\n * @param {string} name The property name\n * @param {string} oldValue The property old value\n * @param {string} newValue The property new value\n */\n\n }, {\n key: "attributeChangedCallback",\n value: function attributeChangedCallback(name, oldValue, newValue) {\n if (oldValue !== newValue) {\n this[this.camelCase(name)] = newValue;\n }\n }\n /**\n * Release events and cleanup, if implementing disconnectedCallback\n * in a component you can just call super.\n * @private\n */\n\n }, {\n key: "disconnectedCallback",\n value: function disconnectedCallback() {\n if (this.eventHandlers) {\n this.eventHandlers.removeAll();\n }\n }\n /**\n * Do stuff as the component is connected.\n */\n\n }, {\n key: "connectedCallback",\n value: function connectedCallback() {\n if (this.connectedCallBack) {\n this.connectedCallBack();\n }\n }\n /**\n * Handle Changes on Properties, this is part of the web component spec.\n * @type {Array}\n */\n\n }, {\n key: "render",\n\n /**\n * Render the component using the defined template.\n * @returns {object} The object for chaining.\n */\n value: function render() {\n if (!this.template || !this.template()) {\n return this;\n } // Make template and shadow objects\n\n\n var template = document.createElement(\'template\');\n this.attachShadow({\n mode: \'open\'\n }); // Append Styles if present\n\n if (this.cssStyles && !this.shadowRoot.adoptedStyleSheets && typeof this.cssStyles === \'string\') {\n var style = document.createElement(\'style\');\n style.textContent = this.cssStyles.replace(\':host\', ".".concat(this.name));\n this.shadowRoot.appendChild(style);\n }\n\n if (this.cssStyles && this.shadowRoot.adoptedStyleSheets) {\n var _style = new CSSStyleSheet();\n\n _style.replaceSync(this.cssStyles);\n\n this.shadowRoot.adoptedStyleSheets = [_style];\n }\n\n template.innerHTML = this.template();\n this.shadowRoot.appendChild(template.content.cloneNode(true));\n this.container = this.shadowRoot.querySelector(".".concat(this.name));\n return this;\n }\n }], [{\n key: "observedAttributes",\n get: function get() {\n return this.properties;\n }\n /**\n * Properties for this web component.\n * @returns {object} The properties object\n */\n\n }, {\n key: "properties",\n get: function get() {\n return {};\n }\n }]);\n\n return IdsElement;\n}( /*#__PURE__*/_babel_runtime_helpers_wrapNativeSuper__WEBPACK_IMPORTED_MODULE_5___default()(HTMLElement))) || _class) || _class);\n\n\n//# sourceURL=webpack://%5Bname%5D-lib.js/./src/ids-base/ids-element.js?')},"./src/ids-base/ids-events-mixin.js":
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "IdsElement": () => /* binding */ IdsElement,
/* harmony export */ "customElement": () => /* reexport safe */ _ids_decorators__WEBPACK_IMPORTED_MODULE_6__.customElement,
/* harmony export */ "mixin": () => /* reexport safe */ _ids_decorators__WEBPACK_IMPORTED_MODULE_6__.mixin,
/* harmony export */ "scss": () => /* reexport safe */ _ids_decorators__WEBPACK_IMPORTED_MODULE_6__.scss,
/* harmony export */ "version": () => /* reexport safe */ _ids_decorators__WEBPACK_IMPORTED_MODULE_6__.version,
/* harmony export */ "props": () => /* reexport safe */ _ids_constants__WEBPACK_IMPORTED_MODULE_7__.props
/* harmony export */ });
/* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "./node_modules/@babel/runtime/helpers/classCallCheck.js");
/* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/createClass */ "./node_modules/@babel/runtime/helpers/createClass.js");
/* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/inherits */ "./node_modules/@babel/runtime/helpers/inherits.js");
/* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime/helpers/possibleConstructorReturn */ "./node_modules/@babel/runtime/helpers/possibleConstructorReturn.js");
/* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @babel/runtime/helpers/getPrototypeOf */ "./node_modules/@babel/runtime/helpers/getPrototypeOf.js");
/* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_4__);
/* harmony import */ var _babel_runtime_helpers_wrapNativeSuper__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @babel/runtime/helpers/wrapNativeSuper */ "./node_modules/@babel/runtime/helpers/wrapNativeSuper.js");
/* harmony import */ var _babel_runtime_helpers_wrapNativeSuper__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_wrapNativeSuper__WEBPACK_IMPORTED_MODULE_5__);
/* harmony import */ var _ids_decorators__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./ids-decorators */ "./src/ids-base/ids-decorators.js");
/* harmony import */ var _ids_constants__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./ids-constants */ "./src/ids-base/ids-constants.js");
/* harmony import */ var _ids_string_utils_mixin__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./ids-string-utils-mixin */ "./src/ids-base/ids-string-utils-mixin.js");
var _dec, _class;
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_4___default()(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_4___default()(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_3___default()(this, result); }; }
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
/**
* IDS Base Element
*/
var IdsElement = (_dec = (0,_ids_decorators__WEBPACK_IMPORTED_MODULE_6__.version)(), _dec(_class = /*#__PURE__*/function (_HTMLElement) {
_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_2___default()(IdsElement, _HTMLElement);
var _super = _createSuper(IdsElement);
function IdsElement() {
var _this;
_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0___default()(this, IdsElement);
_this = _super.call(this);
_this.addBaseName();
_this.render();
return _this;
}
/**
* Add the component name and baseclass
* @private
*/
_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1___default()(IdsElement, [{
key: "addBaseName",
value: function addBaseName() {
var _this$nodeName;
// Add the base class
this.name = (_this$nodeName = this.nodeName) === null || _this$nodeName === void 0 ? void 0 : _this$nodeName.toLowerCase();
}
/**
* Handle Setting changes of the value has changed by calling the getter
* in the extending class.
* @param {string} name The property name
* @param {string} oldValue The property old value
* @param {string} newValue The property new value
*/
}, {
key: "attributeChangedCallback",
value: function attributeChangedCallback(name, oldValue, newValue) {
if (oldValue !== newValue) {
this[_ids_string_utils_mixin__WEBPACK_IMPORTED_MODULE_8__.IdsStringUtilsMixin.camelCase(name)] = newValue;
}
}
/**
* Release events and cleanup, if implementing disconnectedCallback
* in a component you can just call super.
*/
}, {
key: "disconnectedCallback",
value: function disconnectedCallback() {
var _this$eventHandlers, _this$keyboard;
// @ts-ignore
(_this$eventHandlers = this.eventHandlers) === null || _this$eventHandlers === void 0 ? void 0 : _this$eventHandlers.removeAll(); // @ts-ignore
(_this$keyboard = this.keyboard) === null || _this$keyboard === void 0 ? void 0 : _this$keyboard.destroy();
}
/**
* Handle Changes on Properties, this is part of the web component spec.
* @type {Array}
*/
}, {
key: "render",
/**
* Render the component using the defined template.
* @returns {object} The object for chaining.
*/
value: function render() {
// @ts-ignore
if (!this.template || !this.template()) {
return this;
} // Make template and shadow objects
var template = document.createElement('template');
if (!this.shadowRoot) {
this.attachShadow({
mode: 'open'
});
}
this.appendStyles(); // @ts-ignore
template.innerHTML = this.template();
this.shadowRoot.appendChild(template.content.cloneNode(true));
/** @type {any} */
this.container = this.shadowRoot.querySelector(".".concat(this.name));
return this;
}
/**
* Append Styles if present
*/
}, {
key: "appendStyles",
value: function appendStyles() {
// @ts-ignore
if (this.cssStyles && !this.shadowRoot.adoptedStyleSheets && typeof this.cssStyles === 'string') {
var style = document.createElement('style'); // @ts-ignore
style.textContent = this.cssStyles;
if (style.textContent.indexOf(':host') === 0) {
style.textContent = style.textContent.replace(':host', ".".concat(this.name));
}
style.setAttribute('nonce', '0a59a005'); // TODO: Make this a setting
this.shadowRoot.appendChild(style);
} // @ts-ignore
if (this.cssStyles && this.shadowRoot.adoptedStyleSheets) {
var _style = new CSSStyleSheet(); // @ts-ignore
_style.replaceSync(this.cssStyles); // @ts-ignore
this.shadowRoot.adoptedStyleSheets = [_style];
}
}
}], [{
key: "observedAttributes",
get: function get() {
// @ts-ignore
return this.properties;
}
}]);
return IdsElement;
}( /*#__PURE__*/_babel_runtime_helpers_wrapNativeSuper__WEBPACK_IMPORTED_MODULE_5___default()(HTMLElement))) || _class);
/***/ }),
/***/ "./src/ids-base/ids-events-mixin.js":
/*!******************************************!*\
!*** ./src/ids-base/ids-events-mixin.js ***!
\******************************************/
/*! exports provided: IdsEventsMixin */function(module,__webpack_exports__,__webpack_require__){"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "IdsEventsMixin", function() { return IdsEventsMixin; });\n/**\n * Light-weight wrapper around events.\n */\nvar IdsEventsMixin = {};\nIdsEventsMixin.eventHandlers = {\n handledEvents: new Map(),\n\n /**\n * Add and keep track of an event listener.\n * @param {string} eventName The event name with optional namespace\n * @param {HTMLElement} target The DOM element to register\n * @param {Function} callback The callback code to execute\n * @param {object} options Additional event settings (passive, once, passive ect)\n */\n addEventListener: function addEventListener(eventName, target, callback, options) {\n target.addEventListener(eventName, callback, options);\n this.handledEvents.set(eventName, {\n target: target,\n callback: callback,\n options: options\n });\n },\n\n /**\n * Add and keep track of an event listener.\n * @param {string} eventName The event name with optional namespace\n * @param {HTMLElement} target The DOM element to register\n * @param {object} options Additional event settings (passive, once, passive ect)\n */\n removeEventListener: function removeEventListener(eventName, target, options) {\n var handler = this.handledEvents.get(eventName);\n target.removeEventListener(eventName, handler.callback, options || handler.options);\n this.handledEvents["delete"](eventName);\n },\n\n /**\n * Create and trigger a custom event\n * @param {string} eventName The event id with optional namespace\n * @param {HTMLElement} target The DOM element to register\n * @param {object} options The custom data to send\n */\n dispatchEvent: function dispatchEvent(eventName, target, options) {\n var event = new CustomEvent(eventName, {\n detail: options\n });\n target.dispatchEvent(event);\n },\n\n /**\n * Detach all event handlers\n */\n removeAll: function removeAll() {\n var _this = this;\n\n this.handledEvents.forEach(function (value, key) {\n _this.removeEventListener(key, value.target, value.options);\n });\n }\n};\n\n\n//# sourceURL=webpack://%5Bname%5D-lib.js/./src/ids-base/ids-events-mixin.js?')},"./src/ids-base/ids-example-mixin.js":
/*!*******************************************!*\
!*** ./src/ids-base/ids-example-mixin.js ***!
\*******************************************/
/*! exports provided: IdsExampleMixin */function(module,__webpack_exports__,__webpack_require__){"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "IdsExampleMixin", function() { return IdsExampleMixin; });\n/**\n * An example mixin that shows the general format of a mixin that will extend a IDS component.\n */\nvar IdsExampleMixin = {\n prop1: {},\n methodOne: function methodOne() {// Do somethings\n }\n};\n\n\n//# sourceURL=webpack://%5Bname%5D-lib.js/./src/ids-base/ids-example-mixin.js?')},"./src/ids-base/ids-string-utils-mixin.js":
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "IdsEventsMixin": () => /* binding */ IdsEventsMixin
/* harmony export */ });
/* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "./node_modules/@babel/runtime/helpers/classCallCheck.js");
/* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/createClass */ "./node_modules/@babel/runtime/helpers/createClass.js");
/* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "./node_modules/@babel/runtime/helpers/defineProperty.js");
/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_2__);
/**
* Light-weight wrapper around events.
*/
var IdsEventsMixin = /*#__PURE__*/function () {
function IdsEventsMixin() {
_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0___default()(this, IdsEventsMixin);
_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_2___default()(this, "handledEvents", new Map());
}
_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1___default()(IdsEventsMixin, [{
key: "addEventListener",
/**
* Add and keep track of an event listener.
* @param {string|any} eventName The event name with optional namespace
* @param {HTMLElement} target The DOM element to register
* @param {Function|any} callback The callback code to execute
* @param {object} options Additional event settings (passive, once, passive ect)
*/
value: function addEventListener(eventName, target, callback, options) {
target.addEventListener(eventName.split('.')[0], callback, options);
this.handledEvents.set(eventName, {
target: target,
callback: callback,
options: options
});
}
/**
* Add and keep track of an event listener.
* @param {string} eventName The event name with optional namespace
* @param {HTMLElement} target The DOM element to register
* @param {object} options Additional event settings (passive, once, passive ect)
*/
}, {
key: "removeEventListener",
value: function removeEventListener(eventName, target, options) {
var handler = this.handledEvents.get(eventName);
target.removeEventListener(eventName.split('.')[0], handler.callback, options || handler.options);
this.handledEvents["delete"](eventName);
}
/**
* Create and trigger a custom event
* @param {string} eventName The event id with optional namespace
* @param {HTMLElement} target The DOM element to register
* @param {object} [options] The custom data to send
*/
}, {
key: "dispatchEvent",
value: function dispatchEvent(eventName, target) {
var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
var event = new CustomEvent(eventName.split('.')[0], options);
target.dispatchEvent(event);
}
/**
* Detach all event handlers
*/
}, {
key: "removeAll",
value: function removeAll() {
var _this = this;
this.handledEvents.forEach(function (value, key) {
_this.removeEventListener(key, value.target, value.options);
});
}
}]);
return IdsEventsMixin;
}();
/***/ }),
/***/ "./src/ids-base/ids-keyboard-mixin.js":
/*!********************************************!*\
!*** ./src/ids-base/ids-keyboard-mixin.js ***!
\********************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "IdsKeyboardMixin": () => /* binding */ IdsKeyboardMixin
/* harmony export */ });
/* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "./node_modules/@babel/runtime/helpers/classCallCheck.js");
/* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/createClass */ "./node_modules/@babel/runtime/helpers/createClass.js");
/* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__);
/**
* Handle keyboard shortcuts and pressed down keys
*/
var IdsKeyboardMixin = /*#__PURE__*/function () {
function IdsKeyboardMixin() {
_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0___default()(this, IdsKeyboardMixin);
}
_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1___default()(IdsKeyboardMixin, [{
key: "init",
/**
* Initializes the keyboard management system with the current object
* @param {object} elem the element for linkage
* @private
*/
value: function init(elem) {
var _this = this;
this.element = elem;
this.hotkeys = new Map();
this.pressedKeys = new Map();
this.keyDownHandler = function (
/** @type {any} */
e) {
_this.press(e.key);
_this.dispatchHotkeys(e);
};
this.element.addEventListener('keydown', this.keyDownHandler);
this.keyUpHandler = function (
/** @type {any} */
e) {
_this.unpress(e.key);
};
this.element.addEventListener('keyup', this.keyUpHandler);
}
/**
* Add a key to the pressedKeys Map.
* @private
* @param {string} key a string representing a {KeyboardEvent.key} that was pressed
* @returns {Map} the current set of pressed keys
*/
}, {
key: "press",
value: function press(key) {
return this.pressedKeys.set("".concat(key), true);
}
/**
* Add a listener for a key or key code combination
* @param {Array|string} keycode An array of all matchinng keycodes
* @param {HTMLElement} elem The object with the listener attached
* @param {Function} callback The call back when this combination is met
*/
}, {
key: "listen",
value: function listen(keycode, elem, callback) {
if (!this.element) {
this.init(elem);
}
this.hotkeys.set("".concat(keycode), callback);
}
/**
* Remove a key from the pressedKeys map.
* @private
* @param {string} key a string representing a {KeyboardEvent.key} that is no longer active
* @returns {boolean} whether or not the key had been previously logged as "pressed"
*/
}, {
key: "unpress",
value: function unpress(key) {
return this.pressedKeys["delete"]("".concat(key));
}
/**
* Dispatch an event on any active listeners
* @private
* @param {object} e a string representing a {KeyboardEvent.key} that is no longer active
* @returns {void}
*/
}, {
key: "dispatchHotkeys",
value: function dispatchHotkeys(e) {
this.hotkeys.forEach(function (value, key) {
if (key.split(',').indexOf(e.key) > -1) {
value(e);
}
});
}
/**
* Remove all handlers and clear memory
*/
}, {
key: "destroy",
value: function destroy() {
if (!this.element) {
return;
}
this.element.removeEventListener('keydown', this.keyDownHandler);
this.element.removeEventListener('keyup', this.keyUpHandler);
delete this.keyDownHandler;
delete this.keyUpHandler;
delete this.element;
}
}]);
return IdsKeyboardMixin;
}();
/***/ }),
/***/ "./src/ids-base/ids-string-utils-mixin.js":
/*!************************************************!*\
!*** ./src/ids-base/ids-string-utils-mixin.js ***!
\************************************************/
/*! exports provided: IdsStringUtilsMixin */function(module,__webpack_exports__,__webpack_require__){"use strict";eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"IdsStringUtilsMixin\", function() { return IdsStringUtilsMixin; });\n/**\n * Ids String parsing/processing utilities\n */\nvar IdsStringUtilsMixin = {\n /**\n * Convert a string in presumed kebab case to camel case\n * @param {string} str [description]\n * @returns {string} The return string\n */\n camelCase: function camelCase(str) {\n return (str.slice(0, 1).toLowerCase() + str.slice(1)).replace(/([-_ ]){1,}/g, ' ').split(/[-_ ]/).reduce(function (cur, acc) {\n return cur + acc[0].toUpperCase() + acc.substring(1);\n });\n }\n};\n\n\n//# sourceURL=webpack://%5Bname%5D-lib.js/./src/ids-base/ids-string-utils-mixin.js?")},"./src/ids-tag/ids-tag.js":
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "IdsStringUtilsMixin": () => /* binding */ IdsStringUtilsMixin
/* harmony export */ });
/**
* Ids String parsing/processing utilities
*/
var IdsStringUtilsMixin = {
/**
* Convert a string in presumed kebab case to camel case
* @param {string} str [description]
* @returns {string} The return string
*/
camelCase: function camelCase(str) {
return (str.slice(0, 1).toLowerCase() + str.slice(1)).replace(/([-_ ]){1,}/g, ' ').split(/[-_ ]/).reduce(function (cur, acc) {
return cur + acc[0].toUpperCase() + acc.substring(1);
});
},
/**
* Convert a string value into a boolean
* @param {string|boolean} val string value from the component property
* @returns {boolean} The return boolean
*/
stringToBool: function stringToBool(val) {
return (val + '').toLowerCase() === 'true'; //eslint-disable-line
},
/**
* Inject template variables in a string
* @param {string} str The string to inject into
* @param {string} obj The string to inject into
* @returns {obj} The dataset row / item
*/
injectTemplate: function injectTemplate(str, obj) {
return str.replace(/\${(.*?)}/g, function (_x, g) {
return obj[g];
});
}
};
/***/ }),
/***/ "./src/ids-tag/ids-tag.js":
/*!********************************!*\
!*** ./src/ids-tag/ids-tag.js ***!
\********************************/
/*! exports provided: default */function(module,__webpack_exports__,__webpack_require__){"use strict";eval('__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "./node_modules/@babel/runtime/helpers/classCallCheck.js");\n/* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/createClass */ "./node_modules/@babel/runtime/helpers/createClass.js");\n/* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/inherits */ "./node_modules/@babel/runtime/helpers/inherits.js");\n/* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime/helpers/possibleConstructorReturn */ "./node_modules/@babel/runtime/helpers/possibleConstructorReturn.js");\n/* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @babel/runtime/helpers/getPrototypeOf */ "./node_modules/@babel/runtime/helpers/getPrototypeOf.js");\n/* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _ids_base_ids_element__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../ids-base/ids-element */ "./src/ids-base/ids-element.js");\n/* harmony import */ var _ids_base_ids_example_mixin__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../ids-base/ids-example-mixin */ "./src/ids-base/ids-example-mixin.js");\n/* harmony import */ var _ids_base_ids_events_mixin__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../ids-base/ids-events-mixin */ "./src/ids-base/ids-events-mixin.js");\n/* harmony import */ var _ids_tag_scss__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./ids-tag.scss */ "./src/ids-tag/ids-tag.scss");\n\n\n\n\n\n\nvar _dec, _dec2, _dec3, _dec4, _class;\n\nfunction _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_4___default()(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_4___default()(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_3___default()(this, result); }; }\n\nfunction _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }\n\n\n\n\n\n/**\n * IDS Tag Component\n */\n\nvar IdsTag = (_dec = Object(_ids_base_ids_element__WEBPACK_IMPORTED_MODULE_5__["customElement"])(\'ids-tag\'), _dec2 = Object(_ids_base_ids_element__WEBPACK_IMPORTED_MODULE_5__["scss"])(_ids_tag_scss__WEBPACK_IMPORTED_MODULE_8__["default"]), _dec3 = Object(_ids_base_ids_element__WEBPACK_IMPORTED_MODULE_5__["mixin"])(_ids_base_ids_example_mixin__WEBPACK_IMPORTED_MODULE_6__["IdsExampleMixin"]), _dec4 = Object(_ids_base_ids_element__WEBPACK_IMPORTED_MODULE_5__["mixin"])(_ids_base_ids_events_mixin__WEBPACK_IMPORTED_MODULE_7__["IdsEventsMixin"]), _dec(_class = _dec2(_class = _dec3(_class = _dec4(_class = /*#__PURE__*/function (_IdsElement) {\n _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_2___default()(IdsTag, _IdsElement);\n\n var _super = _createSuper(IdsTag);\n\n function IdsTag() {\n _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0___default()(this, IdsTag);\n\n return _super.call(this);\n }\n\n _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1___default()(IdsTag, [{\n key: "connectedCallBack",\n value: function connectedCallBack() {\n this.handleEvents();\n }\n /**\n * Return the properties we handle as getters/setters\n * @returns {Array} The properties in an array\n */\n\n }, {\n key: "template",\n\n /**\n * Create the Template for the contents\n * @returns {string} The template\n */\n value: function template() {\n return \'<span class="ids-tag"><slot></slot></span>\';\n }\n /**\n * Set the color of the tag\n * @param {string} value The color value, this can be not provided,\n * secondary (white), error, success, danger, caution or a hex code with the #\n */\n\n }, {\n key: "appendIcon",\n\n /**\n * Check if an icon exists if not add it\n * @param {string} iconName The icon name to check\n * @private\n */\n value: function appendIcon(iconName) {\n var icon = this.querySelector("[icon=\\"".concat(iconName, "\\"]"));\n\n if (!icon) {\n this.insertAdjacentHTML(\'beforeend\', "<ids-icon icon=\\"".concat(iconName, "\\" size=\\"small\\" class=\\"ids-icon\\"></ids-icon>"));\n this.handleEvents();\n }\n }\n /**\n * Check if an icon exists if not add it\n * @param {string} iconName The icon name to check\n * @private\n */\n\n }, {\n key: "removeIcon",\n value: function removeIcon(iconName) {\n var icon = this.querySelector("[icon=\\"".concat(iconName, "\\"]"));\n\n if (icon) {\n icon.remove();\n }\n }\n /**\n * Establish Internal Event Handlers\n * @private\n * @returns {object} The object for chaining.\n */\n\n }, {\n key: "handleEvents",\n value: function handleEvents() {\n var _this = this;\n\n var closeIcon = this.querySelector(\'ids-icon[icon="close"]\');\n\n if (closeIcon) {\n this.eventHandlers.addEventListener(\'click\', closeIcon, function () {\n return _this.dismiss();\n });\n } // Ensure icon is always last\n\n\n var isChanging = false;\n this.eventHandlers.addEventListener(\'slotchange\', this.shadowRoot.querySelector(\'slot\'), function () {\n if (_this.dismissible && !isChanging && _this.lastElementChild.nodeName !== \'IDS-ICON\') {\n isChanging = true;\n\n _this.removeIcon(\'close\');\n\n _this.appendIcon(\'close\');\n\n isChanging = false;\n }\n });\n return this;\n }\n /**\n * Remove the tag from the page\n */\n\n }, {\n key: "dismiss",\n value: function dismiss() {\n if (!this.dismissible) {\n return;\n }\n\n var canDismiss = true;\n\n var response = function response(veto) {\n canDismiss = !!veto;\n };\n\n this.eventHandlers.dispatchEvent(\'beforetagremoved\', this, {\n elem: this,\n response: response\n });\n\n if (!canDismiss) {\n return;\n }\n\n this.eventHandlers.dispatchEvent(\'tagremoved\', this, {\n elem: this\n });\n this.remove();\n this.eventHandlers.dispatchEvent(\'aftertagremoved\', this, {\n elem: this\n });\n }\n }, {\n key: "color",\n set: function set(value) {\n if (value) {\n this.setAttribute(\'color\', value);\n var prop = value.substr(0, 1) === \'#\' ? value : "var(--ids-color-status-".concat(value === \'error\' ? \'danger\' : value, ")");\n this.container.style.backgroundColor = prop;\n this.container.style.borderColor = value === \'secondary\' ? \'\' : prop;\n\n if (value === \'error\' || value === \'success\' || value === \'danger\') {\n this.container.classList.add(\'ids-white\');\n }\n\n if (value === \'secondary\') {\n this.container.classList.add(\'ids-secondary\');\n }\n\n return;\n }\n\n this.removeAttribute(\'color\');\n this.container.style.backgroundColor = \'\';\n this.container.style.borderColor = \'\';\n this.container.style.color = \'\';\n },\n get: function get() {\n return this.getAttribute(\'color\');\n }\n /**\n * Set if the tag may be dismissed\n * @param {boolean} value True of false depending if the tag may be dismissed\n */\n\n }, {\n key: "dismissible",\n set: function set(value) {\n var hasProp = this.hasAttribute(\'dismissible\');\n\n if (value) {\n this.setAttribute(\'dismissible\', value);\n this.appendIcon(\'close\');\n return;\n }\n\n this.removeAttribute(\'dismissible\');\n this.removeIcon(\'close\');\n },\n get: function get() {\n return this.getAttribute(\'dismissible\');\n }\n }], [{\n key: "properties",\n get: function get() {\n return [\'color\', \'clickable\', \'dismissible\'];\n }\n }]);\n\n return IdsTag;\n}(_ids_base_ids_element__WEBPACK_IMPORTED_MODULE_5__["IdsElement"])) || _class) || _class) || _class) || _class);\n/* harmony default export */ __webpack_exports__["default"] = (IdsTag);\n\n//# sourceURL=webpack://%5Bname%5D-lib.js/./src/ids-tag/ids-tag.js?')},"./src/ids-tag/ids-tag.scss":
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => __WEBPACK_DEFAULT_EXPORT__
/* harmony export */ });
/* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/classCallCheck */ "./node_modules/@babel/runtime/helpers/classCallCheck.js");
/* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @babel/runtime/helpers/createClass */ "./node_modules/@babel/runtime/helpers/createClass.js");
/* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/inherits */ "./node_modules/@babel/runtime/helpers/inherits.js");
/* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @babel/runtime/helpers/possibleConstructorReturn */ "./node_modules/@babel/runtime/helpers/possibleConstructorReturn.js");
/* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @babel/runtime/helpers/getPrototypeOf */ "./node_modules/@babel/runtime/helpers/getPrototypeOf.js");
/* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_4__);
/* harmony import */ var _ids_base_ids_element__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../ids-base/ids-element */ "./src/ids-base/ids-element.js");
/* harmony import */ var _ids_base_ids_events_mixin__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../ids-base/ids-events-mixin */ "./src/ids-base/ids-events-mixin.js");
/* harmony import */ var _ids_base_ids_keyboard_mixin__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../ids-base/ids-keyboard-mixin */ "./src/ids-base/ids-keyboard-mixin.js");
/* harmony import */ var _ids_tag_scss__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./ids-tag.scss */ "./src/ids-tag/ids-tag.scss");
var _dec, _dec2, _class;
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_4___default()(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_4___default()(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_3___default()(this, result); }; }
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
// @ts-ignore
/**
* IDS Tag Component
*/
var IdsTag = (_dec = (0,_ids_base_ids_element__WEBPACK_IMPORTED_MODULE_5__.customElement)('ids-tag'), _dec2 = (0,_ids_base_ids_element__WEBPACK_IMPORTED_MODULE_5__.scss)(_ids_tag_scss__WEBPACK_IMPORTED_MODULE_8__.default), _dec(_class = _dec2(_class = /*#__PURE__*/function (_IdsElement) {
_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_2___default()(IdsTag, _IdsElement);
var _super = _createSuper(IdsTag);
function IdsTag() {
_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0___default()(this, IdsTag);
return _super.call(this);
}
_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1___default()(IdsTag, [{
key: "connectedCallback",
value: function connectedCallback() {
this.handleEvents().handleKeys();
}
/**
* Return the properties we handle as getters/setters
* @returns {Array} The properties in an array
*/
}, {
key: "template",
/**
* Create the Template for the contents
* @returns {string} The template
*/
value: function template() {
return '<span class="ids-tag"><slot></slot></span>';
}
/**
* Set the color of the tag
* @param {string} value The color value, this can be not provided,
* secondary (white), error, success, danger, caution or a hex code with the #
*/
}, {
key: "appendIcon",
/**
* Check if an icon exists if not add it
* @param {string} iconName The icon name to check
* @private
*/
value: function appendIcon(iconName) {
var icon = this.querySelector("[icon=\"".concat(iconName, "\"]"));
if (!icon) {
this.insertAdjacentHTML('beforeend', "<ids-icon icon=\"".concat(iconName, "\" size=\"small\" class=\"ids-icon\"></ids-icon>"));
this.handleEvents();
}
}
/**
* Check if an icon exists if not add it
* @param {string} iconName The icon name to check
* @private
*/
}, {
key: "removeIcon",
value: function removeIcon(iconName) {
var icon = this.querySelector("[icon=\"".concat(iconName, "\"]"));
if (icon) {
icon.remove();
}
}
/**
* If set to true the tag has an x to dismiss
* @param {boolean|string} value true of false depending if the tag is dismissed
*/
}, {
key: "handleEvents",
/**
* Establish Internal Event Handlers
* @private
* @returns {object} The object for chaining.
*/
value: function handleEvents() {
var _this = this;
this.eventHandlers = new _ids_base_ids_events_mixin__WEBPACK_IMPORTED_MODULE_6__.IdsEventsMixin(); // Handle Clicking the x for dismissible
/** @type {any} */
var closeIcon = this.querySelector('ids-icon[icon="close"]');
if (closeIcon) {
this.eventHandlers.addEventListener('click', closeIcon, function () {
return _this.dismiss();
});
} // Ensure icon is always last
var isChanging = false;
this.eventHandlers.addEventListener('slotchange', this.shadowRoot.querySelector('slot'), function () {
if (_this.dismissible && !isChanging && _this.lastElementChild.nodeName !== 'IDS-ICON') {
isChanging = true;
_this.removeIcon('close');
_this.appendIcon('close');
isChanging = false;
}
});
return this;
}
/**
* Establish Internal Keyboard shortcuts
* @private
* @returns {object} This API object for chaining
*/
}, {
key: "handleKeys",
value: function handleKeys() {
var _this2 = this;
if (this.dismissible || this.clickable) {
this.keyboard = new _ids_base_ids_keyboard_mixin__WEBPACK_IMPORTED_MODULE_7__.IdsKeyboardMixin();
}
if (this.dismissible) {
this.keyboard.listen(['Delete', 'Backspace'], this, function () {
_this2.dismiss();
});
}
if (this.clickable) {
this.keyboard.listen('Enter', this, function () {
_this2.click();
});
}
return this;
}
/**
* Remove the tag from the page
*/
}, {
key: "dismiss",
value: function dismiss() {
if (!this.dismissible) {
return;
}
var canDismiss = true;
var response = function response(
/** @type {any} */
veto) {
canDismiss = !!veto;
};
this.eventHandlers.dispatchEvent('beforetagremoved', this, {
detail: {
elem: this,
response: response
}
});
if (!canDismiss) {
return;
}
this.eventHandlers.dispatchEvent('tagremoved', this, {
detail: {
elem: this
}
});
this.remove();
this.eventHandlers.dispatchEvent('aftertagremoved', this, {
detail: {
elem: this
}
});
}
}, {
key: "color",
set: function set(value) {
if (value) {
this.setAttribute('color', value);
var prop = value.substr(0, 1) === '#' ? value : "var(--ids-color-status-".concat(value === 'error' ? 'danger' : value, ")");
this.container.style.backgroundColor = prop;
this.container.style.borderColor = value === 'secondary' ? '' : prop;
if (value === 'error' || value === 'danger') {
this.container.classList.add('ids-white');
}
if (value === 'secondary') {
this.container.classList.add('ids-secondary');
}
return;
}
this.removeAttribute('color');
this.container.style.backgroundColor = '';
this.container.style.borderColor = '';
this.container.style.color = '';
},
get: function get() {
return this.getAttribute('color');
}
}, {
key: "dismissible",
set: function set(value) {
if (value) {
this.setAttribute('dismissible', value.toString());
this.container.classList.add('ids-focusable');
this.container.setAttribute('tabindex', '0');
this.appendIcon('close');
this.handleKeys();
return;
}
this.removeAttribute('dismissible');
this.removeIcon('close');
this.container.removeAttribute('tabindex');
this.container.classList.remove('ids-focusable');
},
get: function get() {
return this.getAttribute('dismissible');
}
/**
* If set to true the tag has focus state and becomes a clickable linnk
* @param {boolean|string} value true of false depending if the tag is clickable
*/
}, {
key: "clickable",
set: function set(value) {
if (value) {
this.setAttribute('clickable', value.toString());
this.container.classList.add('ids-focusable');
this.container.setAttribute('tabindex', '0');
this.handleKeys();
return;
}
this.removeAttribute('clickable');
this.container.removeAttribute('tabindex');
this.container.classList.remove('ids-focusable');
},
get: function get() {
return this.getAttribute('clickable');
}
}], [{
key: "properties",
get: function get() {
return ['color', 'clickable', 'dismissible'];
}
}]);
return IdsTag;
}(_ids_base_ids_element__WEBPACK_IMPORTED_MODULE_5__.IdsElement)) || _class) || _class);
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (IdsTag);
/***/ }),
/***/ "./src/ids-tag/ids-tag.scss":
/*!**********************************!*\
!*** ./src/ids-tag/ids-tag.scss ***!
\**********************************/
/*! exports provided: default */function(module,__webpack_exports__,__webpack_require__){"use strict";eval("__webpack_require__.r(__webpack_exports__);\n\n const styles = `/* Ids Tag Component */\n:host {\n --ids-color-palette-amber-10: #FEF2E5;\n --ids-color-palette-amber-20: #FDDFBD;\n --ids-color-palette-amber-30: #FCC888;\n --ids-color-palette-amber-40: #FBAF50;\n --ids-color-palette-amber-50: #FA9601;\n --ids-color-palette-amber-60: #F98300;\n --ids-color-palette-amber-70: #DF6F00;\n --ids-color-palette-amber-80: #CD6200;\n --ids-color-palette-amber-90: #BB5500;\n --ids-color-palette-amber-100: #A14100;\n --ids-color-palette-amethyst-10: #F1EBFC;\n --ids-color-palette-amethyst-20: #DDCBF7;\n --ids-color-palette-amethyst-30: #C2A1F1;\n --ids-color-palette-amethyst-40: #A876EB;\n --ids-color-palette-amethyst-50: #8D4BE5;\n --ids-color-palette-amethyst-60: #7928E1;\n --ids-color-palette-amethyst-70: #6C23C9;\n --ids-color-palette-amethyst-80: #591DA8;\n --ids-color-palette-amethyst-90: #4E1A91;\n --ids-color-palette-amethyst-100: #3B1470;\n --ids-color-palette-azure-10: #E6F1FD;\n --ids-color-palette-azure-20: #BEDCFA;\n --ids-color-palette-azure-30: #8ABFF7;\n --ids-color-palette-azure-40: #55A3F3;\n --ids-color-palette-azure-50: #1C86EF;\n --ids-color-palette-azure-60: #0072ED;\n --ids-color-palette-azure-70: #0066D4;\n --ids-color-palette-azure-80: #0054B1;\n --ids-color-palette-azure-90: #004A99;\n --ids-color-palette-azure-100: #003876;\n --ids-color-palette-emerald-10: #EBF9F1;\n --ids-color-palette-emerald-20: #CBEFDC;\n --ids-color-palette-emerald-30: #A1E4BF;\n --ids-color-palette-emerald-40: #78D8A3;\n --ids-color-palette-emerald-50: #4DCC86;\n --ids-color-palette-emerald-60: #2AC371;\n --ids-color-palette-emerald-70: #25AF65;\n --ids-color-palette-emerald-80: #1F9254;\n --ids-color-palette-emerald-90: #1C7F49;\n --ids-color-palette-emerald-100: #156138;\n --ids-color-palette-graphite-10: #EEEEEE;\n --ids-color-palette-graphite-20: #D3D3D3;\n --ids-color-palette-graphite-30: #B1B1B1;\n --ids-color-palette-graphite-40: #8F8F8F;\n --ids-color-palette-graphite-50: #6C6C6C;\n --ids-color-palette-graphite-60: #535353;\n --ids-color-palette-graphite-70: #4A4A4A;\n --ids-color-palette-graphite-80: #3E3E3E;\n --ids-color-palette-graphite-90: #363636;\n --ids-color-palette-graphite-100: #292929;\n --ids-color-palette-ruby-10: #FBE7E8;\n --ids-color-palette-ruby-20: #F5C3C4;\n --ids-color-palette-ruby-30: #EE9496;\n --ids-color-palette-ruby-40: #E66467;\n --ids-color-palette-ruby-50: #DF3539;\n --ids-color-palette-ruby-60: #DA1217;\n --ids-color-palette-ruby-70: #C31014;\n --ids-color-palette-ruby-80: #A30D11;\n --ids-color-palette-ruby-90: #8D0B0E;\n --ids-color-palette-ruby-100: #6C080B;\n --ids-color-palette-slate-10: #EFEFF0;\n --ids-color-palette-slate-20: #D7D7D8;\n --ids-color-palette-slate-30: #B7B7BA;\n --ids-color-palette-slate-40: #97979B;\n --ids-color-palette-slate-50: #77777C;\n --ids-color-palette-slate-60: #606066;\n --ids-color-palette-slate-70: #56565B;\n --ids-color-palette-slate-80: #47474C;\n --ids-color-palette-slate-90: #3E3E42;\n --ids-color-palette-slate-100: #2F2F32;\n --ids-color-palette-turquoise-10: #ECF8F8;\n --ids-color-palette-turquoise-20: #CFEEEE;\n --ids-color-palette-turquoise-30: #A8E1E1;\n --ids-color-palette-turquoise-40: #82D4D4;\n --ids-color-palette-turquoise-50: #5CC6C7;\n --ids-color-palette-turquoise-60: #40BDBE;\n --ids-color-palette-turquoise-70: #39A9AA;\n --ids-color-palette-turquoise-80: #2F8D8E;\n --ids-color-palette-turquoise-90: #297B7B;\n --ids-color-palette-turquoise-100: #1F5E5E;\n --ids-color-palette-white: #ffffff;\n --ids-color-palette-black: #000000;\n --ids-color-status-base: #0066D4;\n --ids-color-status-caution: #FFD726;\n --ids-color-status-danger: #DA1217;\n --ids-color-status-success: #2AC371;\n --ids-color-status-warning: #F98300;\n --ids-color-brand-primary-lighter: #55A3F3;\n --ids-color-brand-primary-base: #0072ED;\n --ids-color-brand-primary-alt: #0066D4;\n --ids-color-brand-primary-contrast: #ffffff;\n --ids-color-brand-secondary-lighter: #97979B;\n --ids-color-brand-secondary-base: #606066;\n --ids-color-brand-secondary-alt: #56565B;\n --ids-color-brand-secondary-contrast: #3E3E42;\n --ids-color-boxshadow-base: #EFEFF0;\n --ids-color-border-lighter: #606066;\n --ids-color-border-base: #47474C;\n --ids-color-border-darker: #3E3E42;\n --ids-color-font-base: #2F2F32;\n --ids-color-font-info: #47474C;\n --ids-color-font-muted: #606066;\n --ids-color-icon-base: #47474C;\n --ids-color-body-base: #EFEFF0;\n --ids-color-body-lightest: #ffffff;\n --ids-font-family-base: 'source sans pro', helvetica, arial, san-serif;\n --ids-font-family-monospace: 'source code pro', monospace;\n --ids-size-font-base: 16px;\n --ids-size-font-xs: 14px;\n --ids-size-font-sm: 16px;\n --ids-size-font-md: 22px;\n --ids-size-font-lg: 28px;\n --ids-size-font-xl: 42px;\n --ids-size-font-px-10: 1px;\n --ids-size-font-px-12: 12px;\n --ids-size-font-px-14: 14px;\n --ids-size-font-px-16: 16px;\n --ids-size-font-px-20: 20px;\n --ids-size-font-px-24: 24px;\n --ids-size-font-px-28: 28px;\n --ids-size-font-px-32: 32px;\n --ids-size-font-px-40: 40px;\n --ids-size-font-px-48: 48px;\n --ids-size-font-px-60: 60px;\n --ids-size-font-px-72: 72px;\n --ids-size-icon-height: 17px;\n --ids-size-icon-width: 22px;\n --ids-number-font-weight-light: 300;\n --ids-number-font-weight-base: 400;\n --ids-number-font-weight-bold: 600;\n --ids-number-font-line-height-xs: 1.44;\n --ids-number-font-line-height-sm: 1.5;\n --ids-number-font-line-height-md: 1.45;\n --ids-number-font-line-height-lg: 1.43;\n --ids-number-font-line-height-xl: 1.33;\n --ids-number-opacity-disabled: 0.5;\n --ids-number-spacing-base: 8px;\n --ids-number-border-radius-sm: 2px;\n --ids-number-border-radius-md: 6px; }\n\n/* Other Css Modules */\n/* Ids Loader - This Will eventually be a top page loader */\n.ids-loading {\n visibility: hidden; }\n\n.ids-tag {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n background-color: var(--ids-color-palette-graphite-20);\n border-width: 1px;\n border-color: var(--ids-color-palette-graphite-20);\n border-style: solid;\n font-family: \"source sans pro\",helvetica,arial,san-serif;\n display: inline-flex;\n margin-bottom: 4px;\n margin-right: 4px;\n padding-left: 8px;\n padding-right: 8px;\n padding-top: 1px;\n padding-bottom: 1px;\n border-radius: 15px;\n font-size: 14px;\n color: var(--ids-color-palette-slate-100); }\n .ids-tag.ids-secondary {\n border-color: var(--ids-color-palette-graphite-30); }\n .ids-tag.ids-white {\n background-color: var(--ids-color-palette-white);\n color: var(--ids-color-palette-white); }\n\n::slotted(ids-icon) {\n cursor: pointer;\n align-self: center;\n display: inline-flex;\n padding-left: 4px;\n padding-top: 1px;\n color: var(--ids-color-palette-slate-100); }\n\n::slotted(ids-icon:hover) {\n color: var(--ids-color-palette-slate-60); }\n\n.ids-white ::slotted(ids-icon),\n.ids-white ::slotted(ids-icon:hover) {\n color: var(--ids-color-palette-white); }\n`;\n /* harmony default export */ __webpack_exports__[\"default\"] = (styles);\n \n\n//# sourceURL=webpack://%5Bname%5D-lib.js/./src/ids-tag/ids-tag.scss?")},4:
/*!************************************!*\
!*** multi ./app/ids-tag/index.js ***!
\************************************/
/*! no static exports found */function(module,exports,__webpack_require__){eval('module.exports = __webpack_require__(/*! ./app/ids-tag/index.js */"./app/ids-tag/index.js");\n\n\n//# sourceURL=webpack://%5Bname%5D-lib.js/multi_./app/ids-tag/index.js?')}}).default});
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => __WEBPACK_DEFAULT_EXPORT__
/* harmony export */ });
const styles = `/* Ids Tag Component */
/**
* Sass scss styles. Keep Base very small
*/
:host {
--ids-color-palette-amber-10: #FEF2E5;
--ids-color-palette-amber-20: #FDDFBD;
--ids-color-palette-amber-30: #FCC888;
--ids-color-palette-amber-40: #FBAF50;
--ids-color-palette-amber-50: #FA9601;
--ids-color-palette-amber-60: #F98300;
--ids-color-palette-amber-70: #DF6F00;
--ids-color-palette-amber-80: #CD6200;
--ids-color-palette-amber-90: #BB5500;
--ids-color-palette-amber-100: #A14100;
--ids-color-palette-amethyst-10: #F1EBFC;
--ids-color-palette-amethyst-20: #DDCBF7;
--ids-color-palette-amethyst-30: #C2A1F1;
--ids-color-palette-amethyst-40: #A876EB;
--ids-color-palette-amethyst-50: #8D4BE5;
--ids-color-palette-amethyst-60: #7928E1;
--ids-color-palette-amethyst-70: #6C23C9;
--ids-color-palette-amethyst-80: #591DA8;
--ids-color-palette-amethyst-90: #4E1A91;
--ids-color-palette-amethyst-100: #3B1470;
--ids-color-palette-azure-10: #E6F1FD;
--ids-color-palette-azure-20: #BEDCFA;
--ids-color-palette-azure-30: #8ABFF7;
--ids-color-palette-azure-40: #55A3F3;
--ids-color-palette-azure-50: #1C86EF;
--ids-color-palette-azure-60: #0072ED;
--ids-color-palette-azure-70: #0066D4;
--ids-color-palette-azure-80: #0054B1;
--ids-color-palette-azure-90: #004A99;
--ids-color-palette-azure-100: #003876;
--ids-color-palette-emerald-10: #EBF9F1;
--ids-color-palette-emerald-20: #CBEFDC;
--ids-color-palette-emerald-30: #A1E4BF;
--ids-color-palette-emerald-40: #78D8A3;
--ids-color-palette-emerald-50: #4DCC86;
--ids-color-palette-emerald-60: #2AC371;
--ids-color-palette-emerald-70: #25AF65;
--ids-color-palette-emerald-80: #1F9254;
--ids-color-palette-emerald-90: #1C7F49;
--ids-color-palette-emerald-100: #156138;
--ids-color-palette-graphite-10: #EEEEEE;
--ids-color-palette-graphite-20: #D3D3D3;
--ids-color-palette-graphite-30: #B1B1B1;
--ids-color-palette-graphite-40: #8F8F8F;
--ids-color-palette-graphite-50: #6C6C6C;
--ids-color-palette-graphite-60: #535353;
--ids-color-palette-graphite-70: #4A4A4A;
--ids-color-palette-graphite-80: #3E3E3E;
--ids-color-palette-graphite-90: #363636;
--ids-color-palette-graphite-100: #292929;
--ids-color-palette-ruby-10: #FBE7E8;
--ids-color-palette-ruby-20: #F5C3C4;
--ids-color-palette-ruby-30: #EE9496;
--ids-color-palette-ruby-40: #E66467;
--ids-color-palette-ruby-50: #DF3539;
--ids-color-palette-ruby-60: #DA1217;
--ids-color-palette-ruby-70: #C31014;
--ids-color-palette-ruby-80: #A30D11;
--ids-color-palette-ruby-90: #8D0B0E;
--ids-color-palette-ruby-100: #6C080B;
--ids-color-palette-slate-10: #EFEFF0;
--ids-color-palette-slate-20: #D7D7D8;
--ids-color-palette-slate-30: #B7B7BA;
--ids-color-palette-slate-40: #97979B;
--ids-color-palette-slate-50: #77777C;
--ids-color-palette-slate-60: #606066;
--ids-color-palette-slate-70: #56565B;
--ids-color-palette-slate-80: #47474C;
--ids-color-palette-slate-90: #3E3E42;
--ids-color-palette-slate-100: #2F2F32;
--ids-color-palette-turquoise-10: #ECF8F8;
--ids-color-palette-turquoise-20: #CFEEEE;
--ids-color-palette-turquoise-30: #A8E1E1;
--ids-color-palette-turquoise-40: #82D4D4;
--ids-color-palette-turquoise-50: #5CC6C7;
--ids-color-palette-turquoise-60: #40BDBE;
--ids-color-palette-turquoise-70: #39A9AA;
--ids-color-palette-turquoise-80: #2F8D8E;
--ids-color-palette-turquoise-90: #297B7B;
--ids-color-palette-turquoise-100: #1F5E5E;
--ids-color-palette-white: #ffffff;
--ids-color-palette-black: #000000;
--ids-color-status-base: #0066D4;
--ids-color-status-caution: #FFD726;
--ids-color-status-danger: #DA1217;
--ids-color-status-success: #2AC371;
--ids-color-status-warning: #F98300;
--ids-color-brand-primary-lighter: #55A3F3;
--ids-color-brand-primary-base: #0072ED;
--ids-color-brand-primary-alt: #0066D4;
--ids-color-brand-primary-contrast: #ffffff;
--ids-color-brand-secondary-lighter: #97979B;
--ids-color-brand-secondary-base: #606066;
--ids-color-brand-secondary-alt: #56565B;
--ids-color-brand-secondary-contrast: #3E3E42;
--ids-color-boxshadow-base: #EFEFF0;
--ids-color-border-lighter: #606066;
--ids-color-border-base: #47474C;
--ids-color-border-darker: #3E3E42;
--ids-color-font-base: #2F2F32;
--ids-color-font-info: #47474C;
--ids-color-font-muted: #606066;
--ids-color-icon-base: #47474C;
--ids-color-body-base: #EFEFF0;
--ids-color-body-lightest: #ffffff;
--ids-font-family-base: 'source sans pro', helvetica, arial, sans-serif;
--ids-font-family-monospace: 'source code pro', monospace;
--ids-size-font-base: 16px;
--ids-size-font-xs: 14px;
--ids-size-font-sm: 16px;
--ids-size-font-md: 22px;
--ids-size-font-lg: 28px;
--ids-size-font-xl: 42px;
--ids-size-font-px-10: 1px;
--ids-size-font-px-12: 12px;
--ids-size-font-px-14: 14px;
--ids-size-font-px-16: 16px;
--ids-size-font-px-20: 20px;
--ids-size-font-px-24: 24px;
--ids-size-font-px-28: 28px;
--ids-size-font-px-32: 32px;
--ids-size-font-px-40: 40px;
--ids-size-font-px-48: 48px;
--ids-size-font-px-60: 60px;
--ids-size-font-px-72: 72px;
--ids-size-icon-height: 17px;
--ids-size-icon-width: 22px;
--ids-number-font-weight-light: 300;
--ids-number-font-weight-base: 400;
--ids-number-font-weight-bold: 600;
--ids-number-font-line-height-xs: 1.44;
--ids-number-font-line-height-sm: 1.5;
--ids-number-font-line-height-md: 1.45;
--ids-number-font-line-height-lg: 1.43;
--ids-number-font-line-height-xl: 1.33;
--ids-number-opacity-disabled: 0.5;
--ids-number-spacing-base: 8px;
--ids-number-border-radius-sm: 2px;
--ids-number-border-radius-md: 6px; }
/* Global variables (might want these to become tokens) */
/* Global SCSS Mixins (might need to become tokens) */
/**
* Mixins used throuhout the scss styles and come in as part of base. Keep Base small.
*/
/**
* Checkbox Mixins.
*/
/**
* Radio Mixins.
*/
/**
* Switch Mixins.
*/
.ids-tag {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background-color: var(--ids-color-palette-slate-20);
border-width: 1px;
border-color: var(--ids-color-palette-slate-20);
border-style: solid;
font-family: "source sans pro",helvetica,arial,sans-serif;
display: inline-flex;
margin-bottom: 4px;
margin-right: 4px;
padding-left: 8px;
padding-right: 8px;
padding-top: 1px;
padding-bottom: 1px;
border-radius: 15px;
font-size: 14px;
color: var(--ids-color-palette-slate-100); }
.ids-tag.ids-secondary {
border-color: var(--ids-color-palette-slate-30); }
.ids-tag.ids-white {
background-color: var(--ids-color-palette-white);
color: var(--ids-color-palette-white); }
.ids-tag.ids-focusable {
cursor: pointer; }
.ids-tag.ids-focusable:focus {
cursor: pointer;
border-color: var(--ids-color-palette-azure-60);
outline: 0;
box-shadow: 0 0 3px 2px rgba(54, 138, 192, 0.3); }
::slotted(ids-icon) {
cursor: pointer;
align-self: center;
display: inline-flex;
padding-left: 4px;
padding-top: 1px;
color: var(--ids-color-palette-slate-100); }
::slotted(ids-icon:hover) {
color: var(--ids-color-palette-slate-60); }
.ids-white ::slotted(ids-icon),
.ids-white ::slotted(ids-icon:hover) {
color: var(--ids-color-palette-white); }
`;
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (styles);
/***/ })
/******/ });
/************************************************************************/
/******/ // The module cache
/******/ var __webpack_module_cache__ = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/ // Check if module is in cache
/******/ if(__webpack_module_cache__[moduleId]) {
/******/ return __webpack_module_cache__[moduleId].exports;
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = __webpack_module_cache__[moduleId] = {
/******/ // no module.id needed
/******/ // no module.loaded needed
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/************************************************************************/
/******/ /* webpack/runtime/compat get default export */
/******/ (() => {
/******/ // getDefaultExport function for compatibility with non-harmony modules
/******/ __webpack_require__.n = (module) => {
/******/ var getter = module && module.__esModule ?
/******/ () => module['default'] :
/******/ () => module;
/******/ __webpack_require__.d(getter, { a: getter });
/******/ return getter;
/******/ };
/******/ })();
/******/
/******/ /* webpack/runtime/define property getters */
/******/ (() => {
/******/ // define getter functions for harmony exports
/******/ __webpack_require__.d = (exports, definition) => {
/******/ for(var key in definition) {
/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
/******/ }
/******/ }
/******/ };
/******/ })();
/******/
/******/ /* webpack/runtime/hasOwnProperty shorthand */
/******/ (() => {
/******/ __webpack_require__.o = (obj, prop) => Object.prototype.hasOwnProperty.call(obj, prop)
/******/ })();
/******/
/******/ /* webpack/runtime/make namespace object */
/******/ (() => {
/******/ // define __esModule on exports
/******/ __webpack_require__.r = (exports) => {
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
/******/ }
/******/ Object.defineProperty(exports, '__esModule', { value: true });
/******/ };
/******/ })();
/******/
/************************************************************************/
/******/ // module exports must be returned from runtime so entry inlining is disabled
/******/ // startup
/******/ // Load entry module and return exports
/******/ return __webpack_require__("./app/ids-tag/index.js");
/******/ })()
.default;
});
//# sourceMappingURL=ids-tag.js.map

112

package.json
{
"name": "ids-enterprise-wc",
"version": "0.0.0-beta.2",
"version": "0.0.0-beta.3",
"description": "The Web Component version of the IDS Enterprise component library",

@@ -14,20 +14,20 @@ "main": "app/index.js",

"build": "webpack",
"start": "webpack-dev-server --open",
"start:watch": "nodemon --watch webpack.config.js --exec \"npx webpack-dev-server\"",
"lint": "npx eslint *.js src test app && npx stylelint src/**/*.scss --config .stylelintrc && npm run mdlint && npx htmlhint app/**/*.html",
"mdlint": "remark .",
"start": "webpack serve",
"start:watch": "nodemon --watch webpack.config.js --exec \"npx webpack serve\"",
"lint": "npx eslint *.js src test app && npx stylelint src/**/*.scss --config .stylelintrc.json && npm run mdlint && npx htmlhint 'app/**/*.html' && npm run typecheck",
"mdlint": "remark . -f",
"publish:dry-run": "npm run build && cp -f package.json dist && cp -f README.md dist && cp -f LICENSE dist && cd dist && npm publish --dry-run",
"publish:npm": "npm run build && cp -f package.json dist && cp -f README.md dist && cp -f LICENSE dist && cd dist && npm publish",
"test": "jest",
"test": "jest --detectOpenHandles --forceExit",
"test:watch": "jest --watchAll --coverage --detectOpenHandles --forceExit",
"test:coverage": "jest --coverage",
"test:coverage-only-changed": "jest --coverage --onlyChanged",
"test:ci": "jest --maxWorkers=2",
"test:visuals": "npx percy exec -- npx jest --maxWorkers=2",
"test:debug": "node --inspect-brk node_modules/.bin/jest --runInBand",
"ncu": "npx ncu"
"test:updateSnapshot": "jest --updateSnapshot",
"test:vulnerabilities": "snyk test",
"ncu": "npx ncu",
"typecheck": "npx tsc --p tsconfig.json"
},
"remarkConfig": {
"plugins": [
"remark-preset-lint-markdown-style-guide"
]
},
"repository": {

@@ -40,54 +40,62 @@ "type": "git",

},
"author": "Hook & Loop",
"author": "Infor Design",
"license": "Apache-2.0",
"homepage": "https://design.infor.com",
"devDependencies": {
"@babel/core": "^7.11.5",
"@babel/plugin-proposal-class-properties": "^7.10.4",
"@babel/plugin-proposal-decorators": "^7.10.5",
"@babel/plugin-transform-runtime": "^7.11.5",
"@babel/preset-env": "^7.11.5",
"autoprefixer": "^9.8.6",
"@babel/core": "^7.12.10",
"@babel/plugin-proposal-class-properties": "^7.12.1",
"@babel/plugin-proposal-decorators": "^7.12.12",
"@babel/plugin-transform-runtime": "^7.12.10",
"@babel/preset-env": "^7.12.11",
"@percy/puppeteer": "^1.1.0",
"@wordpress/jest-puppeteer-axe": "^2.0.0",
"autoprefixer": "^10.2.0",
"babel-eslint": "^10.1.0",
"babel-loader": "^8.1.0",
"babel-loader": "^8.2.2",
"clean-webpack-plugin": "^3.0.0",
"copy-webpack-plugin": "^6.1.0",
"css-loader": "^4.2.2",
"copy-webpack-plugin": "^7.0.0",
"css-loader": "^5.0.1",
"cssnano": "^4.1.10",
"eslint": "^7.8.0",
"eslint-config-airbnb-base": "^14.2.0",
"eslint-plugin-compat": "3.8.0",
"eslint-plugin-import": "^2.22.0",
"eslint-plugin-jsdoc": "^30.3.0",
"eslint": "^7.17.0",
"eslint-config-airbnb-base": "^14.2.1",
"eslint-plugin-compat": "3.9.0",
"eslint-plugin-import": "^2.22.1",
"eslint-plugin-jsdoc": "^30.7.13",
"eslint-plugin-wc": "^1.2.0",
"favicons-webpack-plugin": "^4.2.0",
"favicons-webpack-plugin": "^5.0.0-alpha.3",
"file-loader": "^6.2.0",
"glob": "^7.1.6",
"handlebars": "^4.7.6",
"handlebars-loader": "^1.7.1",
"html-loader": "^1.3.0",
"html-webpack-plugin": "^4.4.1",
"htmlhint": "^0.14.1",
"ids-identity": "3.0.0-rc.1",
"html-loader": "^1.3.2",
"html-webpack-plugin": "^5.0.0-alpha.17",
"htmlhint": "^0.14.2",
"ids-identity": "3.0.0",
"install": "^0.13.0",
"jest": "^26.4.2",
"jest": "^26.6.3",
"jest-puppeteer": "^4.4.0",
"loglevel": "^1.7.0",
"mini-css-extract-plugin": "^0.11.0",
"node-sass": "^4.14.1",
"nodemon": "^2.0.4",
"pino": "^6.5.1",
"postcss-loader": "^3.0.0",
"puppeteer": "^5.2.1",
"remark-cli": "^8.0.1",
"remark-preset-lint-markdown-style-guide": "^3.0.1",
"sass-loader": "^10.0.1",
"sass-to-string": "^1.1.0",
"style-loader": "^1.2.1",
"stylelint": "^13.7.0",
"loglevel": "^1.7.1",
"mini-css-extract-plugin": "^1.3.3",
"node-sass": "^5.0.0",
"nodemon": "^2.0.7",
"pino": "^6.9.0",
"postcss-loader": "^4.1.0",
"puppeteer": "^5.5.0",
"remark-cli": "^9.0.0",
"remark-preset-lint-markdown-style-guide": "^4.0.0",
"sass-loader": "^10.1.0",
"sass-to-string": "^1.4.1",
"style-loader": "^2.0.0",
"stylelint": "^13.8.0",
"stylelint-config-sass-guidelines": "^7.1.0",
"stylelint-config-standard": "^20.0.0",
"stylelint-order": "^4.1.0",
"stylelint-webpack-plugin": "^2.1.0",
"uglifyjs-webpack-plugin": "^2.2.0",
"webpack": "^4.44.1",
"webpack-cli": "^3.3.12",
"webpack-dev-server": "^3.11.0"
}
"stylelint-webpack-plugin": "^2.1.1",
"terser-webpack-plugin": "^5.0.3",
"typescript": "^4.1.3",
"webpack": "^5.11.1",
"webpack-cli": "^4.3.1",
"webpack-dev-server": "^3.11.1"
},
"dependencies": {}
}
# IDS Web Components
![Build Status](https://github.com/infor-design/enterprise-wc/workflows/Build%20Status/badge.svg?branch=master)
![Build Status](https://github.com/infor-design/enterprise-wc/workflows/Build%20Check/badge.svg)
[![Visual Regression Status](https://percy.io/static/images/percy-badge.svg)](https://percy.io/Infor-Design-System/IDS-Web-Components)
Infor Design System (IDS) Web Components is an Infor community sourced, open source project that creates high quality web components that contain the common patterns and styles used in Infor Applications. We built these in such a way that they could be used by any application in a variety of popular frameworks (Angular, React Vue).
Infor Design System Web Components (IDS WC) is an Infor community sourced, open source project that creates high quality web components that contain the common patterns and styles used in Infor Applications. We built these in such a way that they could be used by any application in a variety of popular frameworks (Angular, React Vue).

@@ -13,14 +14,17 @@ ## Getting Started

At that point the node_modules/ids-enterprise-wc folder will contain all the files you need. You can import just the .js files and then use the custom element as mentioned in the doc for each component. Or you can use the css file for each component, for a limited bit of support per component.
At that point the node_modules/ids-enterprise-wc folder will contain all the files you need. You can import just the .js files which include encapsulated css. Then just use the custom element as mentioned in the docs for each component. Or you can use a the standalone css file for each component, for a limited bit of css support per component.
## TypeScript
In Ids Web Components we chose to use Javascript and not TypeScript, however we want to support developers that use typescript. For each component we also include TypeScript declaration files for all methods, settings and events. And we ensure our code if included directly is type safe via. We also created a small [example TypeScript project](https://github.com/infor-design/enterprise-wc-examples/typescript-ids-wc) to show one way to use Ids Web Components in a plain typescript project.
## Core principles
- Tests first - 100% Test Coverage
- Completely security scans and CSP compatible
- Test first - 100% Test Coverage
- Passes all code security scans and is fully CSP compatible
- Well documented in .md format
- Contains an extensive [CHANGELOG with](./doc/CHANGELOG.md) listed any and all breaking changes
- Follow linted code
- Have accessibility scans in tests from the start
- Follow [Wai Aria practices](https://www.w3.org/TR/wai-aria-practices-1.1/#keyboard-interaction-12)
- Fully Namespaced `ids-`
- Fully linted code
- Follows [Wai Aria practices](https://www.w3.org/TR/wai-aria-practices-1.1/#keyboard-interaction-12) and huge focus on accessibility
- Fully Namespaced with the `ids-` namespace
- We Follow the [Gold Standard For Making Web Components](https://github.com/webcomponents/gold-standard/wiki)

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is too big to display

SocketSocket SOC 2 Logo

Product

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

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc