@ptcwebops/ptcw-design 0.4.2 → 0.4.4

package/dist/esm/icon-asset_5.entry.js

@@ -0,0 +1,980 @@
+import { r as registerInstance, g as getAssetPath, h, H as Host, c as createEvent, a as getElement } from './index-357497dc.js';
+import { c as createCommonjsModule } from './_commonjsHelpers-8b28c6fa.js';
+
+const iconAssetCss = ".svg-inline--fa.sc-icon-asset,svg.sc-icon-asset:not(:root).svg-inline--fa{overflow:visible}.svg-inline--fa.sc-icon-asset{display:inline-block;font-size:inherit;height:1em;vertical-align:-.125em}.svg-inline--fa.fa-lg.sc-icon-asset{vertical-align:-.225em}.svg-inline--fa.fa-w-1.sc-icon-asset{width:.0625em}.svg-inline--fa.fa-w-2.sc-icon-asset{width:.125em}.svg-inline--fa.fa-w-3.sc-icon-asset{width:.1875em}.svg-inline--fa.fa-w-4.sc-icon-asset{width:.25em}.svg-inline--fa.fa-w-5.sc-icon-asset{width:.3125em}.svg-inline--fa.fa-w-6.sc-icon-asset{width:.375em}.svg-inline--fa.fa-w-7.sc-icon-asset{width:.4375em}.svg-inline--fa.fa-w-8.sc-icon-asset{width:.5em}.svg-inline--fa.fa-w-9.sc-icon-asset{width:.5625em}.svg-inline--fa.fa-w-10.sc-icon-asset{width:.625em}.svg-inline--fa.fa-w-11.sc-icon-asset{width:.6875em}.svg-inline--fa.fa-w-12.sc-icon-asset{width:.75em}.svg-inline--fa.fa-w-13.sc-icon-asset{width:.8125em}.svg-inline--fa.fa-w-14.sc-icon-asset{width:.875em}.svg-inline--fa.fa-w-15.sc-icon-asset{width:.9375em}.svg-inline--fa.fa-w-16.sc-icon-asset{width:1em}.svg-inline--fa.fa-w-17.sc-icon-asset{width:1.0625em}.svg-inline--fa.fa-w-18.sc-icon-asset{width:1.125em}.svg-inline--fa.fa-w-19.sc-icon-asset{width:1.1875em}.svg-inline--fa.fa-w-20.sc-icon-asset{width:1.25em}.svg-inline--fa.fa-pull-left.sc-icon-asset{margin-right:.3em;width:auto}.svg-inline--fa.fa-pull-right.sc-icon-asset{margin-left:.3em;width:auto}.svg-inline--fa.fa-border.sc-icon-asset{height:1.5em}.svg-inline--fa.fa-li.sc-icon-asset{width:2em}.svg-inline--fa.fa-fw.sc-icon-asset{width:1.25em}.fa-layers.sc-icon-asset svg.svg-inline--fa.sc-icon-asset{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.fa-layers.sc-icon-asset{display:inline-block;height:1em;position:relative;text-align:center;vertical-align:-.125em;width:1em}.fa-layers.sc-icon-asset svg.svg-inline--fa.sc-icon-asset{-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-counter.sc-icon-asset,.fa-layers-text.sc-icon-asset{display:inline-block;position:absolute;text-align:center}.fa-layers-text.sc-icon-asset{left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-counter.sc-icon-asset{background-color:#ff253a;border-radius:1em;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;height:1.5em;line-height:1;max-width:5em;min-width:1.5em;overflow:hidden;padding:.25em;right:0;text-overflow:ellipsis;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-bottom-right.sc-icon-asset{bottom:0;right:0;top:auto;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:bottom right;transform-origin:bottom right}.fa-layers-bottom-left.sc-icon-asset{bottom:0;left:0;right:auto;top:auto;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:bottom left;transform-origin:bottom left}.fa-layers-top-right.sc-icon-asset{right:0;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-top-left.sc-icon-asset{left:0;right:auto;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top left;transform-origin:top left}.fa-lg.sc-icon-asset{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs.sc-icon-asset{font-size:.75em}.fa-sm.sc-icon-asset{font-size:.875em}.fa-1x.sc-icon-asset{font-size:1em}.fa-2x.sc-icon-asset{font-size:2em}.fa-3x.sc-icon-asset{font-size:3em}.fa-4x.sc-icon-asset{font-size:4em}.fa-5x.sc-icon-asset{font-size:5em}.fa-6x.sc-icon-asset{font-size:6em}.fa-7x.sc-icon-asset{font-size:7em}.fa-8x.sc-icon-asset{font-size:8em}.fa-9x.sc-icon-asset{font-size:9em}.fa-10x.sc-icon-asset{font-size:10em}.fa-fw.sc-icon-asset{text-align:center;width:1.25em}.fa-ul.sc-icon-asset{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul.sc-icon-asset>li.sc-icon-asset{position:relative}.fa-li.sc-icon-asset{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border.sc-icon-asset{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left.sc-icon-asset{float:left}.fa-pull-right.sc-icon-asset{float:right}.fa.fa-pull-left.sc-icon-asset,.fab.fa-pull-left.sc-icon-asset,.fal.fa-pull-left.sc-icon-asset,.far.fa-pull-left.sc-icon-asset,.fas.fa-pull-left.sc-icon-asset{margin-right:.3em}.fa.fa-pull-right.sc-icon-asset,.fab.fa-pull-right.sc-icon-asset,.fal.fa-pull-right.sc-icon-asset,.far.fa-pull-right.sc-icon-asset,.fas.fa-pull-right.sc-icon-asset{margin-left:.3em}.fa-spin.sc-icon-asset{-webkit-animation:fa-spin 2s linear infinite;animation:fa-spin 2s linear infinite}.fa-pulse.sc-icon-asset{-webkit-animation:fa-spin 1s steps(8) infinite;animation:fa-spin 1s steps(8) infinite}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fa-rotate-90.sc-icon-asset{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)\";-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180.sc-icon-asset{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)\";-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270.sc-icon-asset{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)\";-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal.sc-icon-asset{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)\";-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fa-flip-vertical.sc-icon-asset{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.fa-flip-both.sc-icon-asset,.fa-flip-horizontal.fa-flip-vertical.sc-icon-asset,.fa-flip-vertical.sc-icon-asset{-ms-filter:\"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)\"}.fa-flip-both.sc-icon-asset,.fa-flip-horizontal.fa-flip-vertical.sc-icon-asset{-webkit-transform:scale(-1);transform:scale(-1)}.sc-icon-asset:root .fa-flip-both.sc-icon-asset,.sc-icon-asset:root .fa-flip-horizontal.sc-icon-asset,.sc-icon-asset:root .fa-flip-vertical.sc-icon-asset,.sc-icon-asset:root .fa-rotate-90.sc-icon-asset,.sc-icon-asset:root .fa-rotate-180.sc-icon-asset,.sc-icon-asset:root .fa-rotate-270.sc-icon-asset{-webkit-filter:none;filter:none}.fa-stack.sc-icon-asset{display:inline-block;height:2em;position:relative;width:2.5em}.fa-stack-1x.sc-icon-asset,.fa-stack-2x.sc-icon-asset{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.svg-inline--fa.fa-stack-1x.sc-icon-asset{height:1em;width:1.25em}.svg-inline--fa.fa-stack-2x.sc-icon-asset{height:2em;width:2.5em}.fa-inverse.sc-icon-asset{color:#fff}.sr-only.sc-icon-asset{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable.sc-icon-asset:active,.sr-only-focusable.sc-icon-asset:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.svg-inline--fa.sc-icon-asset .fa-primary.sc-icon-asset{fill:var(--fa-primary-color,currentColor);opacity:1;opacity:var(--fa-primary-opacity,1)}.svg-inline--fa.sc-icon-asset .fa-secondary.sc-icon-asset{fill:var(--fa-secondary-color,currentColor)}.svg-inline--fa.sc-icon-asset .fa-secondary.sc-icon-asset,.svg-inline--fa.fa-swap-opacity.sc-icon-asset .fa-primary.sc-icon-asset{opacity:.4;opacity:var(--fa-secondary-opacity,.4)}.svg-inline--fa.fa-swap-opacity.sc-icon-asset .fa-secondary.sc-icon-asset{opacity:1;opacity:var(--fa-primary-opacity,1)}.svg-inline--fa.sc-icon-asset mask.sc-icon-asset .fa-primary.sc-icon-asset,.svg-inline--fa.sc-icon-asset mask.sc-icon-asset .fa-secondary.sc-icon-asset{fill:#000}.fad.fa-inverse.sc-icon-asset{color:#fff}icon-asset.sc-icon-asset{vertical-align:middle}svg.sc-icon-asset{transition:all var(--ptc-transition-medium) var(--ptc-standard-ease)}svg.x-small.sc-icon-asset{width:var(--ptc-font-size-x-small);height:var(--ptc-font-size-x-small)}svg.small.sc-icon-asset{width:var(--ptc-font-size-small);height:var(--ptc-font-size-small)}svg.large.sc-icon-asset{width:var(--ptc-font-size-large);height:var(--ptc-font-size-large)}svg.x-large.sc-icon-asset{width:var(--ptc-font-size-x-large);height:var(--ptc-font-size-x-large)}svg.xx-large.sc-icon-asset{width:var(--ptc-font-size-xx-large);height:var(--ptc-font-size-xx-large)}svg.white.sc-icon-asset{fill:var(--color-white)}svg.black.sc-icon-asset{fill:var(--color-black)}svg.ptc-green.sc-icon-asset{fill:var(--color-primary-green)}svg.gray.sc-icon-asset{fill:var(--color-gray-06)}svg.inherit.sc-icon-asset{fill:inherit}";
+
+let IconAsset = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    /**
+     * Icon Size
+     */
+    this.size = 'small';
+    /**
+     * Icon Type
+     */
+    this.type = 'regular';
+    /**
+     * Icon Spin Animation (not valid for ptc type)
+     */
+    this.spin = '';
+    /**
+     * Icon Pulse Animation (not valid for ptc type)
+     */
+    this.pulse = '';
+    /**
+     * Icon Color
+     */
+    this.color = 'default';
+    this.regularSprite = getAssetPath('./media/regular.svg');
+    this.solidSprite = getAssetPath('./media/solid.svg');
+    this.brandSprite = getAssetPath('./media/brands.svg');
+    this.ptcSprite = getAssetPath('./media/designer.svg');
+  }
+  render() {
+    const classMap = this.getCssClassMap();
+    if (this.type == 'brands') {
+      return (h(Host, null, h("svg", { class: classMap }, h("use", { href: `${this.brandSprite}#${this.name}` }))));
+    }
+    else if (this.type == 'solid') {
+      return (h(Host, null, h("svg", { class: classMap }, h("use", { href: `${this.solidSprite}#${this.name}` }))));
+    }
+    else if (this.type == 'ptc') {
+      return (h(Host, null, h("svg", { class: classMap }, h("use", { href: `${this.ptcSprite}#${this.name}` }))));
+    }
+    else {
+      return (h(Host, null, h("svg", { class: classMap }, h("use", { href: `${this.regularSprite}#${this.name}` }))));
+    }
+  }
+  getCssClassMap() {
+    return {
+      [this.size]: true,
+      [this.spin]: true,
+      [this.pulse]: true,
+      [this.color]: true,
+    };
+  }
+  static get assetsDirs() { return ["media"]; }
+};
+IconAsset.style = iconAssetCss;
+
+const ptcAnnouncementCss = ":host{display:block}.announcement{width:100%;position:relative;background-color:#e4e7e9;z-index:860;background-size:cover;background-repeat:repeat-x;border:1px solid var(--color-secondary-turtlegreen);-webkit-box-shadow:1px 1px 9px 0 rgba(0, 0, 0, 0.56);box-shadow:1px 1px 9px 0 rgba(0, 0, 0, 0.56);z-index:999;display:none}.visible{display:block}.content-wrapper{display:flex;padding:5px 15px;margin:0 auto;align-items:center;justify-content:space-between}@media screen and (min-width: 768px){.content-wrapper{padding:10px 15px}}@media screen and (min-width: 768px){.temp-container{width:750px}}@media screen and (min-width: 992px){.temp-container{width:970px}}@media screen and (min-width: 1200px){.temp-container{width:1170px}}@media screen and (min-width: 1440px){.temp-container{width:1400px}}@media screen and (min-width: 1600px){.temp-container{width:1560px}}.left-content{display:flex;flex-basis:82%;flex-direction:column}@media screen and (min-width: 768px){.left-content{align-items:flex-start;justify-content:flex-start}}.title{flex-basis:18%;font-family:Raleway;font-size:13px;font-weight:800;font-stretch:normal;font-style:normal;line-height:2.6;letter-spacing:1px;text-align:left;color:#40434a;text-transform:uppercase}.ptc-svg-btn{flex-basis:18%}.bar-close{padding-right:15px}.description{flex-basis:82%;font-family:Raleway;font-size:13px;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.4;letter-spacing:normal;text-align:left;color:#40434a;}a{color:#3b4550;-webkit-transition:color 0.3s ease;-o-transition:color 0.3s ease;transition:color 0.3s ease;font-weight:700;border-bottom:0.15rem solid #74c34d;text-decoration:none;margin-left:16px}a:hover{color:#74c34d;text-decoration:none}@media (min-width: 768px){.bar-close{padding-right:0px}}@media (min-width: 992px){.left-content{flex-direction:row;align-items:center}.title{font-size:14px;font-weight:800;line-height:1.86;letter-spacing:1.4px}.description{font-size:16px;font-weight:500;line-height:1.6}}";
+
+let PtcAnnouncement = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.close = createEvent(this, "close", 7);
+    /**
+     * bar title
+     */
+    this.barTitle = "";
+    /**
+     * bar description
+     */
+    this.Description = "";
+    /**
+     * Link Url
+     */
+    this.linkUrl = '#';
+    this.closeClick = () => {
+      this.visible = false;
+      this.close.emit();
+    };
+  }
+  render() {
+    const classMap = this.getCssClassMap();
+    return (h(Host, null, h("div", { class: classMap, part: "part-announcement" }, h("div", { class: this.tempContainer ? 'content-wrapper temp-container' : 'content-wrapper' }, h("div", { class: "left-content", part: "part-left-content" }, !!this.barTitle ? h("div", { class: "title" }, this.barTitle) : null, h("div", { class: "description" }, !!this.Description ? h("span", null, this.Description) : null, !!this.linkText ? (h("a", { href: this.linkUrl, title: this.linkText }, this.linkText)) : null)), h("ptc-svg-btn", { class: "bar-close", "svg-name": "close", onClick: this.closeClick })))));
+  }
+  getCssClassMap() {
+    return {
+      ['announcement']: true,
+      [this.visible ? 'visible' : '']: true,
+    };
+  }
+};
+PtcAnnouncement.style = ptcAnnouncementCss;
+
+var mobileSelect = createCommonjsModule(function (module, exports) {
+/*!
+ * mobileSelect.js
+ * (c) 2017-present onlyhom
+ * Released under the MIT License.
+ */
+
+(function() {
+	
+	function getClass(dom,string) {
+		return dom.getElementsByClassName(string);
+	}
+	//构造器
+	function MobileSelect(config) {
+		this.wheelsData = config.wheels;
+		this.jsonType =  false;
+		this.cascadeJsonData = [];
+		this.displayJson = [];
+		this.curValue = [];
+		this.curIndexArr = [];
+		this.cascade = false;
+		this.offset = 0;
+		this.offsetSum = 0;
+		this.curDistance = [];
+		this.clickStatus = false;
+		this.isPC = true;
+		this.init(config);
+	}
+	MobileSelect.prototype = {
+		constructor: MobileSelect,
+		init: function(config){
+			var _this = this;
+			if(config.wheels[0].data.length==0){
+				console.error('mobileSelect has been successfully installed, but the data is empty and cannot be initialized.');
+				return false;
+			}
+			_this.keyMap = config.keyMap ? config.keyMap : {id:'id', value:'value', childs:'childs'};
+			_this.checkDataType();
+			_this.renderWheels(_this.wheelsData, config.cancelBtnText, config.ensureBtnText);
+			_this.trigger = document.querySelector(config.trigger);
+			if(!_this.trigger){
+				console.error('mobileSelect has been successfully installed, but no trigger found on your page.');
+				return false;
+			}
+			_this.wheel = getClass(_this.mobileSelect,'wheel');
+			_this.slider = getClass(_this.mobileSelect,'selectContainer');
+			_this.wheels = _this.mobileSelect.querySelector('.wheels');
+			_this.liHeight = _this.mobileSelect.querySelector('li').offsetHeight;
+			_this.ensureBtn = _this.mobileSelect.querySelector('.ensure');
+			_this.cancelBtn = _this.mobileSelect.querySelector('.cancel');
+			_this.grayLayer = _this.mobileSelect.querySelector('.grayLayer');
+			_this.popUp = _this.mobileSelect.querySelector('.content');
+			_this.callback = config.callback || function(){};
+			_this.cancel = config.cancel || function(){};
+			_this.transitionEnd = config.transitionEnd || function(){};
+			_this.onShow = config.onShow || function(){};
+			_this.onHide = config.onHide || function(){};
+			_this.initPosition = config.position || [];
+			_this.titleText = config.title || '';
+			_this.connector = config.connector || ' ';
+			_this.triggerDisplayData = !(typeof(config.triggerDisplayData)=='undefined') ? config.triggerDisplayData : true;
+			_this.trigger.style.cursor='pointer';
+			_this.setStyle(config);
+			_this.setTitle(_this.titleText);
+			_this.checkIsPC();
+			_this.checkCascade();
+			_this.addListenerAll();
+
+			if (_this.cascade) {
+				_this.initCascade();
+			}
+			//定位 初始位置
+			if(_this.initPosition.length < _this.slider.length){
+				var diff = _this.slider.length - _this.initPosition.length;
+				for(var i=0; i<diff; i++){
+					_this.initPosition.push(0);
+				}
+			}
+
+			_this.setCurDistance(_this.initPosition);
+
+
+			//按钮监听
+			_this.cancelBtn.addEventListener('click',function(){
+				_this.hide();
+				_this.cancel(_this.curIndexArr, _this.curValue);
+		    });
+
+		    _this.ensureBtn.addEventListener('click',function(){
+				_this.hide();
+			    if(!_this.liHeight) {
+			        _this.liHeight =  _this.mobileSelect.querySelector('li').offsetHeight;
+			    }
+				var tempValue ='';
+		    	for(var i=0; i<_this.wheel.length; i++){
+		    		i==_this.wheel.length-1 ? tempValue += _this.getInnerHtml(i) : tempValue += _this.getInnerHtml(i) + _this.connector;
+		    	}
+		    	if(_this.triggerDisplayData){
+		    		_this.trigger.innerHTML = tempValue;
+		    	}
+		    	_this.curIndexArr = _this.getIndexArr();
+		    	_this.curValue = _this.getCurValue();
+		    	_this.callback(_this.curIndexArr, _this.curValue);
+		    });
+
+		    _this.trigger.addEventListener('click',function(){
+		    	_this.show();
+		    });
+		    _this.grayLayer.addEventListener('click',function(){
+				_this.hide();
+				_this.cancel(_this.curIndexArr, _this.curValue);
+		    });
+		    _this.popUp.addEventListener('click',function(){
+		    	event.stopPropagation();
+		    });
+
+			_this.fixRowStyle(); //修正列数
+		},
+
+		setTitle: function(string){
+			var _this = this;
+			_this.titleText = string;
+			_this.mobileSelect.querySelector('.title').innerHTML = _this.titleText;
+		},
+
+		setStyle: function(config){
+			var _this = this;
+			if(config.ensureBtnColor){
+				_this.ensureBtn.style.color = config.ensureBtnColor;
+			}
+			if(config.cancelBtnColor){
+				_this.cancelBtn.style.color = config.cancelBtnColor;
+			}
+			if(config.titleColor){
+				_this.title = _this.mobileSelect.querySelector('.title');
+				_this.title.style.color = config.titleColor;
+			}
+			if(config.textColor){
+				_this.panel = _this.mobileSelect.querySelector('.panel');
+				_this.panel.style.color = config.textColor;
+			}
+			if(config.titleBgColor){
+				_this.btnBar = _this.mobileSelect.querySelector('.btnBar');
+				_this.btnBar.style.backgroundColor = config.titleBgColor;
+			}
+			if(config.bgColor){
+				_this.panel = _this.mobileSelect.querySelector('.panel');
+				_this.shadowMask = _this.mobileSelect.querySelector('.shadowMask');
+				_this.panel.style.backgroundColor = config.bgColor;
+				_this.shadowMask.style.background = 'linear-gradient(to bottom, '+ config.bgColor + ', rgba(255, 255, 255, 0), '+ config.bgColor + ')';
+			}
+			if(!isNaN(config.maskOpacity)){
+				_this.grayMask = _this.mobileSelect.querySelector('.grayLayer');
+				_this.grayMask.style.background = 'rgba(0, 0, 0, '+ config.maskOpacity +')';
+			}
+		},
+
+		checkIsPC: function(){
+			var _this = this;
+			var sUserAgent = navigator.userAgent.toLowerCase();
+			var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
+			var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
+			var bIsMidp = sUserAgent.match(/midp/i) == "midp";
+			var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
+			var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
+			var bIsAndroid = sUserAgent.match(/android/i) == "android";
+			var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
+			var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
+			if ((bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM)) {
+			    _this.isPC = false;
+			}
+		},
+
+ 		show: function(){
+			this.mobileSelect.classList.add('mobileSelect-show');
+			if (typeof this.onShow === 'function') {
+				this.onShow(this);
+			}
+  		},
+
+	    hide: function() {
+			this.mobileSelect.classList.remove('mobileSelect-show');
+			if (typeof this.onHide === 'function') {
+				this.onHide(this);
+			}
+	    },
+
+		renderWheels: function(wheelsData, cancelBtnText, ensureBtnText){
+			var _this = this;
+			var cancelText = cancelBtnText ? cancelBtnText : '取消';
+			var ensureText = ensureBtnText ? ensureBtnText : '确认';
+			_this.mobileSelect = document.createElement("div");
+			_this.mobileSelect.className = "mobileSelect";
+			_this.mobileSelect.innerHTML =
+		    	'<div class="grayLayer"></div>'+
+		        '<div class="content">'+
+		            '<div class="btnBar">'+
+		                '<div class="fixWidth">'+
+		                    '<div class="cancel">'+ cancelText +'</div>'+
+		                    '<div class="title"></div>'+
+		                    '<div class="ensure">'+ ensureText +'</div>'+
+		                '</div>'+
+		            '</div>'+
+		            '<div class="panel">'+
+		                '<div class="fixWidth">'+
+		                	'<div class="wheels">'+
+			                '</div>'+
+		                    '<div class="selectLine"></div>'+
+		                    '<div class="shadowMask"></div>'+
+		                '</div>'+
+		            '</div>'+
+		        '</div>';
+		    document.body.appendChild(_this.mobileSelect);
+
+			//根据数据长度来渲染
+
+			var tempHTML='';
+			for(var i=0; i<wheelsData.length; i++){
+			//列
+				tempHTML += '<div class="wheel"><ul class="selectContainer">';
+				if(_this.jsonType){
+					for(var j=0; j<wheelsData[i].data.length; j++){
+					//行
+						tempHTML += '<li data-id="'+wheelsData[i].data[j][_this.keyMap.id]+'">'+wheelsData[i].data[j][_this.keyMap.value]+'</li>';
+					}
+				}else {
+					for(var j=0; j<wheelsData[i].data.length; j++){
+					//行
+						tempHTML += '<li>'+wheelsData[i].data[j]+'</li>';
+					}
+				}
+				tempHTML += '</ul></div>';
+			}
+			_this.mobileSelect.querySelector('.wheels').innerHTML = tempHTML;
+		},
+
+		addListenerAll: function(){
+			var _this = this;
+			for(var i=0; i<_this.slider.length; i++){
+				//手势监听
+				(function (i) {
+					_this.addListenerWheel(_this.wheel[i], i);
+				})(i);
+			}
+		},
+
+		addListenerWheel: function(theWheel, index){
+			var _this = this;
+			theWheel.addEventListener('touchstart', function () {
+				_this.touch(event, this.firstChild, index);
+			},false);
+			theWheel.addEventListener('touchend', function () {
+				_this.touch(event, this.firstChild, index);
+			},false);
+			theWheel.addEventListener('touchmove', function () {
+				_this.touch(event, this.firstChild, index);
+			},false);
+
+			if(_this.isPC){
+				//如果是PC端则再增加拖拽监听 方便调试
+				theWheel.addEventListener('mousedown', function () {
+					_this.dragClick(event, this.firstChild, index);
+				},false);
+				theWheel.addEventListener('mousemove', function () {
+					_this.dragClick(event, this.firstChild, index);
+				},false);
+				theWheel.addEventListener('mouseup', function () {
+					_this.dragClick(event, this.firstChild, index);
+				},true);
+			}
+		},
+
+		checkDataType: function(){
+			var _this = this;
+			if(typeof(_this.wheelsData[0].data[0])=='object'){
+				_this.jsonType = true;
+			}
+		},
+
+		checkCascade: function(){
+			var _this = this;
+			if(_this.jsonType){
+				var node = _this.wheelsData[0].data;
+				for(var i=0; i<node.length; i++){
+					if(_this.keyMap.childs in node[i] && node[i][_this.keyMap.childs].length > 0){
+						_this.cascade = true;
+						_this.cascadeJsonData = _this.wheelsData[0].data;
+						break;
+					}
+				}
+			}else {
+				_this.cascade = false;
+			}
+		},
+
+		generateArrData: function (targetArr) {
+			var tempArr = [];
+			var keyMap_id = this.keyMap.id;
+			var keyMap_value = this.keyMap.value;
+			for(var i=0; i<targetArr.length; i++){
+				var tempObj = {};
+				tempObj[keyMap_id] = targetArr[i][this.keyMap.id];
+				tempObj[keyMap_value] = targetArr[i][this.keyMap.value];
+				tempArr.push(tempObj);
+			}
+			return tempArr;
+		},
+
+		initCascade: function(){
+			var _this = this;
+			_this.displayJson.push(_this.generateArrData(_this.cascadeJsonData));
+			if(_this.initPosition.length>0){
+				_this.initDeepCount = 0;
+				_this.initCheckArrDeep(_this.cascadeJsonData[_this.initPosition[0]]);
+			}else {
+				_this.checkArrDeep(_this.cascadeJsonData[0]);
+			}
+			_this.reRenderWheels();
+		},
+
+		initCheckArrDeep: function (parent) {
+			var _this = this;
+			if(parent){
+				if (_this.keyMap.childs in parent && parent[_this.keyMap.childs].length > 0) {
+					_this.displayJson.push(_this.generateArrData(parent[_this.keyMap.childs]));
+					_this.initDeepCount++;
+					var nextNode = parent[_this.keyMap.childs][_this.initPosition[_this.initDeepCount]];
+					if(nextNode){
+						_this.initCheckArrDeep(nextNode);
+					}else {
+						_this.checkArrDeep(parent[_this.keyMap.childs][0]);
+					}
+				}
+			}
+		},
+
+		checkArrDeep: function (parent) {
+			//检测子节点深度  修改 displayJson
+			var _this = this;
+			if(parent){
+				if (_this.keyMap.childs in parent && parent[_this.keyMap.childs].length > 0) {
+					_this.displayJson.push(_this.generateArrData(parent[_this.keyMap.childs])); //生成子节点数组
+					_this.checkArrDeep(parent[_this.keyMap.childs][0]);//检测下一个子节点
+				}
+			}
+		},
+
+		checkRange: function(index, posIndexArr){
+			var _this = this;
+			var deleteNum = _this.displayJson.length-1-index;
+			for(var i=0; i<deleteNum; i++){
+				_this.displayJson.pop(); //修改 displayJson
+			}
+			var resultNode;
+			for (var i = 0; i <= index; i++){
+				if (i == 0)
+					resultNode = _this.cascadeJsonData[posIndexArr[0]];
+				else {
+					resultNode = resultNode[_this.keyMap.childs][posIndexArr[i]];
+				}
+			}
+			_this.checkArrDeep(resultNode);
+			//console.log(_this.displayJson);
+			_this.reRenderWheels();
+			_this.fixRowStyle();
+			_this.setCurDistance(_this.resetPosition(index, posIndexArr));
+		},
+
+		resetPosition: function(index, posIndexArr){
+			var _this = this;
+			var tempPosArr = posIndexArr;
+			var tempCount;
+			if(_this.slider.length > posIndexArr.length){
+				tempCount = _this.slider.length - posIndexArr.length;
+				for(var i=0; i<tempCount; i++){
+					tempPosArr.push(0);
+				}
+			}else if(_this.slider.length < posIndexArr.length){
+				tempCount = posIndexArr.length - _this.slider.length;
+				for(var i=0; i<tempCount; i++){
+					tempPosArr.pop();
+				}
+			}
+			for(var i=index+1; i< tempPosArr.length; i++){
+				tempPosArr[i] = 0;
+			}
+			return tempPosArr;
+		},
+		reRenderWheels: function(){
+			var _this = this;
+			//删除多余的wheel
+			if(_this.wheel.length > _this.displayJson.length){
+				var count = _this.wheel.length - _this.displayJson.length;
+				for(var i=0; i<count; i++){
+					_this.wheels.removeChild(_this.wheel[_this.wheel.length-1]);
+				}
+			}
+			for(var i=0; i<_this.displayJson.length; i++){
+			//列
+				(function (i) {
+					var tempHTML='';
+					if(_this.wheel[i]){
+						//console.log('插入Li');
+						for(var j=0; j<_this.displayJson[i].length; j++){
+						//行
+							tempHTML += '<li data-id="'+_this.displayJson[i][j][_this.keyMap.id]+'">'+_this.displayJson[i][j][_this.keyMap.value]+'</li>';
+						}
+						_this.slider[i].innerHTML = tempHTML;
+
+					}else {
+						var tempWheel = document.createElement("div");
+						tempWheel.className = "wheel";
+						tempHTML = '<ul class="selectContainer">';
+						for(var j=0; j<_this.displayJson[i].length; j++){
+						//行
+							tempHTML += '<li data-id="'+_this.displayJson[i][j][_this.keyMap.id]+'">'+_this.displayJson[i][j][_this.keyMap.value]+'</li>';
+						}
+						tempHTML += '</ul>';
+						tempWheel.innerHTML = tempHTML;
+
+						_this.addListenerWheel(tempWheel, i);
+				    	_this.wheels.appendChild(tempWheel);
+					}
+					//_this.·(i);
+				})(i);
+			}
+		},
+
+		updateWheels:function(data){
+			var _this = this;
+			if(_this.cascade){
+				_this.cascadeJsonData = data;
+				_this.displayJson = [];
+				_this.initCascade();
+				if(_this.initPosition.length < _this.slider.length){
+					var diff = _this.slider.length - _this.initPosition.length;
+					for(var i=0; i<diff; i++){
+						_this.initPosition.push(0);
+					}
+				}
+				_this.setCurDistance(_this.initPosition);
+				_this.fixRowStyle();
+			}
+		},
+
+		updateWheel: function(sliderIndex, data){
+			var _this = this;
+			var tempHTML='';
+	    	if(_this.cascade){
+	    		console.error('级联格式不支持updateWheel(),请使用updateWheels()更新整个数据源');
+				return false;
+	    	}
+	    	else if(_this.jsonType){
+				for(var j=0; j<data.length; j++){
+					tempHTML += '<li data-id="'+data[j][_this.keyMap.id]+'">'+data[j][_this.keyMap.value]+'</li>';
+				}
+				_this.wheelsData[sliderIndex] = {data: data};
+	    	}else {
+				for(var j=0; j<data.length; j++){
+					tempHTML += '<li>'+data[j]+'</li>';
+				}
+				_this.wheelsData[sliderIndex] = data;
+	    	}
+			_this.slider[sliderIndex].innerHTML = tempHTML;
+		},
+
+		fixRowStyle: function(){
+			var _this = this;
+			var width = (100/_this.wheel.length).toFixed(2);
+			for(var i=0; i<_this.wheel.length; i++){
+				_this.wheel[i].style.width = width+'%';
+			}
+		},
+
+	    getIndex: function(distance){
+	        return Math.round((2*this.liHeight-distance)/this.liHeight);
+	    },
+
+	    getIndexArr: function(){
+	    	var _this = this;
+	    	var temp = [];
+	    	for(var i=0; i<_this.curDistance.length; i++){
+	    		temp.push(_this.getIndex(_this.curDistance[i]));
+	    	}
+	    	return temp;
+	    },
+
+	    getCurValue: function(){
+	    	var _this = this;
+	    	var temp = [];
+	    	var positionArr = _this.getIndexArr();
+	    	if(_this.cascade){
+		    	for(var i=0; i<_this.wheel.length; i++){
+		    		temp.push(_this.displayJson[i][positionArr[i]]);
+		    	}
+	    	}
+	    	else if(_this.jsonType){
+		    	for(var i=0; i<_this.curDistance.length; i++){
+		    		temp.push(_this.wheelsData[i].data[_this.getIndex(_this.curDistance[i])]);
+		    	}
+	    	}else {
+		    	for(var i=0; i<_this.curDistance.length; i++){
+		    		temp.push(_this.getInnerHtml(i));
+		    	}
+	    	}
+	    	return temp;
+	    },
+
+	    getValue: function(){
+	    	return this.curValue;
+	    },
+
+	    calcDistance: function(index){
+			return 2*this.liHeight-index*this.liHeight;
+	    },
+
+	    setCurDistance: function(indexArr){
+	    	var _this = this;
+	    	var temp = [];
+	    	for(var i=0; i<_this.slider.length; i++){
+	    		temp.push(_this.calcDistance(indexArr[i]));
+	    		_this.movePosition(_this.slider[i],temp[i]);
+	    	}
+	    	_this.curDistance = temp;
+	    },
+
+	    fixPosition: function(distance){
+	        return -(this.getIndex(distance)-2)*this.liHeight;
+	    },
+
+	    movePosition: function(theSlider, distance){
+	        theSlider.style.webkitTransform = 'translate3d(0,' + distance + 'px, 0)';
+	        theSlider.style.transform = 'translate3d(0,' + distance + 'px, 0)';
+	    },
+
+	    locatePosition: function(index, posIndex){
+	    	var _this = this;
+  	    	this.curDistance[index] = this.calcDistance(posIndex);
+  	    	this.movePosition(this.slider[index],this.curDistance[index]);
+	        if(_this.cascade){
+		    	_this.checkRange(index, _this.getIndexArr());
+			}
+	    },
+
+	    updateCurDistance: function(theSlider, index){
+	        if(theSlider.style.transform){
+				this.curDistance[index] = parseInt(theSlider.style.transform.split(',')[1]);
+	        }else {
+				this.curDistance[index] = parseInt(theSlider.style.webkitTransform.split(',')[1]);
+	        }
+	    },
+
+	    getDistance:function(theSlider){
+	    	if(theSlider.style.transform){
+	    		return parseInt(theSlider.style.transform.split(',')[1]);
+	    	}else {
+	    		return parseInt(theSlider.style.webkitTransform.split(',')[1]);
+	    	}
+	    },
+
+	    getInnerHtml: function(sliderIndex){
+	    	var _this = this;
+	    	var index = _this.getIndex(_this.curDistance[sliderIndex]);
+	    	return _this.slider[sliderIndex].getElementsByTagName('li')[index].innerHTML;
+	    },
+
+	    touch: function(event, theSlider, index){
+	    	var _this = this;
+	    	event = event || window.event;
+	    	switch(event.type){
+	    		case "touchstart":
+			        _this.startY = event.touches[0].clientY;
+			        _this.startY = parseInt(_this.startY);
+			        _this.oldMoveY = _this.startY;
+	    			break;
+
+	    		case "touchend":
+
+			        _this.moveEndY = parseInt(event.changedTouches[0].clientY);
+			        _this.offsetSum = _this.moveEndY - _this.startY;
+					_this.oversizeBorder = -(theSlider.getElementsByTagName('li').length-3)*_this.liHeight;
+
+					if(_this.offsetSum == 0){
+						//offsetSum为0,相当于点击事件
+						// 0 1 [2] 3 4
+						var clickOffetNum = parseInt((document.documentElement.clientHeight - _this.moveEndY)/40);
+						if(clickOffetNum!=2){
+							var offset = clickOffetNum - 2;
+							var newDistance = _this.curDistance[index] + (offset*_this.liHeight);
+							if((newDistance <= 2*_this.liHeight) && (newDistance >= _this.oversizeBorder) ){
+								_this.curDistance[index] = newDistance;
+								_this.movePosition(theSlider, _this.curDistance[index]);
+								_this.transitionEnd(_this.getIndexArr(),_this.getCurValue());
+							}
+						}
+					}else {
+						//修正位置
+						_this.updateCurDistance(theSlider, index);
+						_this.curDistance[index] = _this.fixPosition(_this.curDistance[index]);
+						_this.movePosition(theSlider, _this.curDistance[index]);
+
+				        //反弹
+				        if(_this.curDistance[index] + _this.offsetSum > 2*_this.liHeight){
+				            _this.curDistance[index] = 2*_this.liHeight;
+				            setTimeout(function(){
+				                _this.movePosition(theSlider, _this.curDistance[index]);
+				            }, 100);
+
+				        }else if(_this.curDistance[index] + _this.offsetSum < _this.oversizeBorder){
+				            _this.curDistance[index] = _this.oversizeBorder;
+				            setTimeout(function(){
+				                _this.movePosition(theSlider, _this.curDistance[index]);
+				            }, 100);
+				        }
+						_this.transitionEnd(_this.getIndexArr(),_this.getCurValue());
+					}
+
+ 			        if(_this.cascade){
+				        _this.checkRange(index, _this.getIndexArr());
+				    }
+
+	    			break;
+
+	    		case "touchmove":
+			        event.preventDefault();
+			        _this.moveY = event.touches[0].clientY;
+			        _this.offset = _this.moveY - _this.oldMoveY;
+
+			        _this.updateCurDistance(theSlider, index);
+			        _this.curDistance[index] = _this.curDistance[index] + _this.offset;
+			        _this.movePosition(theSlider, _this.curDistance[index]);
+			        _this.oldMoveY = _this.moveY;
+	    			break;
+	    	}
+	    },
+
+	    dragClick: function(event, theSlider, index){
+	    	var _this = this;
+	    	event = event || window.event;
+	    	switch(event.type){
+	    		case "mousedown":
+			        _this.startY = event.clientY;
+			        _this.oldMoveY = _this.startY;
+			        _this.clickStatus = true;
+	    			break;
+
+	    		case "mouseup":
+
+			        _this.moveEndY = event.clientY;
+			        _this.offsetSum = _this.moveEndY - _this.startY;
+					_this.oversizeBorder = -(theSlider.getElementsByTagName('li').length-3)*_this.liHeight;
+
+					if(_this.offsetSum == 0){
+						var clickOffetNum = parseInt((document.documentElement.clientHeight - _this.moveEndY)/40);
+						if(clickOffetNum!=2){
+							var offset = clickOffetNum - 2;
+							var newDistance = _this.curDistance[index] + (offset*_this.liHeight);
+							if((newDistance <= 2*_this.liHeight) && (newDistance >= _this.oversizeBorder) ){
+								_this.curDistance[index] = newDistance;
+								_this.movePosition(theSlider, _this.curDistance[index]);
+								_this.transitionEnd(_this.getIndexArr(),_this.getCurValue());
+							}
+						}
+					}else {
+						//修正位置
+						_this.updateCurDistance(theSlider, index);
+						_this.curDistance[index] = _this.fixPosition(_this.curDistance[index]);
+						_this.movePosition(theSlider, _this.curDistance[index]);
+
+						//反弹
+						if(_this.curDistance[index] + _this.offsetSum > 2*_this.liHeight){
+						    _this.curDistance[index] = 2*_this.liHeight;
+						    setTimeout(function(){
+						        _this.movePosition(theSlider, _this.curDistance[index]);
+						    }, 100);
+
+						}else if(_this.curDistance[index] + _this.offsetSum < _this.oversizeBorder){
+						    _this.curDistance[index] = _this.oversizeBorder;
+						    setTimeout(function(){
+						        _this.movePosition(theSlider, _this.curDistance[index]);
+						    }, 100);
+						}
+						_this.transitionEnd(_this.getIndexArr(),_this.getCurValue());
+
+					}
+
+			        _this.clickStatus = false;
+ 			        if(_this.cascade){
+				        _this.checkRange(index, _this.getIndexArr());
+			    	}
+	    			break;
+
+	    		case "mousemove":
+			        event.preventDefault();
+			        if(_this.clickStatus){
+				        _this.moveY = event.clientY;
+				        _this.offset = _this.moveY - _this.oldMoveY;
+				        _this.updateCurDistance(theSlider, index);
+				        _this.curDistance[index] = _this.curDistance[index] + _this.offset;
+				        _this.movePosition(theSlider, _this.curDistance[index]);
+				        _this.oldMoveY = _this.moveY;
+			        }
+	    			break;
+	    	}
+	    }
+
+	};
+
+	{
+		module.exports = MobileSelect;
+	}
+})();
+});
+
+const ptcMobileSelectCss = ".mobileSelect{position:relative;z-index:0;opacity:0;visibility:hidden;-webkit-transition:opacity 0.4s, z-index 0.4s;transition:opacity 0.4s, z-index 0.4s}.mobileSelect *{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.mobileSelect .grayLayer{position:fixed;top:0;left:0;bottom:0;right:0;background:#eee;background:rgba(0, 0, 0, 0.7);z-index:888;display:block}.mobileSelect .content{width:100%;display:block;position:fixed;z-index:889;color:black;-webkit-transition:all 0.4s;transition:all 0.4s;bottom:-350px;left:0;background:white}.mobileSelect .content .fixWidth{width:90%;margin:0 auto;position:relative}.mobileSelect .content .fixWidth:after{content:\".\";display:block;height:0;clear:both;visibility:hidden}.mobileSelect .content .btnBar{border-bottom:1px solid #DCDCDC;font-size:15px;height:45px;position:relative;text-align:center;line-height:45px}.mobileSelect .content .btnBar .cancel,.mobileSelect .content .btnBar .ensure{height:45px;width:55px;cursor:pointer;position:absolute;top:0}.mobileSelect .content .btnBar .cancel{left:0;color:#666}.mobileSelect .content .btnBar .ensure{right:0;color:#1e83d3}.mobileSelect .content .btnBar .title{font-size:15px;padding:0 15%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mobileSelect .content .panel:after{content:\".\";display:block;height:0;clear:both;visibility:hidden}.mobileSelect .content .panel .wheels{width:100%;height:200px;overflow:hidden}.mobileSelect .content .panel .wheel{position:relative;z-index:0;float:left;width:50%;height:200px;overflow:hidden;-webkit-transition:width 0.3s ease;transition:width 0.3s ease}.mobileSelect .content .panel .wheel .selectContainer{display:block;text-align:center;-webkit-transition:-webkit-transform 0.18s ease-out;transition:-webkit-transform 0.18s ease-out;transition:transform 0.18s ease-out;transition:transform 0.18s ease-out, -webkit-transform 0.18s ease-out}.mobileSelect .content .panel .wheel .selectContainer li{font-size:15px;display:block;height:40px;line-height:40px;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mobileSelect .content .panel .selectLine{height:40px;width:100%;position:absolute;top:80px;pointer-events:none;-webkit-box-sizing:border-box;box-sizing:border-box;border-top:1px solid #DCDCDC;border-bottom:1px solid #DCDCDC}.mobileSelect .content .panel .shadowMask{position:absolute;top:0;width:100%;height:200px;background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(rgba(255, 255, 255, 0)), to(#ffffff));background:-webkit-linear-gradient(top, #ffffff, rgba(255, 255, 255, 0), #ffffff);background:linear-gradient(to bottom, #ffffff, rgba(255, 255, 255, 0), #ffffff);opacity:0.9;pointer-events:none}.mobileSelect-show{opacity:1;z-index:10000;visibility:visible}.mobileSelect-show .content{bottom:0}.mobile-select-wrapper{display:block}.mobile-select-wrapper div{display:inline;margin-right:10px;width:100%;font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-regular);font-size:var(--ptc-font-size-15);line-height:var(--ptc-line-height-18);color:var(--color-white);height:var(--ptc-line-height-18)}.mobileSelect .content{top:auto}.mobileSelect .content .btnBar{border-color:var(--color-gray-10)}.mobileSelect .content .btnBar .cancel,.mobileSelect .content .btnBar .ensure,.mobileSelect .content .btnBar .title{font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-semibold);font-size:var(--ptc-font-size-medium);line-height:var(--ptc-line-height-19)}.mobileSelect .content .btnBar .ensure,.mobileSelect .content .btnBar .cancel{transform:translateY(12.5px)}.mobileSelect .content .panel .wheel .selectContainer li{font-family:var(--ptc-font-latin);font-weight:var(--ptc-font-weight-semibold);font-size:var(--ptc-font-size-medium);line-height:var(--ptc-line-height-19);height:45px}ptc-responsive-wrapper.xsmall .mobile-select-wrapper,ptc-responsive-wrapper.small .mobile-select-wrapper{display:block}ptc-responsive-wrapper.medium .mobile-select-wrapper,ptc-responsive-wrapper.large .mobile-select-wrapper,ptc-responsive-wrapper.xlarge .mobile-select-wrapper,ptc-responsive-wrapper.xxlarge .mobile-select-wrapper,ptc-responsive-wrapper.large2k .mobile-select-wrapper,ptc-responsive-wrapper.large4k .mobile-select-wrapper{display:none}";
+
+let PtcMobileSelect = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    /**
+     * Confirm Text
+     */
+    this.ensureBtnText = 'Confirm';
+    /**
+     * Cancel Text
+     */
+    this.cancelBtnText = 'Cancel';
+    /**
+     * Mobile select list title (Optional)
+     */
+    this.listTitle = undefined;
+  }
+  render() {
+    return (h("ptc-responsive-wrapper", null, h("div", { class: "mobile-select-wrapper" }, h("div", { id: this.triggerName }, this.linkText), h("icon-asset", { type: "ptc", size: "x-small", name: "chevron-down", color: "white" }))));
+  }
+  componentDidRender() {
+    new mobileSelect({
+      trigger: `#${this.triggerName}`,
+      title: `${this.listTitle ? this.listTitle : ''}`,
+      wheels: this.wheelData ? [{ data: this.wheelData }] : [{ data: ["test1", 'test2'] }],
+      position: [0],
+      ensureBtnText: this.ensureBtnText,
+      cancelBtnText: this.cancelBtnText,
+      ensureBtnColor: 'var(--color-gray-12)',
+      cancelBtnColor: 'var(--color-gray-12)',
+      titleColor: 'var(--color-gray-12)',
+    });
+  }
+};
+PtcMobileSelect.style = ptcMobileSelectCss;
+
+const ptcResponsiveWrapperCss = ":host{display:block}";
+
+let PtcResponsiveWrapper = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  componentDidLoad() {
+    this.ro = new ResizeObserver(entries => {
+      for (const entry of entries) {
+        this.applySizeClasses(entry.contentRect.width);
+      }
+    });
+    this.ro.observe(this.element);
+  }
+  disconnectedCallback() {
+    this.ro.disconnect();
+  }
+  applySizeClasses(size) {
+    let xsmall = false;
+    let small = false;
+    let medium = false;
+    let large = false;
+    let xlarge = false;
+    let xxlarge = false;
+    let large2k = false;
+    let large4k = false;
+    if (size >= 2600)
+      large4k = true;
+    else if (size >= 1980)
+      large2k = true;
+    else if (size >= 1600)
+      xxlarge = true;
+    else if (size >= 1440)
+      xlarge = true;
+    else if (size >= 1200)
+      large = true;
+    else if (size >= 992)
+      medium = true;
+    else if (size >= 768)
+      small = true;
+    else
+      xsmall = true;
+    this.element.classList.toggle("xsmall", xsmall);
+    this.element.classList.toggle("small", small);
+    this.element.classList.toggle("medium", medium);
+    this.element.classList.toggle("large", large);
+    this.element.classList.toggle("xlarge", xlarge);
+    this.element.classList.toggle("xxlarge", xxlarge);
+    this.element.classList.toggle("large2k", large2k);
+    this.element.classList.toggle("large4k", large4k);
+  }
+  render() {
+    return (h("div", null, h("slot", null)));
+  }
+  get element() { return getElement(this); }
+};
+PtcResponsiveWrapper.style = ptcResponsiveWrapperCss;
+
+const closeSvg = `<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 42 41.485">
+    <g id="Group_1042" data-name="Group 1042" transform="rotate(180 108.25 87.993)">
+        <path id="Line_446" d="M0 0v39.486" class="cls-1" data-name="Line 446"></path>
+        <path id="Line_447" d="M0 0h40" class="cls-1" data-name="Line 447"></path>
+        <path id="Line_448" d="M0 33.592V0" class="cls-1" data-name="Line 448"></path>
+        <path id="Line_449" d="M23.994 0H0" class="cls-1" data-name="Line 449"></path>
+        <path id="Line_450" d="M0 0l17.596 17.596" class="cls-2" data-name="Line 450" transform="translate(187.229 147.226)"></path>
+        <path id="Line_451" d="M0 7.198L7.199 0" class="cls-2" data-name="Line 451" transform="translate(197.55 147.312)"></path>
+        <path id="Path_114" d="M0 7.2L7.2 0" class="cls-2" data-name="Path 114" transform="translate(187.313 157.549)"></path>
+    </g>
+</svg>`;
+
+const arrowSvgLeft = `<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_d_494_37)">
+<circle cx="24" cy="22" r="20" fill="white"/>
+<path d="M23.1444 16L23.1444 20.5762L31 20.5762L31 23.4239L23.1444 23.4239L23.1444 28L17 21.9669L23.1444 16Z" class="arrow"/>
+</g>
+<defs>
+<filter id="filter0_d_494_37" x="0" y="0" width="48" height="48" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_494_37"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_494_37" result="shape"/>
+</filter>
+</defs>
+</svg>
+`;
+
+const arrowSvgRight = `<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g filter="url(#filter0_d_494_34)">
+<circle cx="24" cy="22" r="20" fill="white"/>
+<path d="M24.8556 16L24.8556 20.5762L17 20.5762L17 23.4239L24.8556 23.4239L24.8556 28L31 21.9669L24.8556 16Z" class="arrow"/>
+</g>
+<defs>
+<filter id="filter0_d_494_34" x="0" y="0" width="48" height="48" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="2"/>
+<feGaussianBlur stdDeviation="2"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_494_34"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_494_34" result="shape"/>
+</filter>
+</defs>
+</svg>
+`;
+
+const ptcSvgBtnCss = ":host{cursor:pointer}:host(.block){display:block}:host(.inline){display:inline}:host(.inline-block){display:inline-block}:host(.flex){display:flex}:host(:focus-visible){outline:none}:focus-visible{outline:none}.svg-close svg .cls-1,.svg-close svg .cls-2{fill:none;stroke-width:2px}.svg-close svg .cls-1{stroke:#40434A;stroke-linecap:square}.svg-close svg .cls-2{stroke:#40434A}.svg-close svg path{-webkit-transition:all 0.25s ease-in-out;-o-transition:all ease-in-out 0.25s;transition:all 0.25s ease-in-out}.svg-close svg .cls-1:first-child{-webkit-transform:translate(175.5px, 135.5px);-ms-transform:translate(175.5px, 135.5px);transform:translate(175.5px, 135.5px)}.svg-close svg .cls-1:nth-child(2){-webkit-transform:translate(175.5px, 174.985px);-ms-transform:translate(175.5px, 174.985px);transform:translate(175.5px, 174.985px)}.svg-close svg .cls-1:nth-child(3){-webkit-transform:translate(215.5px, 141.393px);-ms-transform:translate(215.5px, 141.393px);transform:translate(215.5px, 141.393px)}.svg-close svg .cls-1:nth-child(4){-webkit-transform:translate(175.5px, 135.5px);-ms-transform:translate(175.5px, 135.5px);transform:translate(175.5px, 135.5px)}.svg-close:hover svg .cls-1:first-child{-webkit-transform:translate(175.5px, 162px);-ms-transform:translate(175.5px, 162px);transform:translate(175.5px, 162px)}.svg-close:hover svg .cls-1:nth-child(2){-webkit-transform:translate(149px, 174.985px);-ms-transform:translate(149px, 174.985px);transform:translate(149px, 174.985px)}.svg-close:hover svg .cls-1:nth-child(3){-webkit-transform:translate(215.5px, 174px);-ms-transform:translate(215.5px, 174px);transform:translate(215.5px, 174px)}.svg-close:hover svg .cls-1:nth-child(4){-webkit-transform:translate(152.5px, 135.5px);-ms-transform:translate(152.5px, 135.5px);transform:translate(152.5px, 135.5px)}.svg-close.svg-close-white .cls-1{stroke:#fff}.slider-left,.slider-right{transition:all var(--ptc-transition-medium) var(--ptc-standard-ease)}.slider-left svg .arrow,.slider-right svg .arrow{fill:var(--color-primary-grey)}.slider-left:hover svg .arrow,.slider-right:hover svg .arrow{fill:var(--color-green-06)}";
+
+let PtcSvgBtn = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    /**
+     * Display
+     */
+    this.display = 'block';
+  }
+  render() {
+    const classMap = this.getCssClassMap();
+    return (h(Host, { class: classMap }, !!this.svgName && this.svgName === 'close' ? h("div", { class: 'svg-close', innerHTML: closeSvg }) : null, !!this.svgName && this.svgName === 'slider-left' ? h("div", { class: 'slider-left', innerHTML: arrowSvgLeft }) : null, !!this.svgName && this.svgName === 'slider-right' ? h("div", { class: 'slider-right', innerHTML: arrowSvgRight }) : null));
+  }
+  getCssClassMap() {
+    return {
+      [this.display]: true
+    };
+  }
+};
+PtcSvgBtn.style = ptcSvgBtnCss;
+
+export { IconAsset as icon_asset, PtcAnnouncement as ptc_announcement, PtcMobileSelect as ptc_mobile_select, PtcResponsiveWrapper as ptc_responsive_wrapper, PtcSvgBtn as ptc_svg_btn };