@patternfly/pfe-select
Advanced tools
Comparing version 1.0.0-prerelease.50 to 1.0.0-prerelease.51
/*! | ||
* PatternFly Elements: PfeSelect 1.0.0-prerelease.50 | ||
* PatternFly Elements: PfeSelect 1.0.0-prerelease.51 | ||
* @license | ||
@@ -33,3 +33,3 @@ * Copyright 2020 Red Hat, Inc. | ||
static get version() { | ||
return "1.0.0-prerelease.50"; | ||
return "1.0.0-prerelease.51"; | ||
} | ||
@@ -36,0 +36,0 @@ |
@@ -35,3 +35,3 @@ import PFElement from '../../pfelement/dist/pfelement.js'; | ||
/*! | ||
* PatternFly Elements: PfeSelect 1.0.0-prerelease.50 | ||
* PatternFly Elements: PfeSelect 1.0.0-prerelease.51 | ||
* @license | ||
@@ -62,3 +62,3 @@ * Copyright 2020 Red Hat, Inc. | ||
static get version() { | ||
return "1.0.0-prerelease.50"; | ||
return "1.0.0-prerelease.51"; | ||
} | ||
@@ -65,0 +65,0 @@ |
import e from"../../pfelement/dist/pfelement.min.js";"function"!=typeof Object.assign&&Object.defineProperty(Object,"assign",{value:function(e,t){if(null==e)throw new TypeError("Cannot convert undefined or null to object");for(var r=Object(e),o=1;o<arguments.length;o++){var i=arguments[o];if(null!=i)for(var s in i)Object.prototype.hasOwnProperty.call(i,s)&&(r[s]=i[s])}return r},writable:!0,configurable:!0}) | ||
/*! | ||
* PatternFly Elements: PfeSelect 1.0.0-prerelease.50 | ||
* PatternFly Elements: PfeSelect 1.0.0-prerelease.51 | ||
* @license | ||
@@ -25,3 +25,3 @@ * Copyright 2020 Red Hat, Inc. | ||
* | ||
*/;class t extends e{static get version(){return"1.0.0-prerelease.50"}get html(){return"<style>:host{--pfe-select--BackgroundColor:var(--pfe-theme--color--surface--lightest, #fff);--pfe-select--Color:var(--pfe-theme--color--text, #333);--pfe-select--BorderBottomColor:var(--pfe-theme--color--surface--darker, #464646);--pfe-select--BorderBottomColor--hover:var(--pfe-theme--color--link, #06c);--pfe-select--BorderBottomColor--error:var(--pfe-theme--color--feedback--critical, #bb0000);--pfe-select--BorderColor:var(--pfe-theme--color--surface--lighter, #ececec);--pfe-select--BorderWidth:var(--pfe-theme--ui--border-width, 1px);--pfe-select--BorderBottomWidth:var(--pfe-theme--ui--border-width, 1px);--pfe-select--BorderTop:var(--pfe-select--BorderWidth) var(--pfe-theme--ui--border-style, solid) var(--pfe-select--BorderColor);--pfe-select--BorderLeft:var(--pfe-select--BorderWidth) var(--pfe-theme--ui--border-style, solid) var(--pfe-select--BorderColor);--pfe-select--BorderRight:var(--pfe-select--BorderWidth) var(--pfe-theme--ui--border-style, solid) var(--pfe-select--BorderColor);--pfe-select--BorderBottom:var(--pfe-select--BorderBottomWidth) var(--pfe-theme--ui--border-style, solid) var(--pfe-select--BorderBottomColor);--pfe-select--BorderBottom--hover:var(--pfe-select--BorderBottomWidth) var(--pfe-theme--ui--border-style, solid) var(--pfe-select--BorderBottomColor--hover);--pfe-select--FontFamily:var(--pfe-theme--font-family, \"Overpass\", Overpass, Helvetica, helvetica, arial, sans-serif);position:relative;display:inline-block;width:100%;line-height:1.5em;font-weight:400;text-align:left;text-rendering:optimizelegibility;border-top:var(--pfe-select--BorderTop);border-right:var(--pfe-select--BorderRight);border-bottom:var(--pfe-select--BorderBottom);border-left:var(--pfe-select--BorderLeft);background-color:var(--pfe-select--BackgroundColor);color:var(--pfe-select--Color)}:host *,:host ::after,:host ::before{-webkit-box-sizing:border-box;box-sizing:border-box}:host::after{border-style:solid;border-style:var(--pfe-theme--surface--border-style,solid);border-width:6px 6px 0;border-color:transparent;border-top-color:#131313;-webkit-transform:rotate(0);transform:rotate(0);display:inline-block;content:\"\";position:absolute;top:calc(16px * .875);top:calc(var(--pfe-theme--container-padding,16px) * .875);right:calc(16px * .75);right:calc(var(--pfe-theme--container-padding,16px) * .75)}:host([hidden]){display:none}:host(:hover){border-bottom:var(--pfe-select--BorderBottom--hover)}:host(:focus-within){border-bottom-width:calc(4px / 2);border-bottom-width:calc(var(--pfe-theme--surface--border-width--heavy,4px)/ 2);border-bottom-color:var(--pfe-select--BorderBottomColor--hover)}:host(:focus-within) ::slotted(select){padding-bottom:calc(1rem * .438);padding-bottom:calc(var(--pfe-theme-container-padding,1rem) * .438)}:host ::slotted(select){text-rendering:auto!important;background-color:var(--pfe-select--BackgroundColor);color:var(--pfe-select--Color);border-radius:0;width:100%;min-width:100%;font-size:16px;font-size:var(--pfe-theme--font-size,16px);font-weight:500;font-weight:var(--pfe-theme--font-weight--normal,500);font-family:var(--pfe-select--FontFamily);-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-shadow:none;box-shadow:none;border:none;padding:calc(16px * .5);padding:calc(var(--pfe-theme--container-padding,16px) * .5);padding-right:calc(16px * 1.5);padding-right:calc(var(--pfe-theme--container-padding,16px) * 1.5)}:host([pfe-invalid]){border-bottom-width:calc(4px / 2);border-bottom-width:calc(var(--pfe-theme--surface--border-width--heavy,4px)/ 2);border-bottom-color:var(--pfe-select--BorderBottomColor--error)}:host([pfe-invalid]) ::slotted(select){padding-bottom:calc(16px * .438);padding-bottom:calc(var(--pfe-theme--container-padding,16px) * .438);background-image:url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23c9190b' d='M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zm-248 50c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z'/%3E%3C/svg%3E\");background-size:.875rem;background-repeat:no-repeat;background-position:calc(100% - calc(16px * 2)) center;background-position:calc(100% - calc(var(--pfe-theme--container-padding,16px) * 2)) center}\n/*# sourceMappingURL=pfe-select.min.css.map */\n</style><slot></slot>"}static get tag(){return"pfe-select"}get templateUrl(){return"pfe-select.html"}get styleUrl(){return"pfe-select.scss"}get pfeOptions(){return this._pfeOptions}set pfeOptions(e){this._pfeOptions=e.filter(e=>e.selected).length>1?this._handleMultipleSelectedValues(e):e,this._modifyDOM()}get pfeInvalid(){return this.getAttribute("pfe-invalid")}set pfeInvalid(e){e&&this.querySelector("select").setAttribute("aria-invalid",e)}static get events(){return{change:`${this.tag}:change`}}static get observedAttributes(){return["pfe-invalid"]}constructor(){super(t),this._pfeOptions=null,this._init=this._init.bind(this),this._inputChanged=this._inputChanged.bind(this),this.observer=new MutationObserver(this._init)}connectedCallback(){super.connectedCallback(),customElements.whenDefined(t.tag).then(()=>{this.pfeOptions?(this._modifyDOM(),this._init()):this.children.length?this._init():console.warn(`${t.tag}: The first child in the light DOM must be a supported select tag`)}),this.observer.observe(this,{childList:!0})}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),this.pfeInvalid=r}disconnectedCallback(){this.observer.disconnect(),this._input.removeEventListener("input",this._inputChanged)}addOptions(e){this._pfeOptions=this._pfeOptions?this._pfeOptions.concat(e):e}_handleMultipleSelectedValues(e){console.warn(`${t.tag}: The first 'selected' option will take precedence over others incase of multiple 'selected' options`);const r=e.findIndex(e=>e.selected);return e.map((e,t)=>(e.selected=r==t,e))}_init(){this._input=this.querySelector("select"),this._input?this._input.addEventListener("change",this._inputChanged):console.warn(`${t.tag}: The first child needs to be a select element`)}_inputChanged(){this.emitEvent(t.events.change,{detail:{value:this._input.value}})}_modifyDOM(){let e=document.createElement("select");if(this._pfeOptions.map(t=>{const r=Object.assign(document.createElement("option"),t);e.add(r,null)}),this.children.length){const t=this.querySelector("select");t.parentNode.replaceChild(e,t)}else this.appendChild(e)}}e.create(t);export default t; | ||
*/;class t extends e{static get version(){return"1.0.0-prerelease.51"}get html(){return"<style>:host{--pfe-select--BackgroundColor:var(--pfe-theme--color--surface--lightest, #fff);--pfe-select--Color:var(--pfe-theme--color--text, #333);--pfe-select--BorderBottomColor:var(--pfe-theme--color--surface--darker, #464646);--pfe-select--BorderBottomColor--hover:var(--pfe-theme--color--link, #06c);--pfe-select--BorderBottomColor--error:var(--pfe-theme--color--feedback--critical, #bb0000);--pfe-select--BorderColor:var(--pfe-theme--color--surface--lighter, #ececec);--pfe-select--BorderWidth:var(--pfe-theme--ui--border-width, 1px);--pfe-select--BorderBottomWidth:var(--pfe-theme--ui--border-width, 1px);--pfe-select--BorderTop:var(--pfe-select--BorderWidth) var(--pfe-theme--ui--border-style, solid) var(--pfe-select--BorderColor);--pfe-select--BorderLeft:var(--pfe-select--BorderWidth) var(--pfe-theme--ui--border-style, solid) var(--pfe-select--BorderColor);--pfe-select--BorderRight:var(--pfe-select--BorderWidth) var(--pfe-theme--ui--border-style, solid) var(--pfe-select--BorderColor);--pfe-select--BorderBottom:var(--pfe-select--BorderBottomWidth) var(--pfe-theme--ui--border-style, solid) var(--pfe-select--BorderBottomColor);--pfe-select--BorderBottom--hover:var(--pfe-select--BorderBottomWidth) var(--pfe-theme--ui--border-style, solid) var(--pfe-select--BorderBottomColor--hover);--pfe-select--FontFamily:var(--pfe-theme--font-family, \"Overpass\", Overpass, Helvetica, helvetica, arial, sans-serif);position:relative;display:inline-block;width:100%;line-height:1.5em;font-weight:400;text-align:left;text-rendering:optimizelegibility;border-top:var(--pfe-select--BorderTop);border-right:var(--pfe-select--BorderRight);border-bottom:var(--pfe-select--BorderBottom);border-left:var(--pfe-select--BorderLeft);background-color:var(--pfe-select--BackgroundColor);color:var(--pfe-select--Color)}:host *,:host ::after,:host ::before{-webkit-box-sizing:border-box;box-sizing:border-box}:host::after{border-style:solid;border-style:var(--pfe-theme--surface--border-style,solid);border-width:6px 6px 0;border-color:transparent;border-top-color:#131313;-webkit-transform:rotate(0);transform:rotate(0);display:inline-block;content:\"\";position:absolute;top:calc(16px * .875);top:calc(var(--pfe-theme--container-padding,16px) * .875);right:calc(16px * .75);right:calc(var(--pfe-theme--container-padding,16px) * .75)}:host([hidden]){display:none}:host(:hover){border-bottom:var(--pfe-select--BorderBottom--hover)}:host(:focus-within){border-bottom-width:calc(4px / 2);border-bottom-width:calc(var(--pfe-theme--surface--border-width--heavy,4px)/ 2);border-bottom-color:var(--pfe-select--BorderBottomColor--hover)}:host(:focus-within) ::slotted(select){padding-bottom:calc(1rem * .438);padding-bottom:calc(var(--pfe-theme-container-padding,1rem) * .438)}:host ::slotted(select){text-rendering:auto!important;background-color:var(--pfe-select--BackgroundColor);color:var(--pfe-select--Color);border-radius:0;width:100%;min-width:100%;font-size:16px;font-size:var(--pfe-theme--font-size,16px);font-weight:500;font-weight:var(--pfe-theme--font-weight--normal,500);font-family:var(--pfe-select--FontFamily);-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-shadow:none;box-shadow:none;border:none;padding:calc(16px * .5);padding:calc(var(--pfe-theme--container-padding,16px) * .5);padding-right:calc(16px * 1.5);padding-right:calc(var(--pfe-theme--container-padding,16px) * 1.5)}:host([pfe-invalid]){border-bottom-width:calc(4px / 2);border-bottom-width:calc(var(--pfe-theme--surface--border-width--heavy,4px)/ 2);border-bottom-color:var(--pfe-select--BorderBottomColor--error)}:host([pfe-invalid]) ::slotted(select){padding-bottom:calc(16px * .438);padding-bottom:calc(var(--pfe-theme--container-padding,16px) * .438);background-image:url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23c9190b' d='M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zm-248 50c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z'/%3E%3C/svg%3E\");background-size:.875rem;background-repeat:no-repeat;background-position:calc(100% - calc(16px * 2)) center;background-position:calc(100% - calc(var(--pfe-theme--container-padding,16px) * 2)) center}\n/*# sourceMappingURL=pfe-select.min.css.map */\n</style><slot></slot>"}static get tag(){return"pfe-select"}get templateUrl(){return"pfe-select.html"}get styleUrl(){return"pfe-select.scss"}get pfeOptions(){return this._pfeOptions}set pfeOptions(e){this._pfeOptions=e.filter(e=>e.selected).length>1?this._handleMultipleSelectedValues(e):e,this._modifyDOM()}get pfeInvalid(){return this.getAttribute("pfe-invalid")}set pfeInvalid(e){e&&this.querySelector("select").setAttribute("aria-invalid",e)}static get events(){return{change:`${this.tag}:change`}}static get observedAttributes(){return["pfe-invalid"]}constructor(){super(t),this._pfeOptions=null,this._init=this._init.bind(this),this._inputChanged=this._inputChanged.bind(this),this.observer=new MutationObserver(this._init)}connectedCallback(){super.connectedCallback(),customElements.whenDefined(t.tag).then(()=>{this.pfeOptions?(this._modifyDOM(),this._init()):this.children.length?this._init():console.warn(`${t.tag}: The first child in the light DOM must be a supported select tag`)}),this.observer.observe(this,{childList:!0})}attributeChangedCallback(e,t,r){super.attributeChangedCallback(e,t,r),this.pfeInvalid=r}disconnectedCallback(){this.observer.disconnect(),this._input.removeEventListener("input",this._inputChanged)}addOptions(e){this._pfeOptions=this._pfeOptions?this._pfeOptions.concat(e):e}_handleMultipleSelectedValues(e){console.warn(`${t.tag}: The first 'selected' option will take precedence over others incase of multiple 'selected' options`);const r=e.findIndex(e=>e.selected);return e.map((e,t)=>(e.selected=r==t,e))}_init(){this._input=this.querySelector("select"),this._input?this._input.addEventListener("change",this._inputChanged):console.warn(`${t.tag}: The first child needs to be a select element`)}_inputChanged(){this.emitEvent(t.events.change,{detail:{value:this._input.value}})}_modifyDOM(){let e=document.createElement("select");if(this._pfeOptions.map(t=>{const r=Object.assign(document.createElement("option"),t);e.add(r,null)}),this.children.length){const t=this.querySelector("select");t.parentNode.replaceChild(e,t)}else this.appendChild(e)}}e.create(t);export default t; | ||
//# sourceMappingURL=pfe-select.min.js.map |
@@ -115,3 +115,3 @@ (function (global, factory) { | ||
/*! | ||
* PatternFly Elements: PfeSelect 1.0.0-prerelease.50 | ||
* PatternFly Elements: PfeSelect 1.0.0-prerelease.51 | ||
* @license | ||
@@ -182,3 +182,3 @@ * Copyright 2020 Red Hat, Inc. | ||
get: function get$$1() { | ||
return "1.0.0-prerelease.50"; | ||
return "1.0.0-prerelease.51"; | ||
} | ||
@@ -185,0 +185,0 @@ }, { |
@@ -1,2 +0,2 @@ | ||
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("../../pfelement/dist/pfelement.umd")):"function"==typeof define&&define.amd?define(["../../pfelement/dist/pfelement.umd"],t):e.PfeSelect=t(e.PFElement)}(this,function(e){"use strict";e=e&&e.hasOwnProperty("default")?e.default:e,"function"!=typeof Object.assign&&Object.defineProperty(Object,"assign",{value:function(e,t){if(null==e)throw new TypeError("Cannot convert undefined or null to object");for(var o=Object(e),r=1;r<arguments.length;r++){var n=arguments[r];if(null!=n)for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(o[i]=n[i])}return o},writable:!0,configurable:!0});var t=function(e,t,o){return t&&r(e.prototype,t),o&&r(e,o),e};function r(e,t){for(var o=0;o<t.length;o++){var r=t[o];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function a(e,t,o){null===e&&(e=Function.prototype);var r=Object.getOwnPropertyDescriptor(e,t);if(void 0===r){var n=Object.getPrototypeOf(e);return null===n?void 0:a(n,t,o)}if("value"in r)return r.value;var i=r.get;return void 0!==i?i.call(o):void 0}var o=(function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(n,e),t(n,[{key:"html",get:function(){return"<style>:host{--pfe-select--BackgroundColor:var(--pfe-theme--color--surface--lightest, #fff);--pfe-select--Color:var(--pfe-theme--color--text, #333);--pfe-select--BorderBottomColor:var(--pfe-theme--color--surface--darker, #464646);--pfe-select--BorderBottomColor--hover:var(--pfe-theme--color--link, #06c);--pfe-select--BorderBottomColor--error:var(--pfe-theme--color--feedback--critical, #bb0000);--pfe-select--BorderColor:var(--pfe-theme--color--surface--lighter, #ececec);--pfe-select--BorderWidth:var(--pfe-theme--ui--border-width, 1px);--pfe-select--BorderBottomWidth:var(--pfe-theme--ui--border-width, 1px);--pfe-select--BorderTop:var(--pfe-select--BorderWidth) var(--pfe-theme--ui--border-style, solid) var(--pfe-select--BorderColor);--pfe-select--BorderLeft:var(--pfe-select--BorderWidth) var(--pfe-theme--ui--border-style, solid) var(--pfe-select--BorderColor);--pfe-select--BorderRight:var(--pfe-select--BorderWidth) var(--pfe-theme--ui--border-style, solid) var(--pfe-select--BorderColor);--pfe-select--BorderBottom:var(--pfe-select--BorderBottomWidth) var(--pfe-theme--ui--border-style, solid) var(--pfe-select--BorderBottomColor);--pfe-select--BorderBottom--hover:var(--pfe-select--BorderBottomWidth) var(--pfe-theme--ui--border-style, solid) var(--pfe-select--BorderBottomColor--hover);--pfe-select--FontFamily:var(--pfe-theme--font-family, \"Overpass\", Overpass, Helvetica, helvetica, arial, sans-serif);position:relative;display:inline-block;width:100%;line-height:1.5em;font-weight:400;text-align:left;text-rendering:optimizelegibility;border-top:var(--pfe-select--BorderTop);border-right:var(--pfe-select--BorderRight);border-bottom:var(--pfe-select--BorderBottom);border-left:var(--pfe-select--BorderLeft);background-color:var(--pfe-select--BackgroundColor);color:var(--pfe-select--Color)}:host *,:host ::after,:host ::before{-webkit-box-sizing:border-box;box-sizing:border-box}:host::after{border-style:solid;border-style:var(--pfe-theme--surface--border-style,solid);border-width:6px 6px 0;border-color:transparent;border-top-color:#131313;-webkit-transform:rotate(0);transform:rotate(0);display:inline-block;content:\"\";position:absolute;top:calc(16px * .875);top:calc(var(--pfe-theme--container-padding,16px) * .875);right:calc(16px * .75);right:calc(var(--pfe-theme--container-padding,16px) * .75)}:host([hidden]){display:none}:host(:hover){border-bottom:var(--pfe-select--BorderBottom--hover)}:host(:focus-within){border-bottom-width:calc(4px / 2);border-bottom-width:calc(var(--pfe-theme--surface--border-width--heavy,4px)/ 2);border-bottom-color:var(--pfe-select--BorderBottomColor--hover)}:host(:focus-within) ::slotted(select){padding-bottom:calc(1rem * .438);padding-bottom:calc(var(--pfe-theme-container-padding,1rem) * .438)}:host ::slotted(select){text-rendering:auto!important;background-color:var(--pfe-select--BackgroundColor);color:var(--pfe-select--Color);border-radius:0;width:100%;min-width:100%;font-size:16px;font-size:var(--pfe-theme--font-size,16px);font-weight:500;font-weight:var(--pfe-theme--font-weight--normal,500);font-family:var(--pfe-select--FontFamily);-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-shadow:none;box-shadow:none;border:none;padding:calc(16px * .5);padding:calc(var(--pfe-theme--container-padding,16px) * .5);padding-right:calc(16px * 1.5);padding-right:calc(var(--pfe-theme--container-padding,16px) * 1.5)}:host([pfe-invalid]){border-bottom-width:calc(4px / 2);border-bottom-width:calc(var(--pfe-theme--surface--border-width--heavy,4px)/ 2);border-bottom-color:var(--pfe-select--BorderBottomColor--error)}:host([pfe-invalid]) ::slotted(select){padding-bottom:calc(16px * .438);padding-bottom:calc(var(--pfe-theme--container-padding,16px) * .438);background-image:url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23c9190b' d='M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zm-248 50c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z'/%3E%3C/svg%3E\");background-size:.875rem;background-repeat:no-repeat;background-position:calc(100% - calc(16px * 2)) center;background-position:calc(100% - calc(var(--pfe-theme--container-padding,16px) * 2)) center}\n/*# sourceMappingURL=pfe-select.min.css.map */\n</style><slot></slot>"}},{key:"templateUrl",get:function(){return"pfe-select.html"}},{key:"styleUrl",get:function(){return"pfe-select.scss"}},{key:"pfeOptions",get:function(){return this._pfeOptions},set:function(e){this._pfeOptions=1<e.filter(function(e){return e.selected}).length?this._handleMultipleSelectedValues(e):e,this._modifyDOM()}},{key:"pfeInvalid",get:function(){return this.getAttribute("pfe-invalid")},set:function(e){e&&this.querySelector("select").setAttribute("aria-invalid",e)}}],[{key:"version",get:function(){return"1.0.0-prerelease.50"}},{key:"tag",get:function(){return"pfe-select"}},{key:"events",get:function(){return{change:this.tag+":change"}}},{key:"observedAttributes",get:function(){return["pfe-invalid"]}}]),t(n,[{key:"connectedCallback",value:function(){var e=this;a(n.prototype.__proto__||Object.getPrototypeOf(n.prototype),"connectedCallback",this).call(this),customElements.whenDefined(n.tag).then(function(){e.pfeOptions?(e._modifyDOM(),e._init()):e.children.length?e._init():console.warn(n.tag+": The first child in the light DOM must be a supported select tag")}),this.observer.observe(this,{childList:!0})}},{key:"attributeChangedCallback",value:function(e,t,o){a(n.prototype.__proto__||Object.getPrototypeOf(n.prototype),"attributeChangedCallback",this).call(this,e,t,o),this.pfeInvalid=o}},{key:"disconnectedCallback",value:function(){this.observer.disconnect(),this._input.removeEventListener("input",this._inputChanged)}},{key:"addOptions",value:function(e){this._pfeOptions=this._pfeOptions?this._pfeOptions.concat(e):e}},{key:"_handleMultipleSelectedValues",value:function(e){console.warn(n.tag+": The first 'selected' option will take precedence over others incase of multiple 'selected' options");var o=e.findIndex(function(e){return e.selected});return e.map(function(e,t){return e.selected=o==t,e})}},{key:"_init",value:function(){this._input=this.querySelector("select"),this._input?this._input.addEventListener("change",this._inputChanged):console.warn(n.tag+": The first child needs to be a select element")}},{key:"_inputChanged",value:function(){this.emitEvent(n.events.change,{detail:{value:this._input.value}})}},{key:"_modifyDOM",value:function(){var o=document.createElement("select");if(this._pfeOptions.map(function(e){var t=Object.assign(document.createElement("option"),e);o.add(t,null)}),this.children.length){var e=this.querySelector("select");e.parentNode.replaceChild(o,e)}else this.appendChild(o)}}]),n);function n(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,n);var e=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,n));return e._pfeOptions=null,e._init=e._init.bind(e),e._inputChanged=e._inputChanged.bind(e),e.observer=new MutationObserver(e._init),e}return e.create(o),o}); | ||
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("../../pfelement/dist/pfelement.umd")):"function"==typeof define&&define.amd?define(["../../pfelement/dist/pfelement.umd"],t):e.PfeSelect=t(e.PFElement)}(this,function(e){"use strict";e=e&&e.hasOwnProperty("default")?e.default:e,"function"!=typeof Object.assign&&Object.defineProperty(Object,"assign",{value:function(e,t){if(null==e)throw new TypeError("Cannot convert undefined or null to object");for(var o=Object(e),r=1;r<arguments.length;r++){var n=arguments[r];if(null!=n)for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(o[i]=n[i])}return o},writable:!0,configurable:!0});var t=function(e,t,o){return t&&r(e.prototype,t),o&&r(e,o),e};function r(e,t){for(var o=0;o<t.length;o++){var r=t[o];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function a(e,t,o){null===e&&(e=Function.prototype);var r=Object.getOwnPropertyDescriptor(e,t);if(void 0===r){var n=Object.getPrototypeOf(e);return null===n?void 0:a(n,t,o)}if("value"in r)return r.value;var i=r.get;return void 0!==i?i.call(o):void 0}var o=(function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(n,e),t(n,[{key:"html",get:function(){return"<style>:host{--pfe-select--BackgroundColor:var(--pfe-theme--color--surface--lightest, #fff);--pfe-select--Color:var(--pfe-theme--color--text, #333);--pfe-select--BorderBottomColor:var(--pfe-theme--color--surface--darker, #464646);--pfe-select--BorderBottomColor--hover:var(--pfe-theme--color--link, #06c);--pfe-select--BorderBottomColor--error:var(--pfe-theme--color--feedback--critical, #bb0000);--pfe-select--BorderColor:var(--pfe-theme--color--surface--lighter, #ececec);--pfe-select--BorderWidth:var(--pfe-theme--ui--border-width, 1px);--pfe-select--BorderBottomWidth:var(--pfe-theme--ui--border-width, 1px);--pfe-select--BorderTop:var(--pfe-select--BorderWidth) var(--pfe-theme--ui--border-style, solid) var(--pfe-select--BorderColor);--pfe-select--BorderLeft:var(--pfe-select--BorderWidth) var(--pfe-theme--ui--border-style, solid) var(--pfe-select--BorderColor);--pfe-select--BorderRight:var(--pfe-select--BorderWidth) var(--pfe-theme--ui--border-style, solid) var(--pfe-select--BorderColor);--pfe-select--BorderBottom:var(--pfe-select--BorderBottomWidth) var(--pfe-theme--ui--border-style, solid) var(--pfe-select--BorderBottomColor);--pfe-select--BorderBottom--hover:var(--pfe-select--BorderBottomWidth) var(--pfe-theme--ui--border-style, solid) var(--pfe-select--BorderBottomColor--hover);--pfe-select--FontFamily:var(--pfe-theme--font-family, \"Overpass\", Overpass, Helvetica, helvetica, arial, sans-serif);position:relative;display:inline-block;width:100%;line-height:1.5em;font-weight:400;text-align:left;text-rendering:optimizelegibility;border-top:var(--pfe-select--BorderTop);border-right:var(--pfe-select--BorderRight);border-bottom:var(--pfe-select--BorderBottom);border-left:var(--pfe-select--BorderLeft);background-color:var(--pfe-select--BackgroundColor);color:var(--pfe-select--Color)}:host *,:host ::after,:host ::before{-webkit-box-sizing:border-box;box-sizing:border-box}:host::after{border-style:solid;border-style:var(--pfe-theme--surface--border-style,solid);border-width:6px 6px 0;border-color:transparent;border-top-color:#131313;-webkit-transform:rotate(0);transform:rotate(0);display:inline-block;content:\"\";position:absolute;top:calc(16px * .875);top:calc(var(--pfe-theme--container-padding,16px) * .875);right:calc(16px * .75);right:calc(var(--pfe-theme--container-padding,16px) * .75)}:host([hidden]){display:none}:host(:hover){border-bottom:var(--pfe-select--BorderBottom--hover)}:host(:focus-within){border-bottom-width:calc(4px / 2);border-bottom-width:calc(var(--pfe-theme--surface--border-width--heavy,4px)/ 2);border-bottom-color:var(--pfe-select--BorderBottomColor--hover)}:host(:focus-within) ::slotted(select){padding-bottom:calc(1rem * .438);padding-bottom:calc(var(--pfe-theme-container-padding,1rem) * .438)}:host ::slotted(select){text-rendering:auto!important;background-color:var(--pfe-select--BackgroundColor);color:var(--pfe-select--Color);border-radius:0;width:100%;min-width:100%;font-size:16px;font-size:var(--pfe-theme--font-size,16px);font-weight:500;font-weight:var(--pfe-theme--font-weight--normal,500);font-family:var(--pfe-select--FontFamily);-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-shadow:none;box-shadow:none;border:none;padding:calc(16px * .5);padding:calc(var(--pfe-theme--container-padding,16px) * .5);padding-right:calc(16px * 1.5);padding-right:calc(var(--pfe-theme--container-padding,16px) * 1.5)}:host([pfe-invalid]){border-bottom-width:calc(4px / 2);border-bottom-width:calc(var(--pfe-theme--surface--border-width--heavy,4px)/ 2);border-bottom-color:var(--pfe-select--BorderBottomColor--error)}:host([pfe-invalid]) ::slotted(select){padding-bottom:calc(16px * .438);padding-bottom:calc(var(--pfe-theme--container-padding,16px) * .438);background-image:url(\"data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23c9190b' d='M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zm-248 50c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z'/%3E%3C/svg%3E\");background-size:.875rem;background-repeat:no-repeat;background-position:calc(100% - calc(16px * 2)) center;background-position:calc(100% - calc(var(--pfe-theme--container-padding,16px) * 2)) center}\n/*# sourceMappingURL=pfe-select.min.css.map */\n</style><slot></slot>"}},{key:"templateUrl",get:function(){return"pfe-select.html"}},{key:"styleUrl",get:function(){return"pfe-select.scss"}},{key:"pfeOptions",get:function(){return this._pfeOptions},set:function(e){this._pfeOptions=1<e.filter(function(e){return e.selected}).length?this._handleMultipleSelectedValues(e):e,this._modifyDOM()}},{key:"pfeInvalid",get:function(){return this.getAttribute("pfe-invalid")},set:function(e){e&&this.querySelector("select").setAttribute("aria-invalid",e)}}],[{key:"version",get:function(){return"1.0.0-prerelease.51"}},{key:"tag",get:function(){return"pfe-select"}},{key:"events",get:function(){return{change:this.tag+":change"}}},{key:"observedAttributes",get:function(){return["pfe-invalid"]}}]),t(n,[{key:"connectedCallback",value:function(){var e=this;a(n.prototype.__proto__||Object.getPrototypeOf(n.prototype),"connectedCallback",this).call(this),customElements.whenDefined(n.tag).then(function(){e.pfeOptions?(e._modifyDOM(),e._init()):e.children.length?e._init():console.warn(n.tag+": The first child in the light DOM must be a supported select tag")}),this.observer.observe(this,{childList:!0})}},{key:"attributeChangedCallback",value:function(e,t,o){a(n.prototype.__proto__||Object.getPrototypeOf(n.prototype),"attributeChangedCallback",this).call(this,e,t,o),this.pfeInvalid=o}},{key:"disconnectedCallback",value:function(){this.observer.disconnect(),this._input.removeEventListener("input",this._inputChanged)}},{key:"addOptions",value:function(e){this._pfeOptions=this._pfeOptions?this._pfeOptions.concat(e):e}},{key:"_handleMultipleSelectedValues",value:function(e){console.warn(n.tag+": The first 'selected' option will take precedence over others incase of multiple 'selected' options");var o=e.findIndex(function(e){return e.selected});return e.map(function(e,t){return e.selected=o==t,e})}},{key:"_init",value:function(){this._input=this.querySelector("select"),this._input?this._input.addEventListener("change",this._inputChanged):console.warn(n.tag+": The first child needs to be a select element")}},{key:"_inputChanged",value:function(){this.emitEvent(n.events.change,{detail:{value:this._input.value}})}},{key:"_modifyDOM",value:function(){var o=document.createElement("select");if(this._pfeOptions.map(function(e){var t=Object.assign(document.createElement("option"),e);o.add(t,null)}),this.children.length){var e=this.querySelector("select");e.parentNode.replaceChild(o,e)}else this.appendChild(o)}}]),n);function n(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,n);var e=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(n.__proto__||Object.getPrototypeOf(n)).call(this,n));return e._pfeOptions=null,e._init=e._init.bind(e),e._inputChanged=e._inputChanged.bind(e),e.observer=new MutationObserver(e._init),e}return e.create(o),o}); | ||
//# sourceMappingURL=pfe-select.umd.min.js.map |
@@ -7,3 +7,3 @@ { | ||
}, | ||
"version": "1.0.0-prerelease.50", | ||
"version": "1.0.0-prerelease.51", | ||
"description": "Select element for PatternFly Elements", | ||
@@ -30,6 +30,6 @@ "repository": { | ||
"@patternfly/pfe-sass": "^1.0.0-prerelease.50", | ||
"@patternfly/pfelement": "^1.0.0-prerelease.50" | ||
"@patternfly/pfelement": "^1.0.0-prerelease.51" | ||
}, | ||
"generator-pfelement-version": "1.1.0", | ||
"gitHead": "ebf5000b7364e8314db010fdd3ad52a49cbf74aa" | ||
"gitHead": "312ffa4deb249c58c68ac14a57da27291ddcddc7" | ||
} |
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
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package