npm - @getflip/swirl-components - Versions diffs - 0.3.1 → 0.5.0 - Mend

@getflip/swirl-components 0.3.1 → 0.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1780) hide show

package/dist/components/flip-icon-print.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"flip-icon-print.js","mappings":";;AAAA,MAAM,WAAW,GAAG,4BAA4B;;MCUnCA,eAAa;EAL1B;;;;IAMU,SAAI,GAAiB,EAAE,CAAC;GAwCjC;EAtCC,MAAM;IACJ,QACE,WACE,KAAK,EAAC,WAAW,EACjB,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,IAAI,CAAC,IAAI,EACjB,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,OAAO,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,EAAE,EACxC,KAAK,EAAE,IAAI,CAAC,IAAI,EAChB,KAAK,EAAC,4BAA4B,IAEjC,IAAI,CAAC,IAAI,KAAK,EAAE,KACf,EAAC,QAAQ,QACP,YACE,CAAC,EAAC,olDAAolD,EACtlD,IAAI,EAAC,cAAc,GACnB,CACO,CACZ,EACA,IAAI,CAAC,IAAI,KAAK,EAAE,KACf,EAAC,QAAQ,QACP,YACE,CAAC,EAAC,y7CAAy7C,EAC37C,IAAI,EAAC,cAAc,GACnB,CACO,CACZ,EACA,IAAI,CAAC,IAAI,KAAK,EAAE,KACf,EAAC,QAAQ,QACP,YACE,CAAC,EAAC,goDAAgoD,EACloD,IAAI,EAAC,cAAc,GACnB,CACO,CACZ,CACG,EACN;GACH;;;;;;;;;;;;;;;;;;;;;;;;;","names":["FlipIconPrint"],"sources":["./src/components/flip-icon/flip-icon.css?tag=flip-icon-print&encapsulation=shadow","./src/components/flip-icon/icons/flip-icon-print.tsx"],"sourcesContent":[":host {\n display: inline-flex;\n}\n","// DO NOT EDIT. THIS FILE GETS GENERATED VIA \"yarn generate\".\n\nimport { Component, Fragment, h, Prop } from \"@stencil/core\";\nimport { FlipIconSize } from \"../flip-icon.types\";\n\n@Component({\n shadow: true,\n styleUrl: \"../flip-icon.css\",\n tag: \"flip-icon-print\",\n})\nexport class FlipIconPrint {\n @Prop() size: FlipIconSize = 24;\n\n render() {\n return (\n <svg\n class=\"flip-icon\"\n fill=\"none\"\n height={this.size}\n part=\"icon\"\n viewBox={`0 0 ${this.size} ${this.size}`}\n width={this.size}\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n {this.size === 16 && (\n <Fragment>\n <path\n d=\"M10.6167 5.20003V3.38337H5.38333V5.20003H3.86666V2.6167C3.86666 2.40559 3.93889 2.22781 4.08333 2.08337C4.22777 1.93892 4.40555 1.8667 4.61666 1.8667H11.3833C11.5944 1.8667 11.7722 1.93892 11.9167 2.08337C12.0611 2.22781 12.1333 2.40559 12.1333 2.6167V5.20003H10.6167ZM2.71666 6.7167H13.2833H3.86666H2.71666ZM11.9167 8.50003C12.1167 8.50003 12.286 8.4307 12.4247 8.29203C12.5638 8.15292 12.6333 7.98337 12.6333 7.78337C12.6333 7.57225 12.5638 7.39714 12.4247 7.25803C12.286 7.11937 12.1167 7.05003 11.9167 7.05003C11.7056 7.05003 11.5307 7.11937 11.392 7.25803C11.2529 7.39714 11.1833 7.57225 11.1833 7.78337C11.1833 7.98337 11.2529 8.15292 11.392 8.29203C11.5307 8.4307 11.7056 8.50003 11.9167 8.50003ZM5.38333 12.7167H10.6167V10.35H5.38333V12.7167ZM5.38333 14.2C4.96111 14.2 4.60289 14.0529 4.30866 13.7587C4.014 13.464 3.86666 13.1056 3.86666 12.6834V11.45H1.95C1.73889 11.45 1.56111 11.3749 1.41666 11.2247C1.27222 11.0749 1.2 10.8945 1.2 10.6834V7.33337C1.2 6.73337 1.40555 6.22781 1.81666 5.8167C2.22777 5.40559 2.72777 5.20003 3.31666 5.20003H12.6833C13.2833 5.20003 13.7862 5.40559 14.192 5.8167C14.5973 6.22781 14.8 6.73337 14.8 7.33337V10.6834C14.8 10.8945 14.7278 11.0749 14.5833 11.2247C14.4389 11.3749 14.2611 11.45 14.05 11.45H12.1333V12.6834C12.1333 13.1056 11.9862 13.464 11.692 13.7587C11.3973 14.0529 11.0389 14.2 10.6167 14.2H5.38333ZM13.2833 9.93337V7.33337C13.2833 7.15559 13.2278 7.00825 13.1167 6.89137C13.0056 6.77492 12.8611 6.7167 12.6833 6.7167H3.31666C3.15 6.7167 3.00844 6.77492 2.892 6.89137C2.77511 7.00825 2.71666 7.15559 2.71666 7.33337V9.93337H3.86666V8.83337H12.1333V9.93337H13.2833Z\"\n fill=\"currentColor\"\n />\n </Fragment>\n )}\n {this.size === 24 && (\n <Fragment>\n <path\n d=\"M15.925 7.80005V5.07505H8.075V7.80005H5.8V3.92505C5.8 3.60838 5.90833 3.34172 6.125 3.12505C6.34167 2.90838 6.60833 2.80005 6.925 2.80005H17.075C17.3917 2.80005 17.6583 2.90838 17.875 3.12505C18.0917 3.34172 18.2 3.60838 18.2 3.92505V7.80005H15.925ZM4.075 10.075H19.925H5.8H4.075ZM17.875 12.75C18.175 12.75 18.429 12.646 18.637 12.438C18.8457 12.2294 18.95 11.975 18.95 11.675C18.95 11.3584 18.8457 11.0957 18.637 10.887C18.429 10.679 18.175 10.575 17.875 10.575C17.5583 10.575 17.296 10.679 17.088 10.887C16.8793 11.0957 16.775 11.3584 16.775 11.675C16.775 11.975 16.8793 12.2294 17.088 12.438C17.296 12.646 17.5583 12.75 17.875 12.75ZM8.075 19.0751H15.925V15.525H8.075V19.0751ZM8.075 21.3C7.44167 21.3 6.90433 21.0794 6.463 20.6381C6.021 20.1961 5.8 19.6584 5.8 19.025V17.175H2.925C2.60833 17.175 2.34167 17.0624 2.125 16.837C1.90833 16.6124 1.8 16.3417 1.8 16.025V11C1.8 10.1 2.10833 9.34172 2.725 8.72505C3.34167 8.10838 4.09167 7.80005 4.975 7.80005H19.025C19.925 7.80005 20.6793 8.10838 21.288 8.72505C21.896 9.34172 22.2 10.1 22.2 11V16.025C22.2 16.3417 22.0917 16.6124 21.875 16.837C21.6583 17.0624 21.3917 17.175 21.075 17.175H18.2V19.025C18.2 19.6584 17.9793 20.1961 17.538 20.6381C17.096 21.0794 16.5583 21.3 15.925 21.3H8.075ZM19.925 14.9V11C19.925 10.7334 19.8417 10.5124 19.675 10.337C19.5083 10.1624 19.2917 10.075 19.025 10.075H4.975C4.725 10.075 4.51267 10.1624 4.338 10.337C4.16267 10.5124 4.075 10.7334 4.075 11V14.9H5.8V13.25H18.2V14.9H19.925Z\"\n fill=\"currentColor\"\n />\n </Fragment>\n )}\n {this.size === 28 && (\n <Fragment>\n <path\n d=\"M18.5792 9.10006V5.92089H9.42083V9.10006H6.76666V4.57922C6.76666 4.20978 6.89305 3.89867 7.14583 3.64589C7.39861 3.39311 7.70972 3.26672 8.07916 3.26672H19.9208C20.2903 3.26672 20.6014 3.39311 20.8542 3.64589C21.1069 3.89867 21.2333 4.20978 21.2333 4.57922V9.10006H18.5792ZM4.75416 11.7542H23.2458H6.76666H4.75416ZM20.8542 14.8751C21.2042 14.8751 21.5005 14.7537 21.7432 14.5111C21.9866 14.2676 22.1083 13.9709 22.1083 13.6209C22.1083 13.2514 21.9866 12.945 21.7432 12.7016C21.5005 12.4589 21.2042 12.3376 20.8542 12.3376C20.4847 12.3376 20.1787 12.4589 19.936 12.7016C19.6926 12.945 19.5708 13.2514 19.5708 13.6209C19.5708 13.9709 19.6926 14.2676 19.936 14.5111C20.1787 14.7537 20.4847 14.8751 20.8542 14.8751ZM9.42083 22.2542H18.5792V18.1126H9.42083V22.2542ZM9.42083 24.8501C8.68194 24.8501 8.05505 24.5926 7.54017 24.0777C7.0245 23.5621 6.76666 22.9348 6.76666 22.1959V20.0376H3.4125C3.04305 20.0376 2.73194 19.9061 2.47917 19.6432C2.22639 19.3811 2.1 19.0653 2.1 18.6959V12.8334C2.1 11.7834 2.45972 10.8987 3.17917 10.1792C3.89861 9.45978 4.77361 9.10006 5.80416 9.10006H22.1958C23.2458 9.10006 24.1259 9.45978 24.836 10.1792C25.5453 10.8987 25.9 11.7834 25.9 12.8334V18.6959C25.9 19.0653 25.7736 19.3811 25.5208 19.6432C25.2681 19.9061 24.9569 20.0376 24.5875 20.0376H21.2333V22.1959C21.2333 22.9348 20.9759 23.5621 20.461 24.0777C19.9453 24.5926 19.3181 24.8501 18.5792 24.8501H9.42083ZM23.2458 17.3834V12.8334C23.2458 12.5223 23.1486 12.2644 22.9542 12.0599C22.7597 11.8561 22.5069 11.7542 22.1958 11.7542H5.80416C5.5125 11.7542 5.26478 11.8561 5.061 12.0599C4.85644 12.2644 4.75416 12.5223 4.75416 12.8334V17.3834H6.76666V15.4584H21.2333V17.3834H23.2458Z\"\n fill=\"currentColor\"\n />\n </Fragment>\n )}\n </svg>\n );\n }\n}\n"],"version":3}

package/dist/components/flip-icon-recieved.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"flip-icon-recieved.js","mappings":";;AAAA,MAAM,WAAW,GAAG,4BAA4B;;MCUnCA,kBAAgB;EAL7B;;;;IAMU,SAAI,GAAiB,EAAE,CAAC;GAoDjC;EAlDC,MAAM;IACJ,QACE,WACE,KAAK,EAAC,WAAW,EACjB,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,IAAI,CAAC,IAAI,EACjB,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,OAAO,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,EAAE,EACxC,KAAK,EAAE,IAAI,CAAC,IAAI,EAChB,KAAK,EAAC,4BAA4B,IAEjC,IAAI,CAAC,IAAI,KAAK,EAAE,KACf,EAAC,QAAQ,QACP,YACE,CAAC,EAAC,mTAAmT,EACrT,IAAI,EAAC,cAAc,GACnB,EACF,YACE,CAAC,EAAC,gOAAgO,EAClO,IAAI,EAAC,cAAc,GACnB,CACO,CACZ,EACA,IAAI,CAAC,IAAI,KAAK,EAAE,KACf,EAAC,QAAQ,QACP,YACE,CAAC,EAAC,8SAA8S,EAChT,IAAI,EAAC,cAAc,GACnB,EACF,YACE,CAAC,EAAC,wMAAwM,EAC1M,IAAI,EAAC,cAAc,GACnB,CACO,CACZ,EACA,IAAI,CAAC,IAAI,KAAK,EAAE,KACf,EAAC,QAAQ,QACP,YACE,CAAC,EAAC,qTAAqT,EACvT,IAAI,EAAC,cAAc,GACnB,EACF,YACE,CAAC,EAAC,kOAAkO,EACpO,IAAI,EAAC,cAAc,GACnB,CACO,CACZ,CACG,EACN;GACH;;;;;;;;;;;;;;;;;;;;;;;;;","names":["FlipIconRecieved"],"sources":["./src/components/flip-icon/flip-icon.css?tag=flip-icon-recieved&encapsulation=shadow","./src/components/flip-icon/icons/flip-icon-recieved.tsx"],"sourcesContent":[":host {\n display: inline-flex;\n}\n","// DO NOT EDIT. THIS FILE GETS GENERATED VIA \"yarn generate\".\n\nimport { Component, Fragment, h, Prop } from \"@stencil/core\";\nimport { FlipIconSize } from \"../flip-icon.types\";\n\n@Component({\n shadow: true,\n styleUrl: \"../flip-icon.css\",\n tag: \"flip-icon-recieved\",\n})\nexport class FlipIconRecieved {\n @Prop() size: FlipIconSize = 24;\n\n render() {\n return (\n <svg\n class=\"flip-icon\"\n fill=\"none\"\n height={this.size}\n part=\"icon\"\n viewBox={`0 0 ${this.size} ${this.size}`}\n width={this.size}\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n {this.size === 16 && (\n <Fragment>\n <path\n d=\"M1.16667 9.16662L3.2929 11.2928C3.68342 11.6834 4.31659 11.6834 4.70711 11.2928L10.5 5.49995C10.7761 5.22381 10.7761 4.7761 10.5 4.49995C10.2239 4.22381 9.77615 4.22381 9.5 4.49995L4 9.99995L2.16667 8.16662C1.89053 7.89048 1.44281 7.89048 1.16667 8.16662C0.890529 8.44276 0.890529 8.89048 1.16667 9.16662Z\"\n fill=\"currentColor\"\n />\n <path\n d=\"M8 9.33329L7 10.3333L7.95957 11.2928C8.35009 11.6834 8.98325 11.6834 9.37378 11.2928L15.1667 5.49995C15.4428 5.22381 15.4428 4.7761 15.1667 4.49995C14.8905 4.22381 14.4428 4.22381 14.1667 4.49995L8.66667 9.99995L8 9.33329Z\"\n fill=\"currentColor\"\n />\n </Fragment>\n )}\n {this.size === 24 && (\n <Fragment>\n <path\n d=\"M1.74999 13.75L4.93933 16.9393C5.52512 17.5251 6.47486 17.5251 7.06065 16.9393L15.75 8.24999C16.1642 7.83578 16.1642 7.1642 15.75 6.74999C15.3358 6.33578 14.6642 6.33578 14.25 6.74999L5.99999 15L3.24999 12.25C2.83578 11.8358 2.1642 11.8358 1.74999 12.25C1.33578 12.6642 1.33578 13.3358 1.74999 13.75Z\"\n fill=\"currentColor\"\n />\n <path\n d=\"M12 14L10.5 15.5L11.9393 16.9393C12.5251 17.5251 13.4749 17.5251 14.0607 16.9393L22.75 8.24999C23.1642 7.83578 23.1642 7.1642 22.75 6.74999C22.3358 6.33578 21.6642 6.33578 21.25 6.74999L13 15L12 14Z\"\n fill=\"currentColor\"\n />\n </Fragment>\n )}\n {this.size === 28 && (\n <Fragment>\n <path\n d=\"M2.04167 16.0417L5.76256 19.7626C6.44598 20.446 7.55402 20.446 8.23744 19.7626L18.375 9.62501C18.8583 9.14176 18.8583 8.35826 18.375 7.87501C17.8918 7.39176 17.1082 7.39176 16.625 7.87501L7 17.5L3.79167 14.2917C3.30842 13.8084 2.52492 13.8084 2.04167 14.2917C1.55842 14.7749 1.55842 15.5584 2.04167 16.0417Z\"\n fill=\"currentColor\"\n />\n <path\n d=\"M14 16.3333L12.25 18.0833L13.9292 19.7626C14.6126 20.446 15.7207 20.446 16.4041 19.7626L26.5417 9.62501C27.0249 9.14176 27.0249 8.35826 26.5417 7.87501C26.0584 7.39176 25.2749 7.39176 24.7917 7.87501L15.1667 17.5L14 16.3333Z\"\n fill=\"currentColor\"\n />\n </Fragment>\n )}\n </svg>\n );\n }\n}\n"],"version":3}

package/dist/components/flip-icon-remove.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"flip-icon-remove.js","mappings":";;AAAA,MAAM,WAAW,GAAG,4BAA4B;;MCUnCA,gBAAc;EAL3B;;;;IAMU,SAAI,GAAiB,EAAE,CAAC;GAwCjC;EAtCC,MAAM;IACJ,QACE,WACE,KAAK,EAAC,WAAW,EACjB,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,IAAI,CAAC,IAAI,EACjB,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,OAAO,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,EAAE,EACxC,KAAK,EAAE,IAAI,CAAC,IAAI,EAChB,KAAK,EAAC,4BAA4B,IAEjC,IAAI,CAAC,IAAI,KAAK,EAAE,KACf,EAAC,QAAQ,QACP,YACE,CAAC,EAAC,mYAAmY,EACrY,IAAI,EAAC,cAAc,GACnB,CACO,CACZ,EACA,IAAI,CAAC,IAAI,KAAK,EAAE,KACf,EAAC,QAAQ,QACP,YACE,CAAC,EAAC,sVAAsV,EACxV,IAAI,EAAC,cAAc,GACnB,CACO,CACZ,EACA,IAAI,CAAC,IAAI,KAAK,EAAE,KACf,EAAC,QAAQ,QACP,YACE,CAAC,EAAC,6XAA6X,EAC/X,IAAI,EAAC,cAAc,GACnB,CACO,CACZ,CACG,EACN;GACH;;;;;;;;;;;;;;;;;;;;;;;;;","names":["FlipIconRemove"],"sources":["./src/components/flip-icon/flip-icon.css?tag=flip-icon-remove&encapsulation=shadow","./src/components/flip-icon/icons/flip-icon-remove.tsx"],"sourcesContent":[":host {\n display: inline-flex;\n}\n","// DO NOT EDIT. THIS FILE GETS GENERATED VIA \"yarn generate\".\n\nimport { Component, Fragment, h, Prop } from \"@stencil/core\";\nimport { FlipIconSize } from \"../flip-icon.types\";\n\n@Component({\n shadow: true,\n styleUrl: \"../flip-icon.css\",\n tag: \"flip-icon-remove\",\n})\nexport class FlipIconRemove {\n @Prop() size: FlipIconSize = 24;\n\n render() {\n return (\n <svg\n class=\"flip-icon\"\n fill=\"none\"\n height={this.size}\n part=\"icon\"\n viewBox={`0 0 ${this.size} ${this.size}`}\n width={this.size}\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n {this.size === 16 && (\n <Fragment>\n <path\n d=\"M4 8.76661C3.78889 8.76661 3.60844 8.6915 3.45866 8.54128C3.30844 8.3915 3.23333 8.21105 3.23333 7.99994C3.23333 7.78883 3.30844 7.60839 3.45866 7.45861C3.60844 7.30839 3.78889 7.23328 4 7.23328H12C12.2111 7.23328 12.3916 7.30839 12.5413 7.45861C12.6916 7.60839 12.7667 7.78883 12.7667 7.99994C12.7667 8.21105 12.6916 8.3915 12.5413 8.54128C12.3916 8.6915 12.2111 8.76661 12 8.76661H4Z\"\n fill=\"currentColor\"\n />\n </Fragment>\n )}\n {this.size === 24 && (\n <Fragment>\n <path\n d=\"M6 13.15C5.68333 13.15 5.41267 13.0373 5.188 12.812C4.96267 12.5873 4.85 12.3166 4.85 12C4.85 11.6833 4.96267 11.4126 5.188 11.188C5.41267 10.9626 5.68333 10.85 6 10.85H18C18.3167 10.85 18.5873 10.9626 18.812 11.188C19.0373 11.4126 19.15 11.6833 19.15 12C19.15 12.3166 19.0373 12.5873 18.812 12.812C18.5873 13.0373 18.3167 13.15 18 13.15H6Z\"\n fill=\"currentColor\"\n />\n </Fragment>\n )}\n {this.size === 28 && (\n <Fragment>\n <path\n d=\"M7 15.3417C6.63056 15.3417 6.31478 15.2102 6.05267 14.9473C5.78978 14.6852 5.65833 14.3694 5.65833 14C5.65833 13.6305 5.78978 13.3148 6.05267 13.0527C6.31478 12.7898 6.63056 12.6583 7 12.6583H21C21.3694 12.6583 21.6852 12.7898 21.9473 13.0527C22.2102 13.3148 22.3417 13.6305 22.3417 14C22.3417 14.3694 22.2102 14.6852 21.9473 14.9473C21.6852 15.2102 21.3694 15.3417 21 15.3417H7Z\"\n fill=\"currentColor\"\n />\n </Fragment>\n )}\n </svg>\n );\n }\n}\n"],"version":3}

package/dist/components/flip-icon-search-strong.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"flip-icon-search-strong.js","mappings":";;AAAA,MAAM,WAAW,GAAG,4BAA4B;;MCUnCA,sBAAoB;EALjC;;;;IAMU,SAAI,GAAiB,EAAE,CAAC;GAwCjC;EAtCC,MAAM;IACJ,QACE,WACE,KAAK,EAAC,WAAW,EACjB,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,IAAI,CAAC,IAAI,EACjB,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,OAAO,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,EAAE,EACxC,KAAK,EAAE,IAAI,CAAC,IAAI,EAChB,KAAK,EAAC,4BAA4B,IAEjC,IAAI,CAAC,IAAI,KAAK,EAAE,KACf,EAAC,QAAQ,QACP,YACE,CAAC,EAAC,+/BAA+/B,EACjgC,IAAI,EAAC,cAAc,GACnB,CACO,CACZ,EACA,IAAI,CAAC,IAAI,KAAK,EAAE,KACf,EAAC,QAAQ,QACP,YACE,CAAC,EAAC,qgCAAqgC,EACvgC,IAAI,EAAC,cAAc,GACnB,CACO,CACZ,EACA,IAAI,CAAC,IAAI,KAAK,EAAE,KACf,EAAC,QAAQ,QACP,YACE,CAAC,EAAC,4jCAA4jC,EAC9jC,IAAI,EAAC,cAAc,GACnB,CACO,CACZ,CACG,EACN;GACH;;;;;;;;;;;;;;;;;;;;;;;;;","names":["FlipIconSearchStrong"],"sources":["./src/components/flip-icon/flip-icon.css?tag=flip-icon-search-strong&encapsulation=shadow","./src/components/flip-icon/icons/flip-icon-search-strong.tsx"],"sourcesContent":[":host {\n display: inline-flex;\n}\n","// DO NOT EDIT. THIS FILE GETS GENERATED VIA \"yarn generate\".\n\nimport { Component, Fragment, h, Prop } from \"@stencil/core\";\nimport { FlipIconSize } from \"../flip-icon.types\";\n\n@Component({\n shadow: true,\n styleUrl: \"../flip-icon.css\",\n tag: \"flip-icon-search-strong\",\n})\nexport class FlipIconSearchStrong {\n @Prop() size: FlipIconSize = 24;\n\n render() {\n return (\n <svg\n class=\"flip-icon\"\n fill=\"none\"\n height={this.size}\n part=\"icon\"\n viewBox={`0 0 ${this.size} ${this.size}`}\n width={this.size}\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n {this.size === 16 && (\n <Fragment>\n <path\n d=\"M12.3 13.9L8.71667 10.3166C8.39445 10.5389 8.01956 10.7166 7.592 10.85C7.164 10.9833 6.7 11.05 6.2 11.05C4.88889 11.05 3.77512 10.5915 2.85867 9.67464C1.94178 8.75819 1.48334 7.64442 1.48334 6.3333C1.48334 5.02219 1.94178 3.90819 2.85867 2.9913C3.77512 2.07486 4.88889 1.61664 6.2 1.61664C7.51112 1.61664 8.62489 2.07486 9.54134 2.9913C10.4582 3.90819 10.9167 5.02219 10.9167 6.3333C10.9167 6.84442 10.85 7.30819 10.7167 7.72464C10.5833 8.14153 10.4056 8.50553 10.1833 8.81664L13.8 12.45C14 12.65 14.0973 12.8915 14.092 13.1746C14.0862 13.4582 13.9833 13.7 13.7833 13.9C13.5833 14.1 13.336 14.2 13.0413 14.2C12.7471 14.2 12.5 14.1 12.3 13.9V13.9ZM6.2 8.94997C6.93334 8.94997 7.55289 8.69708 8.05867 8.1913C8.564 7.68597 8.81667 7.06664 8.81667 6.3333C8.81667 5.59997 8.564 4.98042 8.05867 4.47464C7.55289 3.9693 6.93334 3.71664 6.2 3.71664C5.46667 3.71664 4.84734 3.9693 4.342 4.47464C3.83623 4.98042 3.58334 5.59997 3.58334 6.3333C3.58334 7.06664 3.83623 7.68597 4.342 8.1913C4.84734 8.69708 5.46667 8.94997 6.2 8.94997Z\"\n fill=\"currentColor\"\n />\n </Fragment>\n )}\n {this.size === 24 && (\n <Fragment>\n <path\n d=\"M18.45 20.85L13.075 15.475C12.5917 15.8083 12.0293 16.075 11.388 16.275C10.746 16.475 10.05 16.575 9.30001 16.575C7.33334 16.575 5.66267 15.8873 4.28801 14.512C2.91267 13.1373 2.22501 11.4667 2.22501 9.49999C2.22501 7.53332 2.91267 5.86232 4.28801 4.48699C5.66267 3.11232 7.33334 2.42499 9.30001 2.42499C11.2667 2.42499 12.9373 3.11232 14.312 4.48699C15.6873 5.86232 16.375 7.53332 16.375 9.49999C16.375 10.2667 16.275 10.9623 16.075 11.587C15.875 12.2123 15.6083 12.7583 15.275 13.225L20.7 18.675C21 18.975 21.146 19.3373 21.138 19.762C21.1293 20.1873 20.975 20.55 20.675 20.85C20.375 21.15 20.004 21.3 19.562 21.3C19.1207 21.3 18.75 21.15 18.45 20.85ZM9.30001 13.425C10.4 13.425 11.3293 13.0457 12.088 12.287C12.846 11.529 13.225 10.6 13.225 9.49999C13.225 8.39999 12.846 7.47065 12.088 6.71199C11.3293 5.95399 10.4 5.57499 9.30001 5.57499C8.20001 5.57499 7.27101 5.95399 6.51301 6.71199C5.75434 7.47065 5.37501 8.39999 5.37501 9.49999C5.37501 10.6 5.75434 11.529 6.51301 12.287C7.27101 13.0457 8.20001 13.425 9.30001 13.425Z\"\n fill=\"currentColor\"\n />\n </Fragment>\n )}\n {this.size === 28 && (\n <Fragment>\n <path\n d=\"M21.525 24.325L15.2542 18.0542C14.6903 18.4431 14.0342 18.7542 13.286 18.9875C12.537 19.2208 11.725 19.3375 10.85 19.3375C8.55555 19.3375 6.60644 18.5352 5.00266 16.9307C3.3981 15.3269 2.59583 13.3778 2.59583 11.0833C2.59583 8.78888 3.3981 6.83939 5.00266 5.23483C6.60644 3.63105 8.55555 2.82916 10.85 2.82916C13.1444 2.82916 15.0935 3.63105 16.6973 5.23483C18.3019 6.83939 19.1042 8.78888 19.1042 11.0833C19.1042 11.9778 18.9875 12.7894 18.7542 13.5182C18.5208 14.2477 18.2097 14.8847 17.8208 15.4292L24.15 21.7875C24.5 22.1375 24.6703 22.5602 24.661 23.0557C24.6509 23.5519 24.4708 23.975 24.1208 24.325C23.7708 24.675 23.338 24.85 22.8223 24.85C22.3074 24.85 21.875 24.675 21.525 24.325V24.325ZM10.85 15.6625C12.1333 15.6625 13.2175 15.2199 14.1027 14.3348C14.987 13.4505 15.4292 12.3667 15.4292 11.0833C15.4292 9.8 14.987 8.71577 14.1027 7.83066C13.2175 6.94633 12.1333 6.50416 10.85 6.50416C9.56666 6.50416 8.48283 6.94633 7.59849 7.83066C6.71338 8.71577 6.27083 9.8 6.27083 11.0833C6.27083 12.3667 6.71338 13.4505 7.59849 14.3348C8.48283 15.2199 9.56666 15.6625 10.85 15.6625Z\"\n fill=\"currentColor\"\n />\n </Fragment>\n )}\n </svg>\n );\n }\n}\n"],"version":3}

package/dist/components/flip-icon-search.js.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"file":"flip-icon-search.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/flip-icon-search2.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"flip-icon-search2.js","mappings":";;AAAA,MAAM,WAAW,GAAG,4BAA4B;;MCUnC,cAAc;EAL3B;;;;IAMU,SAAI,GAAiB,EAAE,CAAC;GAwCjC;EAtCC,MAAM;IACJ,QACE,WACE,KAAK,EAAC,WAAW,EACjB,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,IAAI,CAAC,IAAI,EACjB,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,OAAO,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,EAAE,EACxC,KAAK,EAAE,IAAI,CAAC,IAAI,EAChB,KAAK,EAAC,4BAA4B,IAEjC,IAAI,CAAC,IAAI,KAAK,EAAE,KACf,EAAC,QAAQ,QACP,YACE,CAAC,EAAC,giCAAgiC,EACliC,IAAI,EAAC,cAAc,GACnB,CACO,CACZ,EACA,IAAI,CAAC,IAAI,KAAK,EAAE,KACf,EAAC,QAAQ,QACP,YACE,CAAC,EAAC,0/BAA0/B,EAC5/B,IAAI,EAAC,cAAc,GACnB,CACO,CACZ,EACA,IAAI,CAAC,IAAI,KAAK,EAAE,KACf,EAAC,QAAQ,QACP,YACE,CAAC,EAAC,qkCAAqkC,EACvkC,IAAI,EAAC,cAAc,GACnB,CACO,CACZ,CACG,EACN;GACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/flip-icon/flip-icon.css?tag=flip-icon-search&encapsulation=shadow","./src/components/flip-icon/icons/flip-icon-search.tsx"],"sourcesContent":[":host {\n display: inline-flex;\n}\n","// DO NOT EDIT. THIS FILE GETS GENERATED VIA \"yarn generate\".\n\nimport { Component, Fragment, h, Prop } from \"@stencil/core\";\nimport { FlipIconSize } from \"../flip-icon.types\";\n\n@Component({\n shadow: true,\n styleUrl: \"../flip-icon.css\",\n tag: \"flip-icon-search\",\n})\nexport class FlipIconSearch {\n @Prop() size: FlipIconSize = 24;\n\n render() {\n return (\n <svg\n class=\"flip-icon\"\n fill=\"none\"\n height={this.size}\n part=\"icon\"\n viewBox={`0 0 ${this.size} ${this.size}`}\n width={this.size}\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n {this.size === 16 && (\n <Fragment>\n <path\n d=\"M12.5333 13.6167L8.83333 9.91669C8.5 10.1722 8.11666 10.3778 7.68333 10.5334C7.25 10.6889 6.78889 10.7667 6.3 10.7667C5.06666 10.7667 4.02222 10.336 3.16666 9.47469C2.31111 8.6138 1.88333 7.56669 1.88333 6.33336C1.88333 5.10002 2.31111 4.05269 3.16666 3.19136C4.02222 2.33047 5.06666 1.90002 6.3 1.90002C7.53333 1.90002 8.58066 2.33047 9.442 3.19136C10.3029 4.05269 10.7333 5.10002 10.7333 6.33336C10.7333 6.82225 10.6584 7.28336 10.5087 7.71669C10.3584 8.15002 10.1556 8.5278 9.9 8.85002L13.6167 12.5834C13.75 12.7167 13.8167 12.8862 13.8167 13.092C13.8167 13.2974 13.7444 13.4722 13.6 13.6167C13.4556 13.7611 13.2751 13.8334 13.0587 13.8334C12.8418 13.8334 12.6667 13.7611 12.5333 13.6167ZM6.3 9.23336C7.11111 9.23336 7.8 8.95269 8.36667 8.39136C8.93333 7.83047 9.21666 7.14447 9.21666 6.33336C9.21666 5.52225 8.93333 4.83602 8.36667 4.27469C7.8 3.7138 7.11111 3.43336 6.3 3.43336C5.48889 3.43336 4.80289 3.7138 4.242 4.27469C3.68066 4.83602 3.4 5.52225 3.4 6.33336C3.4 7.14447 3.68066 7.83047 4.242 8.39136C4.80289 8.95269 5.48889 9.23336 6.3 9.23336Z\"\n fill=\"currentColor\"\n />\n </Fragment>\n )}\n {this.size === 24 && (\n <Fragment>\n <path\n d=\"M18.8 20.425L13.25 14.875C12.75 15.2583 12.175 15.5666 11.525 15.8C10.875 16.0333 10.1833 16.15 9.45001 16.15C7.60001 16.15 6.03335 15.504 4.75001 14.212C3.46668 12.9206 2.82501 11.35 2.82501 9.49998C2.82501 7.64998 3.46668 6.07898 4.75001 4.78698C6.03335 3.49564 7.60001 2.84998 9.45001 2.84998C11.3 2.84998 12.871 3.49564 14.163 4.78698C15.4543 6.07898 16.1 7.64998 16.1 9.49998C16.1 10.2333 15.9877 10.925 15.763 11.575C15.5377 12.225 15.2333 12.7916 14.85 13.275L20.425 18.875C20.625 19.075 20.725 19.3293 20.725 19.638C20.725 19.946 20.6167 20.2083 20.4 20.425C20.1833 20.6416 19.9127 20.75 19.588 20.75C19.2627 20.75 19 20.6416 18.8 20.425ZM9.45001 13.85C10.6667 13.85 11.7 13.429 12.55 12.587C13.4 11.7456 13.825 10.7166 13.825 9.49998C13.825 8.28331 13.4 7.25398 12.55 6.41198C11.7 5.57064 10.6667 5.14998 9.45001 5.14998C8.23335 5.14998 7.20435 5.57064 6.36301 6.41198C5.52101 7.25398 5.10001 8.28331 5.10001 9.49998C5.10001 10.7166 5.52101 11.7456 6.36301 12.587C7.20435 13.429 8.23335 13.85 9.45001 13.85Z\"\n fill=\"currentColor\"\n />\n </Fragment>\n )}\n {this.size === 28 && (\n <Fragment>\n <path\n d=\"M21.9333 23.8292L15.4583 17.3542C14.875 17.8014 14.2042 18.1611 13.4458 18.4333C12.6875 18.7056 11.8806 18.8417 11.025 18.8417C8.86667 18.8417 7.03889 18.088 5.54167 16.5807C4.04445 15.0741 3.29584 13.2417 3.29584 11.0833C3.29584 8.92501 4.04445 7.09218 5.54167 5.58485C7.03889 4.07829 8.86667 3.32501 11.025 3.32501C13.1833 3.32501 15.0162 4.07829 16.5235 5.58485C18.0301 7.09218 18.7833 8.92501 18.7833 11.0833C18.7833 11.9389 18.6523 12.7458 18.3902 13.5042C18.1273 14.2625 17.7722 14.9236 17.325 15.4875L23.8292 22.0208C24.0625 22.2542 24.1792 22.5509 24.1792 22.911C24.1792 23.2703 24.0528 23.5764 23.8 23.8292C23.5472 24.082 23.2314 24.2083 22.8527 24.2083C22.4731 24.2083 22.1667 24.082 21.9333 23.8292ZM11.025 16.1583C12.4444 16.1583 13.65 15.6672 14.6417 14.6848C15.6333 13.7033 16.1292 12.5028 16.1292 11.0833C16.1292 9.6639 15.6333 8.46301 14.6417 7.48068C13.65 6.49912 12.4444 6.00835 11.025 6.00835C9.60556 6.00835 8.40506 6.49912 7.4235 7.48068C6.44117 8.46301 5.95 9.6639 5.95 11.0833C5.95 12.5028 6.44117 13.7033 7.4235 14.6848C8.40506 15.6672 9.60556 16.1583 11.025 16.1583Z\"\n fill=\"currentColor\"\n />\n </Fragment>\n )}\n </svg>\n );\n }\n}\n"],"version":3}

package/dist/components/flip-icon-send.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"flip-icon-send.js","mappings":";;AAAA,MAAM,WAAW,GAAG,4BAA4B;;MCUnCA,cAAY;EALzB;;;;IAMU,SAAI,GAAiB,EAAE,CAAC;GAwCjC;EAtCC,MAAM;IACJ,QACE,WACE,KAAK,EAAC,WAAW,EACjB,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,IAAI,CAAC,IAAI,EACjB,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,OAAO,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,EAAE,EACxC,KAAK,EAAE,IAAI,CAAC,IAAI,EAChB,KAAK,EAAC,4BAA4B,IAEjC,IAAI,CAAC,IAAI,KAAK,EAAE,KACf,EAAC,QAAQ,QACP,YACE,CAAC,EAAC,odAAod,EACtd,IAAI,EAAC,cAAc,GACnB,CACO,CACZ,EACA,IAAI,CAAC,IAAI,KAAK,EAAE,KACf,EAAC,QAAQ,QACP,YACE,CAAC,EAAC,qcAAqc,EACvc,IAAI,EAAC,cAAc,GACnB,CACO,CACZ,EACA,IAAI,CAAC,IAAI,KAAK,EAAE,KACf,EAAC,QAAQ,QACP,YACE,CAAC,EAAC,ogBAAogB,EACtgB,IAAI,EAAC,cAAc,GACnB,CACO,CACZ,CACG,EACN;GACH;;;;;;;;;;;;;;;;;;;;;;;;;","names":["FlipIconSend"],"sources":["./src/components/flip-icon/flip-icon.css?tag=flip-icon-send&encapsulation=shadow","./src/components/flip-icon/icons/flip-icon-send.tsx"],"sourcesContent":[":host {\n display: inline-flex;\n}\n","// DO NOT EDIT. THIS FILE GETS GENERATED VIA \"yarn generate\".\n\nimport { Component, Fragment, h, Prop } from \"@stencil/core\";\nimport { FlipIconSize } from \"../flip-icon.types\";\n\n@Component({\n shadow: true,\n styleUrl: \"../flip-icon.css\",\n tag: \"flip-icon-send\",\n})\nexport class FlipIconSend {\n @Prop() size: FlipIconSize = 24;\n\n render() {\n return (\n <svg\n class=\"flip-icon\"\n fill=\"none\"\n height={this.size}\n part=\"icon\"\n viewBox={`0 0 ${this.size} ${this.size}`}\n width={this.size}\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n {this.size === 16 && (\n <Fragment>\n <path\n d=\"M2.93333 12.95C2.71111 13.0389 2.5 13.0193 2.3 12.8913C2.1 12.7638 2 12.5778 2 12.3333V9.85C2 9.69444 2.04444 9.55555 2.13333 9.43333C2.22222 9.31111 2.34444 9.23333 2.5 9.2L7.33333 8L2.5 6.8C2.34444 6.76666 2.22222 6.68889 2.13333 6.56666C2.04444 6.44444 2 6.30555 2 6.15V3.66666C2 3.42222 2.1 3.236 2.3 3.108C2.5 2.98044 2.71111 2.96111 2.93333 3.05L13.2 7.38333C13.4778 7.50555 13.6167 7.71111 13.6167 8C13.6167 8.28889 13.4778 8.49444 13.2 8.61666L2.93333 12.95Z\"\n fill=\"currentColor\"\n />\n </Fragment>\n )}\n {this.size === 24 && (\n <Fragment>\n <path\n d=\"M4.4 19.425C4.06667 19.5583 3.75 19.529 3.45 19.337C3.15 19.1457 3 18.8667 3 18.5V14.775C3 14.5417 3.06667 14.3333 3.2 14.15C3.33333 13.9667 3.51667 13.85 3.75 13.8L11 12L3.75 10.2C3.51667 10.15 3.33333 10.0333 3.2 9.84999C3.06667 9.66666 3 9.45833 3 9.22499V5.49999C3 5.13333 3.15 4.85399 3.45 4.66199C3.75 4.47066 4.06667 4.44166 4.4 4.57499L19.8 11.075C20.2167 11.2583 20.425 11.5667 20.425 12C20.425 12.4333 20.2167 12.7417 19.8 12.925L4.4 19.425Z\"\n fill=\"currentColor\"\n />\n </Fragment>\n )}\n {this.size === 28 && (\n <Fragment>\n <path\n d=\"M5.13333 22.6625C4.74444 22.818 4.375 22.7838 4.025 22.5598C3.675 22.3366 3.5 22.0111 3.5 21.5833V17.2375C3.5 16.9653 3.57778 16.7222 3.73333 16.5083C3.88889 16.2944 4.10278 16.1583 4.375 16.1L12.8333 14L4.375 11.9C4.10278 11.8417 3.88889 11.7055 3.73333 11.4917C3.57778 11.2778 3.5 11.0347 3.5 10.7625V6.41666C3.5 5.98888 3.675 5.66299 4.025 5.43899C4.375 5.21577 4.74444 5.18194 5.13333 5.33749L23.1 12.9208C23.5861 13.1347 23.8292 13.4944 23.8292 14C23.8292 14.5055 23.5861 14.8653 23.1 15.0792L5.13333 22.6625Z\"\n fill=\"currentColor\"\n />\n </Fragment>\n )}\n </svg>\n );\n }\n}\n"],"version":3}

package/dist/components/flip-icon-settings.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"flip-icon-settings.js","mappings":";;AAAA,MAAM,WAAW,GAAG,4BAA4B;;MCUnCA,kBAAgB;EAL7B;;;;IAMU,SAAI,GAAiB,EAAE,CAAC;GAwCjC;EAtCC,MAAM;IACJ,QACE,WACE,KAAK,EAAC,WAAW,EACjB,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,IAAI,CAAC,IAAI,EACjB,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,OAAO,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,EAAE,EACxC,KAAK,EAAE,IAAI,CAAC,IAAI,EAChB,KAAK,EAAC,4BAA4B,IAEjC,IAAI,CAAC,IAAI,KAAK,EAAE,KACf,EAAC,QAAQ,QACP,YACE,CAAC,EAAC,u3CAAu3C,EACz3C,IAAI,EAAC,cAAc,GACnB,CACO,CACZ,EACA,IAAI,CAAC,IAAI,KAAK,EAAE,KACf,EAAC,QAAQ,QACP,YACE,CAAC,EAAC,28BAA28B,EAC78B,IAAI,EAAC,cAAc,GACnB,CACO,CACZ,EACA,IAAI,CAAC,IAAI,KAAK,EAAE,KACf,EAAC,QAAQ,QACP,YACE,CAAC,EAAC,g2CAAg2C,EACl2C,IAAI,EAAC,cAAc,GACnB,CACO,CACZ,CACG,EACN;GACH;;;;;;;;;;;;;;;;;;;;;;;;;","names":["FlipIconSettings"],"sources":["./src/components/flip-icon/flip-icon.css?tag=flip-icon-settings&encapsulation=shadow","./src/components/flip-icon/icons/flip-icon-settings.tsx"],"sourcesContent":[":host {\n display: inline-flex;\n}\n","// DO NOT EDIT. THIS FILE GETS GENERATED VIA \"yarn generate\".\n\nimport { Component, Fragment, h, Prop } from \"@stencil/core\";\nimport { FlipIconSize } from \"../flip-icon.types\";\n\n@Component({\n shadow: true,\n styleUrl: \"../flip-icon.css\",\n tag: \"flip-icon-settings\",\n})\nexport class FlipIconSettings {\n @Prop() size: FlipIconSize = 24;\n\n render() {\n return (\n <svg\n class=\"flip-icon\"\n fill=\"none\"\n height={this.size}\n part=\"icon\"\n viewBox={`0 0 ${this.size} ${this.size}`}\n width={this.size}\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n {this.size === 16 && (\n <Fragment>\n <path\n d=\"M13 8.00004C13 7.84671 12.9933 7.70004 12.98 7.54671L14.22 6.60671C14.4867 6.40671 14.56 6.03337 14.3933 5.74004L13.1467 3.58671C12.98 3.29337 12.62 3.17337 12.3133 3.30671L10.88 3.91337C10.6333 3.74004 10.3733 3.58671 10.1 3.46004L9.90666 1.92004C9.86666 1.58671 9.57999 1.33337 9.24666 1.33337H6.75999C6.41999 1.33337 6.13332 1.58671 6.09332 1.92004L5.89999 3.46004C5.62666 3.58671 5.36666 3.74004 5.11999 3.91337L3.68666 3.30671C3.37999 3.17337 3.01999 3.29337 2.85332 3.58671L1.60666 5.74671C1.43999 6.04004 1.51332 6.40671 1.77999 6.61337L3.01999 7.55337C3.00666 7.70004 2.99999 7.84671 2.99999 8.00004C2.99999 8.15337 3.00666 8.30004 3.01999 8.45337L1.77999 9.39337C1.51332 9.59337 1.43999 9.96671 1.60666 10.26L2.85332 12.4134C3.01999 12.7067 3.37999 12.8267 3.68666 12.6934L5.11999 12.0867C5.36666 12.26 5.62666 12.4134 5.89999 12.54L6.09332 14.08C6.13332 14.4134 6.41999 14.6667 6.75332 14.6667H9.23999C9.57332 14.6667 9.85999 14.4134 9.89999 14.08L10.0933 12.54C10.3667 12.4134 10.6267 12.26 10.8733 12.0867L12.3067 12.6934C12.6133 12.8267 12.9733 12.7067 13.14 12.4134L14.3867 10.26C14.5533 9.96671 14.48 9.60004 14.2133 9.39337L12.9733 8.45337C12.9933 8.30004 13 8.15337 13 8.00004ZM8.02666 10.3334C6.73999 10.3334 5.69332 9.28671 5.69332 8.00004C5.69332 6.71337 6.73999 5.66671 8.02666 5.66671C9.31332 5.66671 10.36 6.71337 10.36 8.00004C10.36 9.28671 9.31332 10.3334 8.02666 10.3334Z\"\n fill=\"currentColor\"\n />\n </Fragment>\n )}\n {this.size === 24 && (\n <Fragment>\n <path\n d=\"M19.5 12C19.5 11.77 19.49 11.55 19.47 11.32L21.33 9.91C21.73 9.61 21.84 9.05 21.59 8.61L19.72 5.38C19.47 4.94 18.93 4.76 18.47 4.96L16.32 5.87C15.95 5.61 15.56 5.38 15.15 5.19L14.86 2.88C14.8 2.38 14.37 2 13.87 2H10.14C9.63 2 9.2 2.38 9.14 2.88L8.85 5.19C8.44 5.38 8.05 5.61 7.68 5.87L5.53 4.96C5.07 4.76 4.53 4.94 4.28 5.38L2.41 8.62C2.16 9.06 2.27 9.61 2.67 9.92L4.53 11.33C4.51 11.55 4.5 11.77 4.5 12C4.5 12.23 4.51 12.45 4.53 12.68L2.67 14.09C2.27 14.39 2.16 14.95 2.41 15.39L4.28 18.62C4.53 19.06 5.07 19.24 5.53 19.04L7.68 18.13C8.05 18.39 8.44 18.62 8.85 18.81L9.14 21.12C9.2 21.62 9.63 22 10.13 22H13.86C14.36 22 14.79 21.62 14.85 21.12L15.14 18.81C15.55 18.62 15.94 18.39 16.31 18.13L18.46 19.04C18.92 19.24 19.46 19.06 19.71 18.62L21.58 15.39C21.83 14.95 21.72 14.4 21.32 14.09L19.46 12.68C19.49 12.45 19.5 12.23 19.5 12ZM12.04 15.5C10.11 15.5 8.54 13.93 8.54 12C8.54 10.07 10.11 8.5 12.04 8.5C13.97 8.5 15.54 10.07 15.54 12C15.54 13.93 13.97 15.5 12.04 15.5Z\"\n fill=\"currentColor\"\n />\n </Fragment>\n )}\n {this.size === 28 && (\n <Fragment>\n <path\n d=\"M22.75 14C22.75 13.7317 22.7383 13.475 22.715 13.2067L24.885 11.5617C25.3517 11.2117 25.48 10.5584 25.1883 10.045L23.0067 6.27671C22.715 5.76337 22.085 5.55337 21.5483 5.78671L19.04 6.84837C18.6083 6.54504 18.1533 6.27671 17.675 6.05504L17.3367 3.36004C17.2667 2.77671 16.765 2.33337 16.1817 2.33337H11.83C11.235 2.33337 10.7333 2.77671 10.6633 3.36004L10.325 6.05504C9.84667 6.27671 9.39167 6.54504 8.96001 6.84837L6.45167 5.78671C5.91501 5.55337 5.28501 5.76337 4.99334 6.27671L2.81167 10.0567C2.52001 10.57 2.64834 11.2117 3.11501 11.5734L5.28501 13.2184C5.26167 13.475 5.25001 13.7317 5.25001 14C5.25001 14.2684 5.26167 14.525 5.28501 14.7934L3.11501 16.4384C2.64834 16.7884 2.52001 17.4417 2.81167 17.955L4.99334 21.7234C5.28501 22.2367 5.91501 22.4467 6.45167 22.2134L8.96001 21.1517C9.39167 21.455 9.84667 21.7234 10.325 21.945L10.6633 24.64C10.7333 25.2234 11.235 25.6667 11.8183 25.6667H16.17C16.7533 25.6667 17.255 25.2234 17.325 24.64L17.6633 21.945C18.1417 21.7234 18.5967 21.455 19.0283 21.1517L21.5367 22.2134C22.0733 22.4467 22.7033 22.2367 22.995 21.7234L25.1767 17.955C25.4683 17.4417 25.34 16.8 24.8733 16.4384L22.7033 14.7934C22.7383 14.525 22.75 14.2684 22.75 14ZM14.0467 18.0834C11.795 18.0834 9.96334 16.2517 9.96334 14C9.96334 11.7484 11.795 9.91671 14.0467 9.91671C16.2983 9.91671 18.13 11.7484 18.13 14C18.13 16.2517 16.2983 18.0834 14.0467 18.0834Z\"\n fill=\"currentColor\"\n />\n </Fragment>\n )}\n </svg>\n );\n }\n}\n"],"version":3}

package/dist/components/flip-icon-time-filled.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"flip-icon-time-filled.js","mappings":";;AAAA,MAAM,WAAW,GAAG,4BAA4B;;MCUnCA,oBAAkB;EAL/B;;;;IAMU,SAAI,GAAiB,EAAE,CAAC;GAwCjC;EAtCC,MAAM;IACJ,QACE,WACE,KAAK,EAAC,WAAW,EACjB,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,IAAI,CAAC,IAAI,EACjB,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,OAAO,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,EAAE,EACxC,KAAK,EAAE,IAAI,CAAC,IAAI,EAChB,KAAK,EAAC,4BAA4B,IAEjC,IAAI,CAAC,IAAI,KAAK,EAAE,KACf,EAAC,QAAQ,QACP,YACE,CAAC,EAAC,ixCAAixC,EACnxC,IAAI,EAAC,cAAc,GACnB,CACO,CACZ,EACA,IAAI,CAAC,IAAI,KAAK,EAAE,KACf,EAAC,QAAQ,QACP,YACE,CAAC,EAAC,ogCAAogC,EACtgC,IAAI,EAAC,cAAc,GACnB,CACO,CACZ,EACA,IAAI,CAAC,IAAI,KAAK,EAAE,KACf,EAAC,QAAQ,QACP,YACE,CAAC,EAAC,kwCAAkwC,EACpwC,IAAI,EAAC,cAAc,GACnB,CACO,CACZ,CACG,EACN;GACH;;;;;;;;;;;;;;;;;;;;;;;;;","names":["FlipIconTimeFilled"],"sources":["./src/components/flip-icon/flip-icon.css?tag=flip-icon-time-filled&encapsulation=shadow","./src/components/flip-icon/icons/flip-icon-time-filled.tsx"],"sourcesContent":[":host {\n display: inline-flex;\n}\n","// DO NOT EDIT. THIS FILE GETS GENERATED VIA \"yarn generate\".\n\nimport { Component, Fragment, h, Prop } from \"@stencil/core\";\nimport { FlipIconSize } from \"../flip-icon.types\";\n\n@Component({\n shadow: true,\n styleUrl: \"../flip-icon.css\",\n tag: \"flip-icon-time-filled\",\n})\nexport class FlipIconTimeFilled {\n @Prop() size: FlipIconSize = 24;\n\n render() {\n return (\n <svg\n class=\"flip-icon\"\n fill=\"none\"\n height={this.size}\n part=\"icon\"\n viewBox={`0 0 ${this.size} ${this.size}`}\n width={this.size}\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n {this.size === 16 && (\n <Fragment>\n <path\n d=\"M9.75001 10.6834C9.87223 10.8056 10.0222 10.8667 10.2 10.8667C10.3778 10.8667 10.5333 10.8 10.6667 10.6667C10.7889 10.5445 10.85 10.3889 10.85 10.2C10.85 10.0112 10.7889 9.8556 10.6667 9.73337L8.66668 7.73337V5.31671C8.66668 5.12782 8.6029 4.97226 8.47534 4.85004C8.34734 4.72782 8.1889 4.66671 8.00001 4.66671C7.81112 4.66671 7.6529 4.73049 7.52534 4.85804C7.39734 4.98604 7.33334 5.14448 7.33334 5.33337V7.98337C7.33334 8.07226 7.35001 8.15826 7.38334 8.24137C7.41668 8.32493 7.46668 8.40004 7.53334 8.46671L9.75001 10.6834ZM8.00001 14.6667C7.07779 14.6667 6.21112 14.4916 5.40001 14.1414C4.5889 13.7916 3.88334 13.3167 3.28334 12.7167C2.68334 12.1167 2.20845 11.4112 1.85868 10.6C1.50845 9.78893 1.33334 8.92226 1.33334 8.00004C1.33334 7.07782 1.50845 6.21115 1.85868 5.40004C2.20845 4.58893 2.68334 3.88337 3.28334 3.28337C3.88334 2.68337 4.5889 2.20826 5.40001 1.85804C6.21112 1.50826 7.07779 1.33337 8.00001 1.33337C8.92223 1.33337 9.7889 1.50826 10.6 1.85804C11.4111 2.20826 12.1167 2.68337 12.7167 3.28337C13.3167 3.88337 13.7916 4.58893 14.1413 5.40004C14.4916 6.21115 14.6667 7.07782 14.6667 8.00004C14.6667 8.92226 14.4916 9.78893 14.1413 10.6C13.7916 11.4112 13.3167 12.1167 12.7167 12.7167C12.1167 13.3167 11.4111 13.7916 10.6 14.1414C9.7889 14.4916 8.92223 14.6667 8.00001 14.6667Z\"\n fill=\"currentColor\"\n />\n </Fragment>\n )}\n {this.size === 24 && (\n <Fragment>\n <path\n d=\"M14.625 16.025C14.8083 16.2083 15.0333 16.3 15.3 16.3C15.5667 16.3 15.8 16.2 16 16C16.1833 15.8167 16.275 15.5833 16.275 15.3C16.275 15.0167 16.1833 14.7833 16 14.6L13 11.6V7.975C13 7.69167 12.9043 7.45833 12.713 7.275C12.521 7.09167 12.2833 7 12 7C11.7167 7 11.4793 7.09567 11.288 7.287C11.096 7.479 11 7.71667 11 8V11.975C11 12.1083 11.025 12.2373 11.075 12.362C11.125 12.4873 11.2 12.6 11.3 12.7L14.625 16.025ZM12 22C10.6167 22 9.31667 21.7373 8.1 21.212C6.88333 20.6873 5.825 19.975 4.925 19.075C4.025 18.175 3.31267 17.1167 2.788 15.9C2.26267 14.6833 2 13.3833 2 12C2 10.6167 2.26267 9.31667 2.788 8.1C3.31267 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.31233 8.1 2.787C9.31667 2.26233 10.6167 2 12 2C13.3833 2 14.6833 2.26233 15.9 2.787C17.1167 3.31233 18.175 4.025 19.075 4.925C19.975 5.825 20.6873 6.88333 21.212 8.1C21.7373 9.31667 22 10.6167 22 12C22 13.3833 21.7373 14.6833 21.212 15.9C20.6873 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6873 15.9 21.212C14.6833 21.7373 13.3833 22 12 22Z\"\n fill=\"currentColor\"\n />\n </Fragment>\n )}\n {this.size === 28 && (\n <Fragment>\n <path\n d=\"M17.0625 18.6959C17.2764 18.9098 17.5389 19.0167 17.85 19.0167C18.1611 19.0167 18.4333 18.9 18.6667 18.6667C18.8806 18.4528 18.9875 18.1806 18.9875 17.85C18.9875 17.5195 18.8806 17.2473 18.6667 17.0334L15.1667 13.5334V9.30421C15.1667 8.97365 15.0551 8.70143 14.8318 8.48754C14.6078 8.27365 14.3306 8.16671 14 8.16671C13.6695 8.16671 13.3926 8.27832 13.1693 8.50154C12.9453 8.72554 12.8333 9.00282 12.8333 9.33337V13.9709C12.8333 14.1264 12.8625 14.2769 12.9208 14.4224C12.9792 14.5686 13.0667 14.7 13.1833 14.8167L17.0625 18.6959ZM14 25.6667C12.3861 25.6667 10.8695 25.3603 9.45001 24.7474C8.03057 24.1353 6.79584 23.3042 5.74584 22.2542C4.69584 21.2042 3.86479 19.9695 3.25268 18.55C2.63979 17.1306 2.33334 15.6139 2.33334 14C2.33334 12.3862 2.63979 10.8695 3.25268 9.45004C3.86479 8.0306 4.69584 6.79587 5.74584 5.74587C6.79584 4.69587 8.03057 3.86443 9.45001 3.25154C10.8695 2.63943 12.3861 2.33337 14 2.33337C15.6139 2.33337 17.1306 2.63943 18.55 3.25154C19.9695 3.86443 21.2042 4.69587 22.2542 5.74587C23.3042 6.79587 24.1352 8.0306 24.7473 9.45004C25.3602 10.8695 25.6667 12.3862 25.6667 14C25.6667 15.6139 25.3602 17.1306 24.7473 18.55C24.1352 19.9695 23.3042 21.2042 22.2542 22.2542C21.2042 23.3042 19.9695 24.1353 18.55 24.7474C17.1306 25.3603 15.6139 25.6667 14 25.6667Z\"\n fill=\"currentColor\"\n />\n </Fragment>\n )}\n </svg>\n );\n }\n}\n"],"version":3}

package/dist/components/flip-icon-time-outlined.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"flip-icon-time-outlined.js","mappings":";;AAAA,MAAM,WAAW,GAAG,4BAA4B;;MCUnCA,sBAAoB;EALjC;;;;IAMU,SAAI,GAAiB,EAAE,CAAC;GAwCjC;EAtCC,MAAM;IACJ,QACE,WACE,KAAK,EAAC,WAAW,EACjB,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,IAAI,CAAC,IAAI,EACjB,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,OAAO,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,EAAE,EACxC,KAAK,EAAE,IAAI,CAAC,IAAI,EAChB,KAAK,EAAC,4BAA4B,IAEjC,IAAI,CAAC,IAAI,KAAK,EAAE,KACf,EAAC,QAAQ,QACP,YACE,CAAC,EAAC,ipDAAipD,EACnpD,IAAI,EAAC,cAAc,GACnB,CACO,CACZ,EACA,IAAI,CAAC,IAAI,KAAK,EAAE,KACf,EAAC,QAAQ,QACP,YACE,CAAC,EAAC,2/CAA2/C,EAC7/C,IAAI,EAAC,cAAc,GACnB,CACO,CACZ,EACA,IAAI,CAAC,IAAI,KAAK,EAAE,KACf,EAAC,QAAQ,QACP,YACE,CAAC,EAAC,2mDAA2mD,EAC7mD,IAAI,EAAC,cAAc,GACnB,CACO,CACZ,CACG,EACN;GACH;;;;;;;;;;;;;;;;;;;;;;;;;","names":["FlipIconTimeOutlined"],"sources":["./src/components/flip-icon/flip-icon.css?tag=flip-icon-time-outlined&encapsulation=shadow","./src/components/flip-icon/icons/flip-icon-time-outlined.tsx"],"sourcesContent":[":host {\n display: inline-flex;\n}\n","// DO NOT EDIT. THIS FILE GETS GENERATED VIA \"yarn generate\".\n\nimport { Component, Fragment, h, Prop } from \"@stencil/core\";\nimport { FlipIconSize } from \"../flip-icon.types\";\n\n@Component({\n shadow: true,\n styleUrl: \"../flip-icon.css\",\n tag: \"flip-icon-time-outlined\",\n})\nexport class FlipIconTimeOutlined {\n @Prop() size: FlipIconSize = 24;\n\n render() {\n return (\n <svg\n class=\"flip-icon\"\n fill=\"none\"\n height={this.size}\n part=\"icon\"\n viewBox={`0 0 ${this.size} ${this.size}`}\n width={this.size}\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n {this.size === 16 && (\n <Fragment>\n <path\n d=\"M9.65001 10.6667C9.78335 10.8 9.94735 10.8667 10.142 10.8667C10.3362 10.8667 10.5056 10.7945 10.65 10.65C10.7833 10.5167 10.85 10.3471 10.85 10.1413C10.85 9.93601 10.7833 9.76668 10.65 9.63335L8.73335 7.70001V5.40001C8.73335 5.1889 8.66401 5.01668 8.52535 4.88335C8.38623 4.75001 8.21112 4.68335 8.00001 4.68335C7.7889 4.68335 7.61401 4.75268 7.47535 4.89135C7.33623 5.03046 7.26668 5.20557 7.26668 5.41668V7.96668C7.26668 8.06668 7.28623 8.16379 7.32535 8.25801C7.36401 8.35268 7.42223 8.4389 7.50001 8.51668L9.65001 10.6667ZM8.00001 14.8C7.05557 14.8 6.16935 14.6222 5.34135 14.2667C4.51379 13.9111 3.79446 13.4278 3.18335 12.8167C2.57223 12.2056 2.0889 11.4862 1.73335 10.6587C1.37779 9.83068 1.20001 8.94446 1.20001 8.00001C1.20001 7.05557 1.37779 6.16935 1.73335 5.34135C2.0889 4.51379 2.57223 3.79446 3.18335 3.18335C3.79446 2.57223 4.51379 2.0889 5.34135 1.73335C6.16935 1.37779 7.05557 1.20001 8.00001 1.20001C8.94446 1.20001 9.83068 1.37779 10.6587 1.73335C11.4862 2.0889 12.2056 2.57223 12.8167 3.18335C13.4278 3.79446 13.9111 4.51379 14.2667 5.34135C14.6222 6.16935 14.8 7.05557 14.8 8.00001C14.8 8.94446 14.6222 9.83068 14.2667 10.6587C13.9111 11.4862 13.4278 12.2056 12.8167 12.8167C12.2056 13.4278 11.4862 13.9111 10.6587 14.2667C9.83068 14.6222 8.94446 14.8 8.00001 14.8ZM8.00001 13.2833C9.46668 13.2833 10.714 12.7696 11.742 11.742C12.7696 10.714 13.2833 9.46668 13.2833 8.00001C13.2833 6.53335 12.7696 5.28601 11.742 4.25801C10.714 3.23046 9.46668 2.71668 8.00001 2.71668C6.53335 2.71668 5.28623 3.23046 4.25868 4.25801C3.23068 5.28601 2.71668 6.53335 2.71668 8.00001C2.71668 9.46668 3.23068 10.714 4.25868 11.742C5.28623 12.7696 6.53335 13.2833 8.00001 13.2833Z\"\n fill=\"currentColor\"\n />\n </Fragment>\n )}\n {this.size === 24 && (\n <Fragment>\n <path\n d=\"M14.475 16C14.675 16.2 14.921 16.3 15.213 16.3C15.5043 16.3 15.7583 16.1917 15.975 15.975C16.175 15.775 16.275 15.5207 16.275 15.212C16.275 14.904 16.175 14.65 15.975 14.45L13.1 11.55V8.09999C13.1 7.78332 12.996 7.52499 12.788 7.32499C12.5793 7.12499 12.3167 7.02499 12 7.02499C11.6833 7.02499 11.421 7.12899 11.213 7.33699C11.0043 7.54565 10.9 7.80832 10.9 8.12499V11.95C10.9 12.1 10.9293 12.2457 10.988 12.387C11.046 12.529 11.1333 12.6583 11.25 12.775L14.475 16ZM12 22.2C10.5833 22.2 9.25399 21.9333 8.01199 21.4C6.77065 20.8667 5.69165 20.1417 4.77499 19.225C3.85832 18.3083 3.13332 17.2293 2.59999 15.988C2.06665 14.746 1.79999 13.4167 1.79999 12C1.79999 10.5833 2.06665 9.25399 2.59999 8.01199C3.13332 6.77065 3.85832 5.69165 4.77499 4.77499C5.69165 3.85832 6.77065 3.13332 8.01199 2.59999C9.25399 2.06665 10.5833 1.79999 12 1.79999C13.4167 1.79999 14.746 2.06665 15.988 2.59999C17.2293 3.13332 18.3083 3.85832 19.225 4.77499C20.1417 5.69165 20.8667 6.77065 21.4 8.01199C21.9333 9.25399 22.2 10.5833 22.2 12C22.2 13.4167 21.9333 14.746 21.4 15.988C20.8667 17.2293 20.1417 18.3083 19.225 19.225C18.3083 20.1417 17.2293 20.8667 15.988 21.4C14.746 21.9333 13.4167 22.2 12 22.2ZM12 19.925C14.2 19.925 16.071 19.1543 17.613 17.613C19.1543 16.071 19.925 14.2 19.925 12C19.925 9.79999 19.1543 7.92899 17.613 6.38699C16.071 4.84565 14.2 4.07499 12 4.07499C9.79999 4.07499 7.92932 4.84565 6.38799 6.38699C4.84599 7.92899 4.07499 9.79999 4.07499 12C4.07499 14.2 4.84599 16.071 6.38799 17.613C7.92932 19.1543 9.79999 19.925 12 19.925Z\"\n fill=\"currentColor\"\n />\n </Fragment>\n )}\n {this.size === 28 && (\n <Fragment>\n <path\n d=\"M16.8875 18.6667C17.1208 18.9 17.4078 19.0167 17.7485 19.0167C18.0884 19.0167 18.3847 18.8903 18.6375 18.6375C18.8708 18.4042 18.9875 18.1074 18.9875 17.7473C18.9875 17.388 18.8708 17.0917 18.6375 16.8583L15.2833 13.475V9.45001C15.2833 9.08056 15.162 8.77917 14.9193 8.54584C14.6759 8.31251 14.3694 8.19584 14 8.19584C13.6306 8.19584 13.3245 8.31717 13.0818 8.55984C12.8384 8.80328 12.7167 9.10973 12.7167 9.47917V13.9417C12.7167 14.1167 12.7509 14.2866 12.8193 14.4515C12.887 14.6172 12.9889 14.7681 13.125 14.9042L16.8875 18.6667ZM14 25.9C12.3472 25.9 10.7963 25.5889 9.34734 24.9667C7.89912 24.3445 6.64028 23.4986 5.57084 22.4292C4.5014 21.3597 3.65556 20.1009 3.03334 18.6527C2.41112 17.2037 2.10001 15.6528 2.10001 14C2.10001 12.3472 2.41112 10.7963 3.03334 9.34734C3.65556 7.89912 4.5014 6.64028 5.57084 5.57084C6.64028 4.5014 7.89912 3.65556 9.34734 3.03334C10.7963 2.41112 12.3472 2.10001 14 2.10001C15.6528 2.10001 17.2037 2.41112 18.6527 3.03334C20.1009 3.65556 21.3597 4.5014 22.4292 5.57084C23.4986 6.64028 24.3445 7.89912 24.9667 9.34734C25.5889 10.7963 25.9 12.3472 25.9 14C25.9 15.6528 25.5889 17.2037 24.9667 18.6527C24.3445 20.1009 23.4986 21.3597 22.4292 22.4292C21.3597 23.4986 20.1009 24.3445 18.6527 24.9667C17.2037 25.5889 15.6528 25.9 14 25.9ZM14 23.2458C16.5667 23.2458 18.7495 22.3467 20.5485 20.5485C22.3467 18.7495 23.2458 16.5667 23.2458 14C23.2458 11.4333 22.3467 9.25051 20.5485 7.45151C18.7495 5.65328 16.5667 4.75417 14 4.75417C11.4333 4.75417 9.2509 5.65328 7.45267 7.45151C5.65367 9.25051 4.75417 11.4333 4.75417 14C4.75417 16.5667 5.65367 18.7495 7.45267 20.5485C9.2509 22.3467 11.4333 23.2458 14 23.2458Z\"\n fill=\"currentColor\"\n />\n </Fragment>\n )}\n </svg>\n );\n }\n}\n"],"version":3}

package/dist/components/flip-icon-today.js.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"file":"flip-icon-today.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/flip-icon-today2.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"flip-icon-today2.js","mappings":";;AAAA,MAAM,WAAW,GAAG,4BAA4B;;MCUnC,aAAa;EAL1B;;;;IAMU,SAAI,GAAiB,EAAE,CAAC;GAwCjC;EAtCC,MAAM;IACJ,QACE,WACE,KAAK,EAAC,WAAW,EACjB,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,IAAI,CAAC,IAAI,EACjB,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,OAAO,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,EAAE,EACxC,KAAK,EAAE,IAAI,CAAC,IAAI,EAChB,KAAK,EAAC,4BAA4B,IAEjC,IAAI,CAAC,IAAI,KAAK,EAAE,KACf,EAAC,QAAQ,QACP,YACE,CAAC,EAAC,wrCAAwrC,EAC1rC,IAAI,EAAC,cAAc,GACnB,CACO,CACZ,EACA,IAAI,CAAC,IAAI,KAAK,EAAE,KACf,EAAC,QAAQ,QACP,YACE,CAAC,EAAC,y1BAAy1B,EAC31B,IAAI,EAAC,cAAc,GACnB,CACO,CACZ,EACA,IAAI,CAAC,IAAI,KAAK,EAAE,KACf,EAAC,QAAQ,QACP,YACE,CAAC,EAAC,+tCAA+tC,EACjuC,IAAI,EAAC,cAAc,GACnB,CACO,CACZ,CACG,EACN;GACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/flip-icon/flip-icon.css?tag=flip-icon-today&encapsulation=shadow","./src/components/flip-icon/icons/flip-icon-today.tsx"],"sourcesContent":[":host {\n display: inline-flex;\n}\n","// DO NOT EDIT. THIS FILE GETS GENERATED VIA \"yarn generate\".\n\nimport { Component, Fragment, h, Prop } from \"@stencil/core\";\nimport { FlipIconSize } from \"../flip-icon.types\";\n\n@Component({\n shadow: true,\n styleUrl: \"../flip-icon.css\",\n tag: \"flip-icon-today\",\n})\nexport class FlipIconToday {\n @Prop() size: FlipIconSize = 24;\n\n render() {\n return (\n <svg\n class=\"flip-icon\"\n fill=\"none\"\n height={this.size}\n part=\"icon\"\n viewBox={`0 0 ${this.size} ${this.size}`}\n width={this.size}\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n {this.size === 16 && (\n <Fragment>\n <path\n d=\"M6 11C5.53333 11 5.13889 10.8389 4.81667 10.5167C4.49444 10.1945 4.33333 9.80004 4.33333 9.33337C4.33333 8.86671 4.49444 8.47226 4.81667 8.15004C5.13889 7.82782 5.53333 7.66671 6 7.66671C6.46667 7.66671 6.86111 7.82782 7.18333 8.15004C7.50556 8.47226 7.66667 8.86671 7.66667 9.33337C7.66667 9.80004 7.50556 10.1945 7.18333 10.5167C6.86111 10.8389 6.46667 11 6 11ZM3.33333 14.6667C2.96667 14.6667 2.65267 14.5363 2.39133 14.2754C2.13044 14.014 2 13.7 2 13.3334V4.00004C2 3.63337 2.13044 3.3196 2.39133 3.05871C2.65267 2.79737 2.96667 2.66671 3.33333 2.66671H4V2.00004C4 1.81115 4.06378 1.65271 4.19133 1.52471C4.31933 1.39715 4.47778 1.33337 4.66667 1.33337C4.85556 1.33337 5.014 1.39715 5.142 1.52471C5.26956 1.65271 5.33333 1.81115 5.33333 2.00004V2.66671H10.6667V2.00004C10.6667 1.81115 10.7307 1.65271 10.8587 1.52471C10.9862 1.39715 11.1444 1.33337 11.3333 1.33337C11.5222 1.33337 11.6804 1.39715 11.808 1.52471C11.936 1.65271 12 1.81115 12 2.00004V2.66671H12.6667C13.0333 2.66671 13.3473 2.79737 13.6087 3.05871C13.8696 3.3196 14 3.63337 14 4.00004V13.3334C14 13.7 13.8696 14.014 13.6087 14.2754C13.3473 14.5363 13.0333 14.6667 12.6667 14.6667H3.33333ZM3.33333 13.3334H12.6667V6.66671H3.33333V13.3334Z\"\n fill=\"currentColor\"\n />\n </Fragment>\n )}\n {this.size === 24 && (\n <Fragment>\n <path\n d=\"M9 16.5C8.3 16.5 7.70833 16.2583 7.225 15.775C6.74167 15.2917 6.5 14.7 6.5 14C6.5 13.3 6.74167 12.7083 7.225 12.225C7.70833 11.7417 8.3 11.5 9 11.5C9.7 11.5 10.2917 11.7417 10.775 12.225C11.2583 12.7083 11.5 13.3 11.5 14C11.5 14.7 11.2583 15.2917 10.775 15.775C10.2917 16.2583 9.7 16.5 9 16.5ZM5 22C4.45 22 3.979 21.8043 3.587 21.413C3.19567 21.021 3 20.55 3 20V6C3 5.45 3.19567 4.97933 3.587 4.588C3.979 4.196 4.45 4 5 4H6V3C6 2.71667 6.09567 2.479 6.287 2.287C6.479 2.09567 6.71667 2 7 2C7.28333 2 7.521 2.09567 7.713 2.287C7.90433 2.479 8 2.71667 8 3V4H16V3C16 2.71667 16.096 2.479 16.288 2.287C16.4793 2.09567 16.7167 2 17 2C17.2833 2 17.5207 2.09567 17.712 2.287C17.904 2.479 18 2.71667 18 3V4H19C19.55 4 20.021 4.196 20.413 4.588C20.8043 4.97933 21 5.45 21 6V20C21 20.55 20.8043 21.021 20.413 21.413C20.021 21.8043 19.55 22 19 22H5ZM5 20H19V10H5V20Z\"\n fill=\"currentColor\"\n />\n </Fragment>\n )}\n {this.size === 28 && (\n <Fragment>\n <path\n d=\"M10.5 19.25C9.68333 19.25 8.99306 18.9681 8.42917 18.4042C7.86528 17.8403 7.58333 17.15 7.58333 16.3334C7.58333 15.5167 7.86528 14.8264 8.42917 14.2625C8.99306 13.6987 9.68333 13.4167 10.5 13.4167C11.3167 13.4167 12.0069 13.6987 12.5708 14.2625C13.1347 14.8264 13.4167 15.5167 13.4167 16.3334C13.4167 17.15 13.1347 17.8403 12.5708 18.4042C12.0069 18.9681 11.3167 19.25 10.5 19.25ZM5.83333 25.6667C5.19167 25.6667 4.64217 25.4384 4.18483 24.9819C3.72828 24.5245 3.5 23.975 3.5 23.3334V7.00004C3.5 6.35837 3.72828 5.80926 4.18483 5.35271C4.64217 4.89537 5.19167 4.66671 5.83333 4.66671H7V3.50004C7 3.16949 7.11161 2.89221 7.33483 2.66821C7.55883 2.44499 7.83611 2.33337 8.16667 2.33337C8.49722 2.33337 8.7745 2.44499 8.9985 2.66821C9.22172 2.89221 9.33333 3.16949 9.33333 3.50004V4.66671H18.6667V3.50004C18.6667 3.16949 18.7787 2.89221 19.0027 2.66821C19.2259 2.44499 19.5028 2.33337 19.8333 2.33337C20.1639 2.33337 20.4408 2.44499 20.664 2.66821C20.888 2.89221 21 3.16949 21 3.50004V4.66671H22.1667C22.8083 4.66671 23.3578 4.89537 23.8152 5.35271C24.2717 5.80926 24.5 6.35837 24.5 7.00004V23.3334C24.5 23.975 24.2717 24.5245 23.8152 24.9819C23.3578 25.4384 22.8083 25.6667 22.1667 25.6667H5.83333ZM5.83333 23.3334H22.1667V11.6667H5.83333V23.3334Z\"\n fill=\"currentColor\"\n />\n </Fragment>\n )}\n </svg>\n );\n }\n}\n"],"version":3}

package/dist/components/flip-icon-user-assign.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"flip-icon-user-assign.js","mappings":";;AAAA,MAAM,WAAW,GAAG,4BAA4B;;MCUnCA,oBAAkB;EAL/B;;;;IAMU,SAAI,GAAiB,EAAE,CAAC;GAwCjC;EAtCC,MAAM;IACJ,QACE,WACE,KAAK,EAAC,WAAW,EACjB,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,IAAI,CAAC,IAAI,EACjB,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,OAAO,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,EAAE,EACxC,KAAK,EAAE,IAAI,CAAC,IAAI,EAChB,KAAK,EAAC,4BAA4B,IAEjC,IAAI,CAAC,IAAI,KAAK,EAAE,KACf,EAAC,QAAQ,QACP,YACE,CAAC,EAAC,2iDAA2iD,EAC7iD,IAAI,EAAC,cAAc,GACnB,CACO,CACZ,EACA,IAAI,CAAC,IAAI,KAAK,EAAE,KACf,EAAC,QAAQ,QACP,YACE,CAAC,EAAC,4wCAA4wC,EAC9wC,IAAI,EAAC,cAAc,GACnB,CACO,CACZ,EACA,IAAI,CAAC,IAAI,KAAK,EAAE,KACf,EAAC,QAAQ,QACP,YACE,CAAC,EAAC,whDAAwhD,EAC1hD,IAAI,EAAC,cAAc,GACnB,CACO,CACZ,CACG,EACN;GACH;;;;;;;;;;;;;;;;;;;;;;;;;","names":["FlipIconUserAssign"],"sources":["./src/components/flip-icon/flip-icon.css?tag=flip-icon-user-assign&encapsulation=shadow","./src/components/flip-icon/icons/flip-icon-user-assign.tsx"],"sourcesContent":[":host {\n display: inline-flex;\n}\n","// DO NOT EDIT. THIS FILE GETS GENERATED VIA \"yarn generate\".\n\nimport { Component, Fragment, h, Prop } from \"@stencil/core\";\nimport { FlipIconSize } from \"../flip-icon.types\";\n\n@Component({\n shadow: true,\n styleUrl: \"../flip-icon.css\",\n tag: \"flip-icon-user-assign\",\n})\nexport class FlipIconUserAssign {\n @Prop() size: FlipIconSize = 24;\n\n render() {\n return (\n <svg\n class=\"flip-icon\"\n fill=\"none\"\n height={this.size}\n part=\"icon\"\n viewBox={`0 0 ${this.size} ${this.size}`}\n width={this.size}\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n {this.size === 16 && (\n <Fragment>\n <path\n d=\"M5.33332 13.3334C5.15651 13.3334 4.98699 13.2631 4.86197 13.1381C4.73694 13.0131 4.66666 12.8436 4.66666 12.6667V12.0001C4.66666 10.2274 8.22066 9.33341 9.99999 9.33341C11.7793 9.33341 15.3333 10.2267 15.3333 12.0001V12.6667C15.3333 12.8436 15.263 13.0131 15.138 13.1381C15.013 13.2631 14.8435 13.3334 14.6667 13.3334H5.33332ZM3.33332 8.71134V8.00008H1.33332C1.15651 8.00008 0.986993 7.92979 0.861969 7.80477C0.736945 7.67974 0.666656 7.51023 0.666656 7.33341C0.666656 7.1566 0.736945 6.98708 0.861969 6.86206C0.986993 6.73704 1.15651 6.66675 1.33332 6.66675H3.33332V5.95483C3.33324 5.84937 3.36433 5.74603 3.42284 5.65828C3.48136 5.57054 3.5647 5.50213 3.6621 5.46167C3.7595 5.42121 3.86658 5.41061 3.97004 5.43107C4.0735 5.45153 4.16881 5.50242 4.24348 5.5769L5.62206 6.95679C5.722 7.0568 5.77798 7.19235 5.77798 7.33374C5.77798 7.47513 5.722 7.61068 5.62206 7.71069L4.24348 9.08927C4.19485 9.13903 4.13669 9.17879 4.07258 9.20581C4.00847 9.23283 3.93967 9.24677 3.87011 9.24683C3.79968 9.24727 3.72988 9.2338 3.6647 9.20711C3.59952 9.18042 3.54012 9.14094 3.49022 9.09123C3.44033 9.04152 3.40095 8.98248 3.37401 8.9174C3.34708 8.85232 3.33315 8.78243 3.33332 8.712V8.71134ZM7.33332 5.33341C7.33332 4.62617 7.61415 3.94777 8.11425 3.44767C8.61434 2.94758 9.29275 2.66675 9.99999 2.66675C10.7072 2.66675 11.3856 2.94758 11.8857 3.44767C12.3858 3.94777 12.6667 4.62617 12.6667 5.33341C12.6667 6.04066 12.3858 6.71906 11.8857 7.21916C11.3856 7.71925 10.7072 8.00008 9.99999 8.00008C9.29275 8.00008 8.61434 7.71925 8.11425 7.21916C7.61415 6.71906 7.33332 6.04066 7.33332 5.33341Z\"\n fill=\"currentColor\"\n />\n </Fragment>\n )}\n {this.size === 24 && (\n <Fragment>\n <path\n d=\"M8 20C7.73478 20 7.4805 19.8946 7.29297 19.707C7.10543 19.5195 7 19.2652 7 19V18C7 15.341 12.331 14 15 14C17.669 14 23 15.34 23 18V19C23 19.2652 22.8946 19.5195 22.707 19.707C22.5195 19.8946 22.2652 20 22 20H8ZM5 13.0669V12H2C1.73478 12 1.48051 11.8946 1.29297 11.707C1.10543 11.5195 1 11.2652 1 11C1 10.7348 1.10543 10.4805 1.29297 10.293C1.48051 10.1054 1.73478 10 2 10H5V8.93213C4.99988 8.77393 5.04651 8.61892 5.13428 8.4873C5.22205 8.35569 5.34707 8.25307 5.49316 8.19238C5.63926 8.1317 5.79989 8.11579 5.95508 8.14648C6.11027 8.17718 6.25324 8.25351 6.36523 8.36523L8.43311 10.4351C8.58302 10.5851 8.66699 10.7884 8.66699 11.0005C8.66699 11.2126 8.58302 11.4159 8.43311 11.5659L6.36523 13.6338C6.29229 13.7084 6.20505 13.7681 6.10889 13.8086C6.01273 13.8491 5.90953 13.87 5.80518 13.8701C5.69953 13.8708 5.59484 13.8506 5.49707 13.8105C5.3993 13.7705 5.3102 13.7113 5.23535 13.6367C5.16051 13.5622 5.10143 13.4736 5.06104 13.376C5.02064 13.2784 4.99973 13.1735 5 13.0679V13.0669ZM11 8C11 6.93913 11.4212 5.92153 12.1714 5.17139C12.9215 4.42124 13.9391 4 15 4C16.0609 4 17.0785 4.42124 17.8286 5.17139C18.5788 5.92153 19 6.93913 19 8C19 9.06087 18.5788 10.0785 17.8286 10.8286C17.0785 11.5788 16.0609 12 15 12C13.9391 12 12.9215 11.5788 12.1714 10.8286C11.4212 10.0785 11 9.06087 11 8Z\"\n fill=\"currentColor\"\n />\n </Fragment>\n )}\n {this.size === 28 && (\n <Fragment>\n <path\n d=\"M9.33332 23.3334C9.0239 23.3334 8.72725 23.2104 8.50845 22.9916C8.28966 22.7728 8.16666 22.4762 8.16666 22.1667V21.0001C8.16666 17.8979 14.3862 16.3334 17.5 16.3334C20.6138 16.3334 26.8333 17.8967 26.8333 21.0001V22.1667C26.8333 22.4762 26.7103 22.7728 26.4915 22.9916C26.2727 23.2104 25.9761 23.3334 25.6667 23.3334H9.33332ZM5.83332 15.2448V14.0001H2.33332C2.0239 14.0001 1.72725 13.8771 1.50845 13.6583C1.28966 13.4395 1.16666 13.1428 1.16666 12.8334C1.16666 12.524 1.28966 12.2273 1.50845 12.0085C1.72725 11.7898 2.0239 11.6667 2.33332 11.6667H5.83332V10.4209C5.83318 10.2363 5.88758 10.0555 5.98998 9.90194C6.09238 9.74839 6.23824 9.62866 6.40868 9.55786C6.57912 9.48706 6.76653 9.46851 6.94758 9.50431C7.12864 9.54012 7.29543 9.62917 7.4261 9.75952L9.83861 12.1743C10.0135 12.3493 10.1115 12.5866 10.1115 12.834C10.1115 13.0814 10.0135 13.3186 9.83861 13.4937L7.4261 15.9062C7.341 15.9932 7.23921 16.0628 7.12702 16.1101C7.01484 16.1574 6.89444 16.1818 6.77269 16.1819C6.64944 16.1827 6.5273 16.1591 6.41324 16.1124C6.29917 16.0657 6.19522 15.9966 6.1079 15.9096C6.02058 15.8226 5.95166 15.7193 5.90453 15.6054C5.8574 15.4915 5.83301 15.3692 5.83332 15.2459V15.2448ZM12.8333 9.33341C12.8333 8.09574 13.3248 6.90854 14.1999 6.03337C15.0751 5.1582 16.2623 4.66675 17.5 4.66675C18.7377 4.66675 19.9249 5.1582 20.8 6.03337C21.6752 6.90854 22.1667 8.09574 22.1667 9.33341C22.1667 10.5711 21.6752 11.7583 20.8 12.6335C19.9249 13.5086 18.7377 14.0001 17.5 14.0001C16.2623 14.0001 15.0751 13.5086 14.1999 12.6335C13.3248 11.7583 12.8333 10.5711 12.8333 9.33341Z\"\n fill=\"currentColor\"\n />\n </Fragment>\n )}\n </svg>\n );\n }\n}\n"],"version":3}

package/dist/components/flip-icon-video-camera.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"flip-icon-video-camera.js","mappings":";;AAAA,MAAM,WAAW,GAAG,4BAA4B;;MCUnCA,qBAAmB;EALhC;;;;IAMU,SAAI,GAAiB,EAAE,CAAC;GAwCjC;EAtCC,MAAM;IACJ,QACE,WACE,KAAK,EAAC,WAAW,EACjB,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,IAAI,CAAC,IAAI,EACjB,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,OAAO,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,EAAE,EACxC,KAAK,EAAE,IAAI,CAAC,IAAI,EAChB,KAAK,EAAC,4BAA4B,IAEjC,IAAI,CAAC,IAAI,KAAK,EAAE,KACf,EAAC,QAAQ,QACP,YACE,CAAC,EAAC,gnBAAgnB,EAClnB,IAAI,EAAC,cAAc,GACnB,CACO,CACZ,EACA,IAAI,CAAC,IAAI,KAAK,EAAE,KACf,EAAC,QAAQ,QACP,YACE,CAAC,EAAC,gcAAgc,EAClc,IAAI,EAAC,cAAc,GACnB,CACO,CACZ,EACA,IAAI,CAAC,IAAI,KAAK,EAAE,KACf,EAAC,QAAQ,QACP,YACE,CAAC,EAAC,qnBAAqnB,EACvnB,IAAI,EAAC,cAAc,GACnB,CACO,CACZ,CACG,EACN;GACH;;;;;;;;;;;;;;;;;;;;;;;;;","names":["FlipIconVideoCamera"],"sources":["./src/components/flip-icon/flip-icon.css?tag=flip-icon-video-camera&encapsulation=shadow","./src/components/flip-icon/icons/flip-icon-video-camera.tsx"],"sourcesContent":[":host {\n display: inline-flex;\n}\n","// DO NOT EDIT. THIS FILE GETS GENERATED VIA \"yarn generate\".\n\nimport { Component, Fragment, h, Prop } from \"@stencil/core\";\nimport { FlipIconSize } from \"../flip-icon.types\";\n\n@Component({\n shadow: true,\n styleUrl: \"../flip-icon.css\",\n tag: \"flip-icon-video-camera\",\n})\nexport class FlipIconVideoCamera {\n @Prop() size: FlipIconSize = 24;\n\n render() {\n return (\n <svg\n class=\"flip-icon\"\n fill=\"none\"\n height={this.size}\n part=\"icon\"\n viewBox={`0 0 ${this.size} ${this.size}`}\n width={this.size}\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n {this.size === 16 && (\n <Fragment>\n <path\n d=\"M2.66668 13.3334C2.30001 13.3334 1.98623 13.2029 1.72534 12.942C1.46401 12.6807 1.33334 12.3667 1.33334 12V4.00002C1.33334 3.63335 1.46401 3.31958 1.72534 3.05869C1.98623 2.79735 2.30001 2.66669 2.66668 2.66669H10.6667C11.0333 2.66669 11.3473 2.79735 11.6087 3.05869C11.8696 3.31958 12 3.63335 12 4.00002V7.00002L14.1 4.90002C14.2 4.80002 14.3196 4.77491 14.4587 4.82469C14.5973 4.87491 14.6667 4.9778 14.6667 5.13335V10.8667C14.6667 11.0222 14.5973 11.1249 14.4587 11.1747C14.3196 11.2249 14.2 11.2 14.1 11.1L12 9.00002V12C12 12.3667 11.8696 12.6807 11.6087 12.942C11.3473 13.2029 11.0333 13.3334 10.6667 13.3334H2.66668Z\"\n fill=\"currentColor\"\n />\n </Fragment>\n )}\n {this.size === 24 && (\n <Fragment>\n <path\n d=\"M4 20C3.45 20 2.97933 19.8043 2.588 19.413C2.196 19.021 2 18.55 2 18V6C2 5.45 2.196 4.97933 2.588 4.588C2.97933 4.196 3.45 4 4 4H16C16.55 4 17.021 4.196 17.413 4.588C17.8043 4.97933 18 5.45 18 6V10.5L21.15 7.35C21.3 7.2 21.4793 7.16233 21.688 7.237C21.896 7.31233 22 7.46667 22 7.7V16.3C22 16.5333 21.896 16.6873 21.688 16.762C21.4793 16.8373 21.3 16.8 21.15 16.65L18 13.5V18C18 18.55 17.8043 19.021 17.413 19.413C17.021 19.8043 16.55 20 16 20H4Z\"\n fill=\"currentColor\"\n />\n </Fragment>\n )}\n {this.size === 28 && (\n <Fragment>\n <path\n d=\"M4.66668 23.3334C4.02501 23.3334 3.4759 23.1051 3.01934 22.6485C2.56201 22.1912 2.33334 21.6417 2.33334 21V7.00002C2.33334 6.35835 2.56201 5.80924 3.01934 5.35269C3.4759 4.89535 4.02501 4.66669 4.66668 4.66669H18.6667C19.3083 4.66669 19.8578 4.89535 20.3152 5.35269C20.7717 5.80924 21 6.35835 21 7.00002V12.25L24.675 8.57502C24.85 8.40002 25.0592 8.35608 25.3027 8.44319C25.5453 8.53108 25.6667 8.71113 25.6667 8.98335V19.0167C25.6667 19.2889 25.5453 19.4686 25.3027 19.5557C25.0592 19.6436 24.85 19.6 24.675 19.425L21 15.75V21C21 21.6417 20.7717 22.1912 20.3152 22.6485C19.8578 23.1051 19.3083 23.3334 18.6667 23.3334H4.66668Z\"\n fill=\"currentColor\"\n />\n </Fragment>\n )}\n </svg>\n );\n }\n}\n"],"version":3}

package/dist/components/flip-icon-visibility-off.js.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"file":"flip-icon-visibility-off.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/flip-icon-visibility-off2.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"flip-icon-visibility-off2.js","mappings":";;AAAA,MAAM,WAAW,GAAG,4BAA4B;;MCUnC,qBAAqB;EALlC;;;;IAMU,SAAI,GAAiB,EAAE,CAAC;GAwCjC;EAtCC,MAAM;IACJ,QACE,WACE,KAAK,EAAC,WAAW,EACjB,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,IAAI,CAAC,IAAI,EACjB,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,OAAO,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,EAAE,EACxC,KAAK,EAAE,IAAI,CAAC,IAAI,EAChB,KAAK,EAAC,4BAA4B,IAEjC,IAAI,CAAC,IAAI,KAAK,EAAE,KACf,EAAC,QAAQ,QACP,YACE,CAAC,EAAC,moCAAmoC,EACroC,IAAI,EAAC,cAAc,GACnB,CACO,CACZ,EACA,IAAI,CAAC,IAAI,KAAK,EAAE,KACf,EAAC,QAAQ,QACP,YACE,CAAC,EAAC,g0BAAg0B,EACl0B,IAAI,EAAC,cAAc,GACnB,CACO,CACZ,EACA,IAAI,CAAC,IAAI,KAAK,EAAE,KACf,EAAC,QAAQ,QACP,YACE,CAAC,EAAC,ujCAAujC,EACzjC,IAAI,EAAC,cAAc,GACnB,CACO,CACZ,CACG,EACN;GACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/flip-icon/flip-icon.css?tag=flip-icon-visibility-off&encapsulation=shadow","./src/components/flip-icon/icons/flip-icon-visibility-off.tsx"],"sourcesContent":[":host {\n display: inline-flex;\n}\n","// DO NOT EDIT. THIS FILE GETS GENERATED VIA \"yarn generate\".\n\nimport { Component, Fragment, h, Prop } from \"@stencil/core\";\nimport { FlipIconSize } from \"../flip-icon.types\";\n\n@Component({\n shadow: true,\n styleUrl: \"../flip-icon.css\",\n tag: \"flip-icon-visibility-off\",\n})\nexport class FlipIconVisibilityOff {\n @Prop() size: FlipIconSize = 24;\n\n render() {\n return (\n <svg\n class=\"flip-icon\"\n fill=\"none\"\n height={this.size}\n part=\"icon\"\n viewBox={`0 0 ${this.size} ${this.size}`}\n width={this.size}\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n {this.size === 16 && (\n <Fragment>\n <path\n d=\"M7.99999 4.31339C9.83999 4.31339 11.3333 5.80672 11.3333 7.64672C11.3333 7.98672 11.2667 8.31339 11.1733 8.62006L13.2133 10.6601C14.14 9.84006 14.8733 8.81339 15.3333 7.64006C14.18 4.72006 11.3333 2.64672 7.99999 2.64672C7.15332 2.64672 6.33999 2.78006 5.57332 3.02672L7.01999 4.47339C7.33332 4.38006 7.65999 4.31339 7.99999 4.31339ZM1.80666 2.08672C1.54666 2.34672 1.54666 2.76672 1.80666 3.02672L3.11999 4.34006C2.03999 5.20006 1.17999 6.33339 0.666656 7.64672C1.81999 10.5734 4.66666 12.6467 7.99999 12.6467C9.01332 12.6467 9.97999 12.4467 10.8733 12.1001L12.6867 13.9134C12.9467 14.1734 13.3667 14.1734 13.6267 13.9134C13.8867 13.6534 13.8867 13.2334 13.6267 12.9734L2.75332 2.08672C2.49332 1.82672 2.06666 1.82672 1.80666 2.08672ZM7.99999 10.9801C6.15999 10.9801 4.66666 9.48672 4.66666 7.64672C4.66666 7.13339 4.78666 6.64672 4.99332 6.22006L6.03999 7.26672C6.01999 7.38672 5.99999 7.51339 5.99999 7.64672C5.99999 8.75339 6.89332 9.64672 7.99999 9.64672C8.13332 9.64672 8.25332 9.62672 8.37999 9.60006L9.42666 10.6467C8.99332 10.8601 8.51332 10.9801 7.99999 10.9801ZM9.97999 7.42672C9.87999 6.49339 9.14666 5.76672 8.21999 5.66672L9.97999 7.42672Z\"\n fill=\"currentColor\"\n />\n </Fragment>\n )}\n {this.size === 24 && (\n <Fragment>\n <path\n d=\"M12 6.47002C14.76 6.47002 17 8.71002 17 11.47C17 11.98 16.9 12.47 16.76 12.93L19.82 15.99C21.21 14.76 22.31 13.22 23 11.46C21.27 7.08002 17 3.97002 12 3.97002C10.73 3.97002 9.51 4.17002 8.36 4.54002L10.53 6.71002C11 6.57002 11.49 6.47002 12 6.47002ZM2.71 3.13002C2.32 3.52002 2.32 4.15002 2.71 4.54002L4.68 6.51002C3.06 7.80002 1.77 9.50002 1 11.47C2.73 15.86 7 18.97 12 18.97C13.52 18.97 14.97 18.67 16.31 18.15L19.03 20.87C19.42 21.26 20.05 21.26 20.44 20.87C20.83 20.48 20.83 19.85 20.44 19.46L4.13 3.13002C3.74 2.74002 3.1 2.74002 2.71 3.13002ZM12 16.47C9.24 16.47 7 14.23 7 11.47C7 10.7 7.18 9.97002 7.49 9.33002L9.06 10.9C9.03 11.08 9 11.27 9 11.47C9 13.13 10.34 14.47 12 14.47C12.2 14.47 12.38 14.44 12.57 14.4L14.14 15.97C13.49 16.29 12.77 16.47 12 16.47ZM14.97 11.14C14.82 9.74002 13.72 8.65002 12.33 8.50002L14.97 11.14Z\"\n fill=\"currentColor\"\n />\n </Fragment>\n )}\n {this.size === 28 && (\n <Fragment>\n <path\n d=\"M14 7.54834C17.22 7.54834 19.8333 10.1617 19.8333 13.3817C19.8333 13.9767 19.7167 14.5483 19.5533 15.085L23.1233 18.655C24.745 17.22 26.0283 15.4233 26.8333 13.37C24.815 8.26001 19.8333 4.63167 14 4.63167C12.5183 4.63167 11.095 4.86501 9.75332 5.29667L12.285 7.82834C12.8333 7.66501 13.405 7.54834 14 7.54834ZM3.16166 3.65167C2.70666 4.10667 2.70666 4.84167 3.16166 5.29667L5.45999 7.59501C3.56999 9.10001 2.06499 11.0833 1.16666 13.3817C3.18499 18.5033 8.16666 22.1317 14 22.1317C15.7733 22.1317 17.465 21.7817 19.0283 21.175L22.2017 24.3483C22.6567 24.8033 23.3917 24.8033 23.8467 24.3483C24.3017 23.8933 24.3017 23.1583 23.8467 22.7033L4.81832 3.65167C4.36332 3.19667 3.61666 3.19667 3.16166 3.65167ZM14 19.215C10.78 19.215 8.16666 16.6017 8.16666 13.3817C8.16666 12.4833 8.37666 11.6317 8.73832 10.885L10.57 12.7167C10.535 12.9267 10.5 13.1483 10.5 13.3817C10.5 15.3183 12.0633 16.8817 14 16.8817C14.2333 16.8817 14.4433 16.8467 14.665 16.8L16.4967 18.6317C15.7383 19.005 14.8983 19.215 14 19.215ZM17.465 12.9967C17.29 11.3633 16.0067 10.0917 14.385 9.91667L17.465 12.9967Z\"\n fill=\"currentColor\"\n />\n </Fragment>\n )}\n </svg>\n );\n }\n}\n"],"version":3}

package/dist/components/flip-icon-visibility.js.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"file":"flip-icon-visibility.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/flip-icon-visibility2.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"flip-icon-visibility2.js","mappings":";;AAAA,MAAM,WAAW,GAAG,4BAA4B;;MCUnC,kBAAkB;EAL/B;;;;IAMU,SAAI,GAAiB,EAAE,CAAC;GAwCjC;EAtCC,MAAM;IACJ,QACE,WACE,KAAK,EAAC,WAAW,EACjB,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,IAAI,CAAC,IAAI,EACjB,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,OAAO,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,EAAE,EACxC,KAAK,EAAE,IAAI,CAAC,IAAI,EAChB,KAAK,EAAC,4BAA4B,IAEjC,IAAI,CAAC,IAAI,KAAK,EAAE,KACf,EAAC,QAAQ,QACP,YACE,CAAC,EAAC,2YAA2Y,EAC7Y,IAAI,EAAC,cAAc,GACnB,CACO,CACZ,EACA,IAAI,CAAC,IAAI,KAAK,EAAE,KACf,EAAC,QAAQ,QACP,YACE,CAAC,EAAC,ySAAyS,EAC3S,IAAI,EAAC,cAAc,GACnB,CACO,CACZ,EACA,IAAI,CAAC,IAAI,KAAK,EAAE,KACf,EAAC,QAAQ,QACP,YACE,CAAC,EAAC,2dAA2d,EAC7d,IAAI,EAAC,cAAc,GACnB,CACO,CACZ,CACG,EACN;GACH;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/flip-icon/flip-icon.css?tag=flip-icon-visibility&encapsulation=shadow","./src/components/flip-icon/icons/flip-icon-visibility.tsx"],"sourcesContent":[":host {\n display: inline-flex;\n}\n","// DO NOT EDIT. THIS FILE GETS GENERATED VIA \"yarn generate\".\n\nimport { Component, Fragment, h, Prop } from \"@stencil/core\";\nimport { FlipIconSize } from \"../flip-icon.types\";\n\n@Component({\n shadow: true,\n styleUrl: \"../flip-icon.css\",\n tag: \"flip-icon-visibility\",\n})\nexport class FlipIconVisibility {\n @Prop() size: FlipIconSize = 24;\n\n render() {\n return (\n <svg\n class=\"flip-icon\"\n fill=\"none\"\n height={this.size}\n part=\"icon\"\n viewBox={`0 0 ${this.size} ${this.size}`}\n width={this.size}\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n {this.size === 16 && (\n <Fragment>\n <path\n d=\"M8 3C4.66666 3 1.82 5.07333 0.666664 8C1.82 10.9267 4.66666 13 8 13C11.3333 13 14.18 10.9267 15.3333 8C14.18 5.07333 11.3333 3 8 3ZM8 11.3333C6.16 11.3333 4.66666 9.84 4.66666 8C4.66666 6.16 6.16 4.66667 8 4.66667C9.84 4.66667 11.3333 6.16 11.3333 8C11.3333 9.84 9.84 11.3333 8 11.3333ZM8 6C6.89333 6 6 6.89333 6 8C6 9.10667 6.89333 10 8 10C9.10666 10 10 9.10667 10 8C10 6.89333 9.10666 6 8 6Z\"\n fill=\"currentColor\"\n />\n </Fragment>\n )}\n {this.size === 24 && (\n <Fragment>\n <path\n d=\"M12 4.5C7 4.5 2.73 7.61 1 12C2.73 16.39 7 19.5 12 19.5C17 19.5 21.27 16.39 23 12C21.27 7.61 17 4.5 12 4.5ZM12 17C9.24 17 7 14.76 7 12C7 9.24 9.24 7 12 7C14.76 7 17 9.24 17 12C17 14.76 14.76 17 12 17ZM12 9C10.34 9 9 10.34 9 12C9 13.66 10.34 15 12 15C13.66 15 15 13.66 15 12C15 10.34 13.66 9 12 9Z\"\n fill=\"currentColor\"\n />\n </Fragment>\n )}\n {this.size === 28 && (\n <Fragment>\n <path\n d=\"M14 5.25C8.16666 5.25 3.185 8.87833 1.16666 14C3.185 19.1217 8.16666 22.75 14 22.75C19.8333 22.75 24.815 19.1217 26.8333 14C24.815 8.87833 19.8333 5.25 14 5.25ZM14 19.8333C10.78 19.8333 8.16666 17.22 8.16666 14C8.16666 10.78 10.78 8.16667 14 8.16667C17.22 8.16667 19.8333 10.78 19.8333 14C19.8333 17.22 17.22 19.8333 14 19.8333ZM14 10.5C12.0633 10.5 10.5 12.0633 10.5 14C10.5 15.9367 12.0633 17.5 14 17.5C15.9367 17.5 17.5 15.9367 17.5 14C17.5 12.0633 15.9367 10.5 14 10.5Z\"\n fill=\"currentColor\"\n />\n </Fragment>\n )}\n </svg>\n );\n }\n}\n"],"version":3}

package/dist/components/flip-icon-warning.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"flip-icon-warning.js","mappings":";;AAAA,MAAM,WAAW,GAAG,4BAA4B;;MCUnCA,iBAAe;EAL5B;;;;IAMU,SAAI,GAAiB,EAAE,CAAC;GAwCjC;EAtCC,MAAM;IACJ,QACE,WACE,KAAK,EAAC,WAAW,EACjB,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,IAAI,CAAC,IAAI,EACjB,IAAI,EAAC,MAAM,EACX,OAAO,EAAE,OAAO,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,EAAE,EACxC,KAAK,EAAE,IAAI,CAAC,IAAI,EAChB,KAAK,EAAC,4BAA4B,IAEjC,IAAI,CAAC,IAAI,KAAK,EAAE,KACf,EAAC,QAAQ,QACP,YACE,CAAC,EAAC,4hCAA4hC,EAC9hC,IAAI,EAAC,cAAc,GACnB,CACO,CACZ,EACA,IAAI,CAAC,IAAI,KAAK,EAAE,KACf,EAAC,QAAQ,QACP,YACE,CAAC,EAAC,q2BAAq2B,EACv2B,IAAI,EAAC,cAAc,GACnB,CACO,CACZ,EACA,IAAI,CAAC,IAAI,KAAK,EAAE,KACf,EAAC,QAAQ,QACP,YACE,CAAC,EAAC,iiCAAiiC,EACniC,IAAI,EAAC,cAAc,GACnB,CACO,CACZ,CACG,EACN;GACH;;;;;;;;;;;;;;;;;;;;;;;;;","names":["FlipIconWarning"],"sources":["./src/components/flip-icon/flip-icon.css?tag=flip-icon-warning&encapsulation=shadow","./src/components/flip-icon/icons/flip-icon-warning.tsx"],"sourcesContent":[":host {\n display: inline-flex;\n}\n","// DO NOT EDIT. THIS FILE GETS GENERATED VIA \"yarn generate\".\n\nimport { Component, Fragment, h, Prop } from \"@stencil/core\";\nimport { FlipIconSize } from \"../flip-icon.types\";\n\n@Component({\n shadow: true,\n styleUrl: \"../flip-icon.css\",\n tag: \"flip-icon-warning\",\n})\nexport class FlipIconWarning {\n @Prop() size: FlipIconSize = 24;\n\n render() {\n return (\n <svg\n class=\"flip-icon\"\n fill=\"none\"\n height={this.size}\n part=\"icon\"\n viewBox={`0 0 ${this.size} ${this.size}`}\n width={this.size}\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n {this.size === 16 && (\n <Fragment>\n <path\n d=\"M1.81666 14C1.5611 14 1.37221 13.8889 1.24999 13.6667C1.12777 13.4444 1.12777 13.2222 1.24999 13L7.41666 2.33333C7.53888 2.11111 7.73333 2 7.99999 2C8.26666 2 8.4611 2.11111 8.58333 2.33333L14.75 13C14.8722 13.2222 14.8722 13.4444 14.75 13.6667C14.6278 13.8889 14.4389 14 14.1833 14H1.81666ZM7.99999 6.66667C7.8111 6.66667 7.65288 6.73044 7.52533 6.858C7.39733 6.986 7.33333 7.14444 7.33333 7.33333V9.33333C7.33333 9.52222 7.39733 9.68044 7.52533 9.808C7.65288 9.936 7.8111 10 7.99999 10C8.18888 10 8.34733 9.936 8.47533 9.808C8.60288 9.68044 8.66666 9.52222 8.66666 9.33333V7.33333C8.66666 7.14444 8.60288 6.986 8.47533 6.858C8.34733 6.73044 8.18888 6.66667 7.99999 6.66667ZM7.99999 12C8.18888 12 8.34733 11.936 8.47533 11.808C8.60288 11.6804 8.66666 11.5222 8.66666 11.3333C8.66666 11.1444 8.60288 10.9862 8.47533 10.8587C8.34733 10.7307 8.18888 10.6667 7.99999 10.6667C7.8111 10.6667 7.65288 10.7307 7.52533 10.8587C7.39733 10.9862 7.33333 11.1444 7.33333 11.3333C7.33333 11.5222 7.39733 11.6804 7.52533 11.808C7.65288 11.936 7.8111 12 7.99999 12Z\"\n fill=\"currentColor\"\n />\n </Fragment>\n )}\n {this.size === 24 && (\n <Fragment>\n <path\n d=\"M2.72499 21C2.34165 21 2.05832 20.8333 1.87499 20.5C1.69165 20.1667 1.69165 19.8333 1.87499 19.5L11.125 3.5C11.3083 3.16667 11.6 3 12 3C12.4 3 12.6917 3.16667 12.875 3.5L22.125 19.5C22.3083 19.8333 22.3083 20.1667 22.125 20.5C21.9417 20.8333 21.6583 21 21.275 21H2.72499ZM12 10C11.7167 10 11.4793 10.0957 11.288 10.287C11.096 10.479 11 10.7167 11 11V14C11 14.2833 11.096 14.5207 11.288 14.712C11.4793 14.904 11.7167 15 12 15C12.2833 15 12.521 14.904 12.713 14.712C12.9043 14.5207 13 14.2833 13 14V11C13 10.7167 12.9043 10.479 12.713 10.287C12.521 10.0957 12.2833 10 12 10ZM12 18C12.2833 18 12.521 17.904 12.713 17.712C12.9043 17.5207 13 17.2833 13 17C13 16.7167 12.9043 16.4793 12.713 16.288C12.521 16.096 12.2833 16 12 16C11.7167 16 11.4793 16.096 11.288 16.288C11.096 16.4793 11 16.7167 11 17C11 17.2833 11.096 17.5207 11.288 17.712C11.4793 17.904 11.7167 18 12 18Z\"\n fill=\"currentColor\"\n />\n </Fragment>\n )}\n {this.size === 28 && (\n <Fragment>\n <path\n d=\"M3.17915 24.5C2.73193 24.5 2.40137 24.3056 2.18749 23.9167C1.9736 23.5278 1.9736 23.1389 2.18749 22.75L12.9792 4.08333C13.193 3.69444 13.5333 3.5 14 3.5C14.4667 3.5 14.8069 3.69444 15.0208 4.08333L25.8125 22.75C26.0264 23.1389 26.0264 23.5278 25.8125 23.9167C25.5986 24.3056 25.268 24.5 24.8208 24.5H3.17915ZM14 11.6667C13.6694 11.6667 13.3925 11.7783 13.1693 12.0015C12.9453 12.2255 12.8333 12.5028 12.8333 12.8333V16.3333C12.8333 16.6639 12.9453 16.9408 13.1693 17.164C13.3925 17.388 13.6694 17.5 14 17.5C14.3305 17.5 14.6078 17.388 14.8318 17.164C15.055 16.9408 15.1667 16.6639 15.1667 16.3333V12.8333C15.1667 12.5028 15.055 12.2255 14.8318 12.0015C14.6078 11.7783 14.3305 11.6667 14 11.6667ZM14 21C14.3305 21 14.6078 20.888 14.8318 20.664C15.055 20.4408 15.1667 20.1639 15.1667 19.8333C15.1667 19.5028 15.055 19.2259 14.8318 19.0027C14.6078 18.7787 14.3305 18.6667 14 18.6667C13.6694 18.6667 13.3925 18.7787 13.1693 19.0027C12.9453 19.2259 12.8333 19.5028 12.8333 19.8333C12.8333 20.1639 12.9453 20.4408 13.1693 20.664C13.3925 20.888 13.6694 21 14 21Z\"\n fill=\"currentColor\"\n />\n </Fragment>\n )}\n </svg>\n );\n }\n}\n"],"version":3}

package/dist/components/flip-inline-error.js.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"file":"flip-inline-error.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/flip-inline-error2.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"flip-inline-error2.js","mappings":";;;;AAAA,MAAM,kBAAkB,GAAG,+jBAA+jB;;MCU7kB,eAAe;EAL5B;;;;IAOU,SAAI,GAAyB,GAAG,CAAC;GAqB1C;EAnBC,MAAM;IACJ,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,KAAK,GAAG,GAAG,EAAE,GAAG,EAAE,CAAC;IAE7C,MAAM,SAAS,GAAG,UAAU,CAC1B,cAAc,EACd,sBAAsB,IAAI,CAAC,IAAI,EAAE,CAClC,CAAC;IAEF,QACE,EAAC,IAAI,QACH,YAAM,KAAK,EAAE,SAAS,IACpB,YAAM,KAAK,EAAC,oBAAoB,IAC9B,uBAAiB,IAAI,EAAE,QAAQ,GAAoB,CAC9C,EACP,YAAM,KAAK,EAAC,uBAAuB,IAAE,IAAI,CAAC,OAAO,CAAQ,CACpD,CACF,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["./src/components/flip-inline-error/flip-inline-error.css?tag=flip-inline-error&encapsulation=shadow","./src/components/flip-inline-error/flip-inline-error.tsx"],"sourcesContent":[":host {\n display: inline-flex;\n\n & * {\n box-sizing: border-box;\n }\n}\n\n.inline-error {\n display: inline-flex;\n color: var(--s-text-critical);\n line-height: var(--s-line-height-base);\n}\n\n.inline-error--size-s {\n font-size: var(--s-font-size-sm);\n\n & .inline-error__icon {\n padding-top: 0.1875rem;\n }\n\n & .inline-error__message {\n padding-top: 0;\n }\n}\n\n.inline-error__icon {\n display: inline-flex;\n color: var(--s-icon-critical);\n align-self: flex-start;\n}\n\n.inline-error__message {\n width: max-content;\n margin-left: var(--s-space-4);\n padding-top: var(--s-space-2);\n}\n","import { Component, h, Host, Prop } from \"@stencil/core\";\nimport classnames from \"classnames\";\n\nexport type FlipInlineErrorSize = \"s\" | \"m\";\n\n@Component({\n shadow: true,\n styleUrl: \"flip-inline-error.css\",\n tag: \"flip-inline-error\",\n})\nexport class FlipInlineError {\n @Prop() message!: string;\n @Prop() size?: FlipInlineErrorSize = \"m\";\n\n render() {\n const iconSize = this.size === \"m\" ? 24 : 16;\n\n const className = classnames(\n \"inline-error\",\n `inline-error--size-${this.size}`\n );\n\n return (\n <Host>\n <span class={className}>\n <span class=\"inline-error__icon\">\n <flip-icon-error size={iconSize}></flip-icon-error>\n </span>\n <span class=\"inline-error__message\">{this.message}</span>\n </span>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/flip-link.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"flip-link.js","mappings":";;AAAA,MAAM,WAAW,GAAG,uSAAuS;;MCS9SA,UAAQ;;;;;;EAKnB,MAAM;IACJ,QACE,EAAC,IAAI,QACH,SAAG,KAAK,EAAC,MAAM,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,IACjD,IAAI,CAAC,KAAK,CACT,CACC,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["FlipLink"],"sources":["./src/components/flip-link/flip-link.css?tag=flip-link&encapsulation=shadow","./src/components/flip-link/flip-link.tsx"],"sourcesContent":[":host {\n display: inline-flex;\n\n & * {\n box-sizing: border-box;\n }\n}\n\n.link {\n color: var(--s-interactive-primary-default);\n line-height: var(--s-line-height-base);\n text-underline-offset: var(--s-space-4);\n\n &:hover {\n color: var(--s-interactive-primary-hovered);\n }\n\n &:active {\n color: var(--s-interactive-primary-pressed);\n }\n}\n","import { Component, h, Host, Prop } from \"@stencil/core\";\n\nexport type FlipLinkTarget = \"_self\" | \"_blank\" | \"_parent\" | \"_top\";\n\n@Component({\n shadow: true,\n styleUrl: \"flip-link.css\",\n tag: \"flip-link\",\n})\nexport class FlipLink {\n @Prop() href!: string;\n @Prop() label!: string;\n @Prop() target?: FlipLinkTarget;\n\n render() {\n return (\n <Host>\n <a class=\"link\" href={this.href} target={this.target}>\n {this.label}\n </a>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/flip-list.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"flip-list.js","mappings":";;AAAA,MAAM,WAAW,GAAG,0vBAA0vB;;MCOjwBA,UAAQ;;;;;EAGnB,kBAAkB;IAChB,MAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;IAEvD,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAC,KAAK,KAAK,CAAC,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE;MACnE,OAAO,CAAC,IAAI,CACV,qFAAqF,CACtF,CAAC;KACH;GACF;EAED,MAAM;IACJ,QACE,EAAC,IAAI,QACH,WAAK,KAAK,EAAC,WAAW,EAAC,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC,IACzD,eAAa,CACT,CACD,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;","names":["FlipList"],"sources":["./src/components/flip-list/flip-list.css?tag=flip-list","./src/components/flip-list/flip-list.tsx"],"sourcesContent":[":host {\n display: block;\n\n & * {\n box-sizing: border-box;\n }\n}\n\n.flip-list {\n line-height: var(--s-line-height-base);\n\n & ul,\n & ol {\n margin: 0;\n padding: 0;\n list-style-position: outside;\n list-style-type: none;\n }\n\n & ul {\n & li {\n padding-left: 1.5rem;\n\n &:before {\n display: inline-block;\n width: 1.5rem;\n margin-left: -1.5rem;\n text-align: center;\n content: \"•\";\n }\n }\n }\n\n & ol {\n counter-reset: item;\n\n & ol {\n counter-reset: letter;\n\n & li {\n &:before {\n content: counter(letter, lower-alpha) \".\";\n counter-increment: letter;\n }\n }\n }\n\n & li {\n padding-left: 1.5rem;\n\n &:before {\n display: inline-block;\n min-width: 1.5rem;\n font-variant-numeric: tabular-nums;\n margin-left: -1.5rem;\n padding-right: var(--s-space-8);\n text-align: right;\n content: counter(item) \".\";\n counter-increment: item;\n }\n }\n }\n}\n","import { Component, h, Host } from \"@stencil/core\";\n\n@Component({\n shadow: false,\n styleUrl: \"flip-list.css\",\n tag: \"flip-list\",\n})\nexport class FlipList {\n private containerEl: HTMLElement;\n\n componentDidRender() {\n const children = Array.from(this.containerEl.children);\n\n if (children.some((child) => ![\"UL\", \"OL\"].includes(child.tagName))) {\n console.warn(\n \"[FlipList] Only ul and ol elements are allowed as direct children of <flip-list />.\"\n );\n }\n }\n\n render() {\n return (\n <Host>\n <div class=\"flip-list\" ref={(el) => (this.containerEl = el)}>\n <slot></slot>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/flip-modal.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"flip-modal.js","mappings":"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","names":["FlipModal"],"sources":["./src/components/flip-modal/flip-modal.css?tag=flip-modal&encapsulation=shadow","./src/components/flip-modal/flip-modal.tsx"],"sourcesContent":["@import \"../../styles/media-queries.css\";\n\n:host {\n --flip-ghost-button-background-default: var(--s-surface-overlay-default);\n --flip-ghost-button-background-hovered: var(--s-surface-overlay-hovered);\n --flip-ghost-button-background-pressed: var(--s-surface-overlay-pressed);\n\n display: block;\n\n & * {\n box-sizing: border-box;\n }\n}\n\n.modal {\n position: fixed;\n z-index: var(--s-z-40);\n display: flex;\n justify-content: center;\n align-items: center;\n inset: 0;\n\n &[aria-hidden=\"true\"] {\n display: none;\n }\n}\n\n.modal:not(.modal--closing) {\n & .modal__backdrop {\n animation: 0.15s modal-backdrop-fade-in;\n\n @media (prefers-reduced-motion) {\n animation: none;\n }\n }\n\n & .modal__body {\n animation: 0.15s modal-scale-in;\n\n @media (prefers-reduced-motion) {\n animation: none;\n }\n }\n}\n\n.modal--closing {\n animation: 0.15s modal-fade-out;\n animation-fill-mode: forwards;\n\n @media (prefers-reduced-motion) {\n animation: none;\n }\n}\n\n.modal--scrolled {\n @media (--from-tablet) {\n & .modal__header {\n border-bottom: var(--s-border-width-default) solid var(--s-border-default);\n }\n }\n}\n\n.modal__backdrop {\n position: fixed;\n background-color: rgba(0, 0, 0, 0.2);\n inset: 0;\n}\n\n.modal__body {\n position: relative;\n z-index: var(--s-z-40);\n display: flex;\n width: 100vw;\n height: 100vh;\n background-color: var(--s-surface-overlay-default);\n flex-direction: column;\n\n @media (--from-tablet) {\n width: 90vw;\n max-width: 33.75rem;\n height: auto;\n max-height: 90vh;\n border-radius: var(--s-border-radius-xl);\n box-shadow: 0.125rem 0.25rem 1rem rgba(0, 0, 0, 0.14);\n }\n}\n\n.modal__close-button {\n position: absolute;\n top: var(--s-space-8);\n left: var(--s-space-8);\n\n @media (--from-tablet) {\n top: var(--s-space-16);\n right: var(--s-space-16);\n left: auto;\n }\n}\n\n.modal__header {\n display: flex;\n height: 3.5rem;\n padding-top: var(--s-space-8);\n padding-right: var(--s-space-16);\n padding-bottom: var(--s-space-8);\n padding-left: calc(var(--s-space-8) + 2.5rem + var(--s-space-8));\n flex-shrink: 0;\n align-items: center;\n border-bottom: var(--s-border-width-default) solid var(--s-border-default);\n gap: var(--s-space-16);\n\n @media (--from-tablet) {\n padding-top: var(--s-space-24);\n padding-right: calc(var(--s-space-16) + 2.5rem + var(--s-space-8));\n padding-bottom: var(--s-space-16);\n padding-left: var(--s-space-24);\n border-bottom: none;\n }\n}\n\n.modal__heading {\n overflow: hidden;\n\n &::part(heading) {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n }\n}\n\n.modal__content {\n overflow-x: hidden;\n overflow-y: auto;\n padding-top: var(--s-space-24);\n padding-right: var(--s-space-16);\n padding-bottom: var(--s-space-24);\n padding-left: var(--s-space-16);\n flex-grow: 1;\n line-height: var(--s-line-height-base);\n\n & ::slotted(*) {\n margin: 0;\n }\n\n @media (--from-tablet) {\n padding-top: 0;\n padding-right: var(--s-space-24);\n padding-bottom: var(--s-space-32);\n padding-left: var(--s-space-24);\n }\n}\n\n.modal__controls {\n display: flex;\n padding-top: var(--s-space-16);\n padding-right: var(--s-space-24);\n padding-bottom: var(--s-space-16);\n padding-left: var(--s-space-24);\n flex-shrink: 0;\n justify-content: flex-end;\n border-top: var(--s-border-width-default) solid var(--s-border-default);\n}\n\n@keyframes modal-scale-in {\n from {\n transform: scale(0);\n }\n to {\n transform: scale(1);\n }\n}\n\n@keyframes modal-backdrop-fade-in {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n\n@keyframes modal-fade-out {\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n }\n}\n","import {\n Component,\n Event,\n EventEmitter,\n h,\n Host,\n Listen,\n Method,\n Prop,\n State,\n} from \"@stencil/core\";\nimport A11yDialog from \"a11y-dialog\";\nimport { disableBodyScroll, enableBodyScroll } from \"body-scroll-lock\";\nimport classnames from \"classnames\";\n\n@Component({\n shadow: true,\n styleUrl: \"flip-modal.css\",\n tag: \"flip-modal\",\n})\nexport class FlipModal {\n @Prop() closeButtonLabel?: string = \"Close modal\";\n @Prop() label!: string;\n @Prop() primaryActionLabel?: string;\n @Prop() secondaryActionLabel?: string;\n\n @Event() primaryAction: EventEmitter<MouseEvent>;\n @Event() secondaryAction: EventEmitter<MouseEvent>;\n\n @State() closing = false;\n @State() scrolled = false;\n\n private modal: A11yDialog;\n private modalEl: HTMLElement;\n private scrollContainer: HTMLElement;\n\n componentDidLoad() {\n this.modal = new A11yDialog(this.modalEl);\n this.determineScrollStatus();\n }\n\n disconnectedCallback() {\n this.modal?.destroy();\n this.unlockBodyScroll();\n }\n\n @Listen(\"resize\", { target: \"window\" })\n onWindowResize() {\n this.determineScrollStatus();\n }\n\n /**\n * Open the modal.\n */\n @Method()\n async open() {\n this.modal.show();\n this.lockBodyScroll();\n this.determineScrollStatus();\n }\n\n /**\n * Close the modal.\n */\n @Method()\n async close() {\n if (this.closing) {\n return;\n }\n\n this.closing = true;\n this.unlockBodyScroll();\n\n setTimeout(() => {\n this.modal.hide();\n this.closing = false;\n }, 150);\n }\n\n onKeyDown = (event: KeyboardEvent) => {\n if (event.code === \"Escape\") {\n this.close();\n }\n };\n\n private onBackdropClick = () => {\n this.close();\n };\n\n private onCloseButtonClick = () => {\n this.close();\n };\n\n private onPrimaryAction = (event: MouseEvent) => {\n this.primaryAction.emit(event);\n this.close();\n };\n\n private onSecondaryAction = (event: MouseEvent) => {\n this.secondaryAction.emit(event);\n this.close();\n };\n\n private determineScrollStatus = () => {\n const scrolled = this.scrollContainer?.scrollTop > 0;\n\n if (scrolled !== this.scrolled) {\n this.scrolled = scrolled;\n }\n };\n\n private lockBodyScroll() {\n disableBodyScroll(this.scrollContainer);\n }\n\n private unlockBodyScroll() {\n enableBodyScroll(this.scrollContainer);\n }\n\n render() {\n const className = classnames(\"modal\", {\n \"modal--closing\": this.closing,\n \"modal--scrolled\": this.scrolled,\n });\n\n return (\n <Host>\n <section\n aria-hidden=\"true\"\n aria-label={this.label}\n class={className}\n id=\"modal\"\n onKeyDown={this.onKeyDown}\n ref={(el) => (this.modalEl = el)}\n >\n <div class=\"modal__backdrop\" onClick={this.onBackdropClick}></div>\n <div class=\"modal__body\" role=\"document\">\n <flip-button\n class=\"modal__close-button\"\n hideLabel\n icon=\"<flip-icon-close></flip-icon-close>\"\n label={this.closeButtonLabel}\n onClick={this.onCloseButtonClick}\n ></flip-button>\n <header class=\"modal__header\">\n <flip-heading\n as=\"h2\"\n class=\"modal__heading\"\n level={3}\n text={this.label}\n ></flip-heading>\n </header>\n <div\n class=\"modal__content\"\n onScroll={this.determineScrollStatus}\n ref={(el) => (this.scrollContainer = el)}\n >\n <slot></slot>\n </div>\n <footer class=\"modal__controls\">\n <flip-button-group wrap>\n {this.secondaryActionLabel && (\n <flip-button\n label={this.secondaryActionLabel}\n onClick={this.onSecondaryAction}\n ></flip-button>\n )}\n {this.primaryActionLabel && (\n <flip-button\n intent=\"primary\"\n label={this.primaryActionLabel}\n onClick={this.onPrimaryAction}\n variant=\"flat\"\n ></flip-button>\n )}\n </flip-button-group>\n </footer>\n </div>\n </section>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/flip-option-list-item.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"flip-option-list-item.js","mappings":";;;;;AAAA,MAAM,qBAAqB,GAAG,i0EAAi0E;;MCUl1EA,oBAAkB;EAL/B;;;;IAM2B,YAAO,GAC9B,eAAe,CAAC;IAIO,aAAQ,GAAa,KAAK,CAAC;GAyErD;EApEC,gBAAgB;IACd,IAAI,CAAC,cAAc,EAAE,CAAC;GACvB;EAEO,cAAc;IACpB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE;MACzB,OAAO;KACR;IAED,MAAM,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAErC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;GAClC;EAED,MAAM;IACJ,MAAM,YAAY,GAAG,IAAI,CAAC,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC;IACxD,MAAM,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAE3C,MAAM,YAAY,GAAG,IAAI,CAAC,OAAO,KAAK,cAAc,CAAC;IACrD,MAAM,QAAQ,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,OAAO,KAAK,eAAe,CAAC;IACxE,MAAM,iBAAiB,GAAG,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,OAAO,KAAK,eAAe,CAAC;IAE5E,MAAM,SAAS,GAAG,UAAU,CAC1B,kBAAkB,EAClB,6BAA6B,IAAI,CAAC,OAAO,EAAE,EAC3C;MACE,4BAA4B,EAAE,IAAI,CAAC,QAAQ;MAC3C,4BAA4B,EAAE,IAAI,CAAC,QAAQ;KAC5C,CACF,CAAC;IAEF,QACE,EAAC,IAAI,QACH,4BACiB,YAAY,mBACZ,YAAY,EAC3B,KAAK,EAAE,SAAS,EAChB,IAAI,EAAC,QAAQ,IAEZ,QAAQ,KACP,YACE,KAAK,EAAC,wBAAwB,EAC9B,SAAS,EAAE,IAAI,CAAC,IAAI,EACpB,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,MAAM,GAAG,EAAE,CAAC,GACzB,CACT,EACA,YAAY,KACX,YAAM,KAAK,EAAC,4BAA4B,IACtC,YAAM,KAAK,EAAC,gCAAgC,IACzC,IAAI,CAAC,QAAQ,KACZ,8BACE,KAAK,EAAC,iCAAiC,EACvC,IAAI,EAAE,EAAE,GACgB,CAC3B,CACI,CACF,CACR,EACD,YAAM,KAAK,EAAC,yBAAyB,IAAE,IAAI,CAAC,KAAK,CAAQ,EACxD,iBAAiB,KAChB,YAAM,KAAK,EAAC,kCAAkC,IAC5C,gCAA+C,CAC1C,CACR,CACG,CACD,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["FlipOptionListItem"],"sources":["./src/components/flip-option-list-item/flip-option-list-item.css?tag=flip-option-list-item&encapsulation=shadow","./src/components/flip-option-list-item/flip-option-list-item.tsx"],"sourcesContent":[":host {\n display: inline-flex;\n width: 100%;\n\n & * {\n box-sizing: border-box;\n }\n}\n\n.option-list-item {\n display: inline-flex;\n width: 100%;\n min-height: 3rem;\n padding: var(--s-space-12) var(--s-space-16);\n align-items: center;\n background-color: var(--s-surface-overlay-default);\n cursor: pointer;\n gap: var(--s-space-12);\n\n &:hover:not(.option-list-item--disabled) {\n background-color: var(--s-surface-overlay-hovered);\n }\n\n &:active:not(.option-list-item--disabled) {\n background-color: var(--s-surface-overlay-pressed);\n }\n\n &:focus {\n background-color: var(--s-surface-overlay-hovered);\n outline: none;\n }\n}\n\n.option-list-item--selected {\n & .option-list-item__label {\n color: var(--s-text-highlight);\n }\n\n & .option-list-item__icon {\n color: var(--s-icon-highlight);\n }\n\n & .option-list-item__checkbox-box {\n border-color: var(--s-icon-highlight);\n color: var(--s-text-on-status);\n background-color: var(--s-icon-highlight);\n }\n}\n\n.option-list-item--disabled {\n cursor: default;\n\n &.option-list-item--selected {\n & .option-list-item__checkbox-box {\n background-color: var(--s-icon-disabled);\n }\n\n & .option-list-item__checkbox-icon {\n color: var(--s-text-on-status);\n }\n }\n\n & .option-list-item__label {\n color: var(--s-text-disabled);\n }\n\n & .option-list-item__icon,\n & .option-list-item__selection-icon,\n & .option-list-item__checkbox-icon {\n color: var(--s-icon-disabled);\n }\n\n & .option-list-item__checkbox-box {\n border-color: var(--s-icon-disabled);\n background-color: var(--s-surface-overlay-default);\n }\n}\n\n.option-list-item__label {\n flex-grow: 1;\n color: var(--s-text-default);\n font-size: var(--s-font-size-base);\n font-weight: var(--s-font-weight-medium);\n line-height: var(--s-line-height-base);\n text-align: left;\n}\n\n.option-list-item__icon {\n display: inline-flex;\n flex-shrink: 0;\n color: var(--s-icon-default);\n}\n\n.option-list-item__selection-icon {\n display: inline-flex;\n flex-shrink: 0;\n color: var(--s-icon-highlight);\n}\n\n.option-list-item__checkbox {\n display: inline-flex;\n width: 1.5rem;\n height: 1.5rem;\n padding: var(--s-space-2);\n}\n\n.option-list-item__checkbox-box {\n display: inline-flex;\n width: 100%;\n height: 100%;\n justify-content: center;\n align-items: center;\n border: 0.125rem solid var(--s-icon-default);\n border-radius: var(--s-border-radius-s);\n}\n\n.option-list-item__checkbox-icon {\n display: inline-flex;\n}\n","import { Component, h, Host, Prop } from \"@stencil/core\";\nimport classnames from \"classnames\";\n\nexport type FlipOptionListItemContext = \"single-select\" | \"multi-select\";\n\n@Component({\n shadow: true,\n styleUrl: \"flip-option-list-item.css\",\n tag: \"flip-option-list-item\",\n})\nexport class FlipOptionListItem {\n @Prop({ mutable: true }) context?: FlipOptionListItemContext =\n \"single-select\";\n @Prop() disabled?: boolean;\n @Prop() icon?: string;\n @Prop() label!: string;\n @Prop({ mutable: true }) selected?: boolean = false;\n @Prop() value!: string;\n\n private iconEl: HTMLElement;\n\n componentDidLoad() {\n this.forceIconProps();\n }\n\n private forceIconProps() {\n if (!Boolean(this.iconEl)) {\n return;\n }\n\n const icon = this.iconEl.children[0];\n\n icon?.setAttribute(\"size\", \"24\");\n }\n\n render() {\n const ariaDisabled = this.disabled ? \"true\" : undefined;\n const ariaSelected = String(this.selected);\n\n const showCheckbox = this.context === \"multi-select\";\n const showIcon = Boolean(this.icon) && this.context === \"single-select\";\n const showSelectionIcon = this.selected && this.context === \"single-select\";\n\n const className = classnames(\n \"option-list-item\",\n `option-list-item--context-${this.context}`,\n {\n \"option-list-item--disabled\": this.disabled,\n \"option-list-item--selected\": this.selected,\n }\n );\n\n return (\n <Host>\n <div\n aria-disabled={ariaDisabled}\n aria-selected={ariaSelected}\n class={className}\n role=\"option\"\n >\n {showIcon && (\n <span\n class=\"option-list-item__icon\"\n innerHTML={this.icon}\n ref={(el) => (this.iconEl = el)}\n ></span>\n )}\n {showCheckbox && (\n <span class=\"option-list-item__checkbox\">\n <span class=\"option-list-item__checkbox-box\">\n {this.selected && (\n <flip-icon-check-strong\n class=\"option-list-item__checkbox-icon\"\n size={16}\n ></flip-icon-check-strong>\n )}\n </span>\n </span>\n )}\n <span class=\"option-list-item__label\">{this.label}</span>\n {showSelectionIcon && (\n <span class=\"option-list-item__selection-icon\">\n <flip-icon-check-small></flip-icon-check-small>\n </span>\n )}\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/flip-option-list-section.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"flip-option-list-section.js","mappings":";;AAAA,MAAM,wBAAwB,GAAG,+ZAA+Z;;MCUnbA,uBAAqB;;;;;;EAGhC,MAAM;IACJ,QACE,EAAC,IAAI,QACH,8BAAqB,OAAO,EAAC,KAAK,EAAC,qBAAqB,EAAC,IAAI,EAAC,OAAO,IACnE,YAAM,KAAK,EAAC,4BAA4B,EAAC,EAAE,EAAC,OAAO,IAChD,IAAI,CAAC,KAAK,CACN,EACP,WAAK,KAAK,EAAC,4BAA4B,IACrC,eAAa,CACT,CACF,CACD,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;;;","names":["FlipOptionListSection"],"sources":["./src/components/flip-option-list-section/flip-option-list-section.css?tag=flip-option-list-section&encapsulation=shadow","./src/components/flip-option-list-section/flip-option-list-section.tsx"],"sourcesContent":[":host {\n display: block;\n\n & * {\n box-sizing: border-box;\n }\n}\n\n.option-list-section {\n background-color: var(--s-surface-overlay-default);\n}\n\n.option-list-section__label {\n display: block;\n width: 100%;\n padding: var(--s-space-8) var(--s-space-16);\n border-bottom: var(--s-border-width-default) solid var(--s-border-default);\n color: var(--s-text-subdued);\n font-weight: var(--s-font-weight-medium);\n line-height: var(--s-line-height-base);\n text-align: left;\n}\n","import { Component, h, Host, Prop } from \"@stencil/core\";\n\n/**\n * @slot slot - The option list item components\n */\n@Component({\n shadow: true,\n styleUrl: \"flip-option-list-section.css\",\n tag: \"flip-option-list-section\",\n})\nexport class FlipOptionListSection {\n @Prop() label!: string;\n\n render() {\n return (\n <Host>\n <div aria-labelledby=\"label\" class=\"option-list-section\" role=\"group\">\n <span class=\"option-list-section__label\" id=\"label\">\n {this.label}\n </span>\n <div class=\"option-list-section__items\">\n <slot></slot>\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/flip-option-list.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"flip-option-list.js","mappings":"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","names":["FlipOptionList"],"sources":["./src/components/flip-option-list/flip-option-list.css?tag=flip-option-list&encapsulation=shadow","./src/components/flip-option-list/flip-option-list.tsx"],"sourcesContent":[":host {\n display: block;\n\n & * {\n box-sizing: border-box;\n }\n}\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Prop,\n Watch,\n} from \"@stencil/core\";\nimport { FlipFormInput, querySelectorAllDeep } from \"../../utils\";\n\n@Component({\n shadow: true,\n styleUrl: \"flip-option-list.css\",\n tag: \"flip-option-list\",\n})\nexport class FlipOptionList implements FlipFormInput<string[]> {\n @Element() el: HTMLElement;\n\n @Prop() disabled?: boolean;\n @Prop() label?: string;\n @Prop() multiSelect?: boolean;\n @Prop({ mutable: true }) value?: string[] = [];\n\n @Event() valueChange: EventEmitter<string[]>;\n\n private items: HTMLFlipOptionListItemElement[];\n\n componentDidLoad() {\n this.items = querySelectorAllDeep<HTMLFlipOptionListItemElement>(\n this.el,\n \"flip-option-list-item\"\n );\n\n this.setItemDisabledState();\n this.setItemContext();\n this.syncItemsWithValue();\n }\n\n @Watch(\"disabled\")\n watchDisabled() {\n this.setItemDisabledState();\n }\n\n @Watch(\"multiSelect\")\n watchMultiSelect() {\n this.setItemContext();\n }\n\n @Watch(\"value\")\n watchValue() {\n this.syncItemsWithValue();\n }\n\n private onFocus = () => {\n this.focusItem(0);\n };\n\n private onClick = (event: MouseEvent) => {\n const target = event.target as HTMLElement;\n const item = target?.closest(\"flip-option-list-item\");\n\n if (!Boolean(item)) {\n return;\n }\n\n this.selectItem(this.items.findIndex((i) => i.value === item.value));\n };\n\n private onKeyDown = (event: KeyboardEvent) => {\n if (event.code === \"ArrowDown\") {\n event.preventDefault();\n this.focusNextItem();\n } else if (event.code === \"ArrowUp\") {\n event.preventDefault();\n this.focusPreviousItem();\n } else if (event.code === \"Space\") {\n event.preventDefault();\n this.selectFocusedItem();\n } else if (event.code === \"Home\") {\n event.preventDefault();\n this.focusItem(0);\n } else if (event.code === \"End\") {\n event.preventDefault();\n this.focusItem(this.items.length - 1);\n } else if (\n event.code === \"KeyA\" &&\n (event.metaKey || event.ctrlKey) &&\n this.multiSelect\n ) {\n event.preventDefault();\n this.selectAllItems();\n }\n };\n\n private setItemDisabledState() {\n this.items.forEach((item) => (item.disabled = this.disabled));\n }\n\n private setItemContext() {\n if (this.multiSelect) {\n this.items.forEach((item) => (item.context = \"multi-select\"));\n } else {\n this.items.forEach((item) => (item.context = \"single-select\"));\n\n if (this.value.length > 1) {\n this.updateValue([this.value[0]]);\n }\n }\n }\n\n private selectItem(index: number) {\n if (this.disabled) {\n return;\n }\n\n const item = this.items[index];\n const itemIsAlreadySelected = this.value.includes(item.value);\n\n if (!this.multiSelect) {\n this.value = [];\n }\n\n if (!itemIsAlreadySelected) {\n this.updateValue([...this.value, item.value]);\n } else {\n this.updateValue(this.value.filter((v) => v !== item.value));\n }\n }\n\n private updateValue(value: string[]) {\n this.value = value;\n this.valueChange.emit(this.value);\n }\n\n private selectFocusedItem() {\n if (this.disabled || this.getActiveItemIndex() === -1) {\n return;\n }\n\n this.selectItem(this.getActiveItemIndex());\n }\n\n private selectAllItems() {\n if (this.disabled) {\n return;\n }\n\n const alreadySelected = this.items.every((item) =>\n this.value.includes(item.value)\n );\n\n if (alreadySelected) {\n this.updateValue([]);\n } else {\n this.updateValue(this.items.map((item) => item.value));\n }\n }\n\n private syncItemsWithValue() {\n this.items.forEach(\n (item) => (item.selected = this.value.includes(item.value))\n );\n }\n\n private focusItem(index: number) {\n if (this.disabled) {\n return;\n }\n\n this.items.forEach((item) =>\n item.shadowRoot.children[0].removeAttribute(\"tabIndex\")\n );\n\n const item = this.items[index].shadowRoot.children[0] as HTMLElement;\n\n if (!Boolean(item)) {\n return;\n }\n\n item.setAttribute(\"tabIndex\", \"0\");\n item.focus();\n }\n\n private focusNextItem() {\n if (this.disabled) {\n return;\n }\n\n const activeItemIndex = this.getActiveItemIndex();\n const newIndex = Math.min(activeItemIndex + 1, this.items.length - 1);\n\n this.focusItem(newIndex);\n }\n\n private focusPreviousItem() {\n const activeItemIndex = this.getActiveItemIndex();\n const newIndex = Math.max(activeItemIndex - 1, 0);\n\n this.focusItem(newIndex);\n }\n\n private getActiveItemIndex(): number {\n return this.items\n .map((item) => item.shadowRoot.children[0])\n .findIndex(\n (item) =>\n item === document.activeElement ||\n item ===\n document.activeElement?.shadowRoot?.querySelector('[role=\"option\"]')\n );\n }\n\n render() {\n const ariaMultiselectable = this.multiSelect ? \"true\" : undefined;\n const tabIndex = this.disabled ? -1 : 0;\n\n return (\n <Host>\n <div\n aria-label={this.label}\n aria-multiselectable={ariaMultiselectable}\n class=\"option-list\"\n onClick={this.onClick}\n onFocus={this.onFocus}\n onKeyDown={this.onKeyDown}\n role=\"listbox\"\n tabIndex={tabIndex}\n >\n <slot></slot>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/flip-pagination.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"flip-pagination.js","mappings":"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","names":["FlipPagination"],"sources":["./src/components/flip-pagination/flip-pagination.css?tag=flip-pagination&encapsulation=shadow","./src/components/flip-pagination/flip-pagination.tsx"],"sourcesContent":[":host {\n display: block;\n width: 100%;\n\n & * {\n box-sizing: border-box;\n }\n}\n\n.pagination {\n display: block;\n width: 100%;\n}\n\n.pagination--variant-simple {\n & .pagination__list {\n gap: var(--s-space-4);\n }\n}\n\n.pagination__list {\n display: flex;\n margin: 0;\n padding: 0;\n justify-content: flex-start;\n align-items: center;\n line-height: var(--s-line-height-base);\n list-style: none;\n gap: var(--s-space-8);\n\n @media (--from-tablet) {\n gap: var(--s-space-16);\n }\n}\n\n.pagination__advanced-label {\n display: flex;\n align-items: center;\n gap: var(--s-space-8);\n white-space: nowrap;\n}\n\n.pagination__page-select-container {\n position: relative;\n}\n\n.pagination__page-select {\n display: inline-flex;\n padding-right: var(--s-space-16);\n border: none;\n background-color: transparent;\n font: inherit;\n line-height: var(--s-line-height-base);\n text-align: center;\n cursor: pointer;\n appearance: none;\n\n &:focus {\n outline-color: var(--s-focus-default);\n }\n}\n\n.pagination__page-select-icon {\n position: absolute;\n top: 50%;\n right: 0;\n transform: translateY(-50%);\n pointer-events: none;\n}\n","import { Component, Event, EventEmitter, h, Host, Prop } from \"@stencil/core\";\nimport classnames from \"classnames\";\n\nexport type FlipPaginationVariant = \"default\" | \"simple\" | \"advanced\";\n\n@Component({\n shadow: true,\n styleUrl: \"flip-pagination.css\",\n tag: \"flip-pagination\",\n})\nexport class FlipPagination {\n @Prop() accessibleNextButtonLabel?: string = \"Next page\";\n @Prop() accessiblePrevButtonLabel?: string = \"Previous page\";\n @Prop() nextButtonLabel?: string = \"Next\";\n @Prop() pageLabel?: string = \"out of\";\n @Prop() prevButtonLabel?: string = \"Prev\";\n @Prop() label!: string;\n @Prop() page!: number;\n @Prop() pages!: number;\n @Prop() pageSelectLabel?: string = \"Select a page\";\n @Prop() variant?: FlipPaginationVariant = \"default\";\n\n @Event() setPage: EventEmitter<number>;\n\n private onPrevButtonClick = () => {\n const prevPage = Math.max(this.page - 1, 1);\n\n if (this.page === prevPage) {\n return;\n }\n\n this.setPage.emit(prevPage);\n };\n\n private onNextButtonClick = () => {\n const nextPage = Math.min(this.page + 1, this.pages);\n\n if (this.page === nextPage) {\n return;\n }\n\n this.setPage.emit(nextPage);\n };\n\n private onSelect = (event: Event) => {\n const page = +(event.target as HTMLSelectElement).value;\n\n if (this.page === page) {\n return;\n }\n\n this.setPage.emit(page);\n };\n\n render() {\n const hideButtonLabels = this.variant !== \"advanced\";\n const showPageLabel = this.variant !== \"simple\";\n const showDropDown = this.variant === \"advanced\";\n\n const ariaPageLabel = `${this.page} ${this.pageLabel} ${this.pages}`;\n\n const className = classnames(\n \"pagination\",\n `pagination--variant-${this.variant}`\n );\n\n return (\n <Host>\n <nav aria-label={this.label} class={className}>\n <ul class=\"pagination__list\">\n <li class=\"pagination__list-item\">\n <flip-button\n class=\"pagination__prev-button\"\n disabled={this.page <= 1}\n flipAriaLabel={this.accessiblePrevButtonLabel}\n hideLabel={hideButtonLabels}\n icon=\"<flip-icon-chevron-left></flip-icon-chevron-left>\"\n intent=\"primary\"\n label={this.prevButtonLabel}\n onClick={this.onPrevButtonClick}\n ></flip-button>\n </li>\n {showPageLabel ? (\n <li class=\"pagination__list-item\">\n <span>\n {showDropDown ? (\n <span\n aria-current=\"page\"\n class=\"pagination__advanced-label\"\n >\n <span class=\"pagination__page-select-container\">\n <select\n aria-label={this.pageSelectLabel}\n class=\"pagination__page-select\"\n onChange={this.onSelect}\n >\n {new Array(this.pages)\n .fill(undefined)\n .map((_, index) => index + 1)\n .map((page) => (\n <option\n selected={this.page === page}\n value={String(page)}\n >\n {page}\n </option>\n ))}\n </select>\n <flip-icon-expand-more\n aria-hidden=\"true\"\n class=\"pagination__page-select-icon\"\n size={16}\n ></flip-icon-expand-more>\n </span>\n <span aria-hidden=\"true\">\n {this.pageLabel} {this.pages}\n </span>\n </span>\n ) : (\n <span aria-current=\"page\">{ariaPageLabel}</span>\n )}\n </span>\n </li>\n ) : (\n <li class=\"pagination__list-item\">\n <flip-visually-hidden>\n <span aria-current=\"page\">{ariaPageLabel}</span>\n </flip-visually-hidden>\n </li>\n )}\n <li class=\"pagination__list-item\">\n <flip-button\n class=\"pagination__next-button\"\n disabled={this.page >= this.pages}\n flipAriaLabel={this.accessibleNextButtonLabel}\n hideLabel={hideButtonLabels}\n icon=\"<flip-icon-chevron-right></flip-icon-chevron-right>\"\n iconPosition=\"end\"\n intent=\"primary\"\n label={this.nextButtonLabel}\n onClick={this.onNextButtonClick}\n ></flip-button>\n </li>\n </ul>\n </nav>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/flip-popover.js.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"file":"flip-popover.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/flip-popover2.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"flip-popover2.js","mappings":"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","names":[],"sources":["./src/components/flip-popover/flip-popover.css?tag=flip-popover&encapsulation=shadow","./src/components/flip-popover/flip-popover.tsx"],"sourcesContent":["@import \"../../styles/media-queries.css\";\n\n:host {\n position: relative;\n z-index: var(--s-z-40);\n display: inline-flex;\n\n & * {\n box-sizing: border-box;\n }\n}\n\n.popover--active:not(.popover--closing) {\n & .popover__backdrop {\n animation: 0.15s popover-fade-in;\n\n @media (prefers-reduced-motion) {\n animation: none;\n }\n }\n\n & .popover__content {\n animation: 0.15s popover-slide-in;\n\n @media (--from-tablet) {\n transform-origin: top left;\n animation: 0.15s popover-fade-scale-in;\n }\n\n @media (prefers-reduced-motion) {\n animation: none;\n }\n }\n}\n\n.popover--closing {\n & .popover__backdrop {\n animation: 0.15s popover-fade-out;\n animation-fill-mode: forwards;\n\n @media (prefers-reduced-motion) {\n animation: none;\n }\n }\n\n & .popover__content {\n animation: 0.15s popover-slide-out;\n animation-fill-mode: forwards;\n\n @media (--from-tablet) {\n animation: 0.15s popover-fade-out;\n }\n\n @media (prefers-reduced-motion) {\n animation: none;\n }\n }\n}\n\n.popover--inactive {\n & .popover__content {\n display: none;\n }\n}\n\n.popover__backdrop {\n position: fixed;\n z-index: 0;\n background-color: rgba(0, 0, 0, 0.2);\n animation: 0.15s popover-backdrop-fade-in;\n inset: 0;\n\n @media (prefers-reduced-motion) {\n animation: none;\n }\n\n @media (--from-tablet) {\n display: none;\n }\n}\n\n.popover__content {\n position: fixed;\n z-index: 2;\n right: 0;\n bottom: 0;\n left: 0;\n overflow: hidden;\n border-top-left-radius: var(--s-border-radius-xl);\n border-top-right-radius: var(--s-border-radius-xl);\n background-color: var(--s-surface-overlay-default);\n\n @media (--from-tablet) {\n right: unset;\n bottom: unset;\n left: unset;\n max-width: 22.5rem;\n border-radius: var(--s-border-radius-xl);\n animation: none;\n box-shadow: 0.125rem 0.25rem 2.5rem rgba(0, 0, 0, 0.14);\n }\n}\n\n.popover__scroll-container {\n overflow-x: hidden;\n overflow-y: auto;\n width: 100%;\n max-height: 90vh;\n padding-top: var(--s-space-24);\n padding-bottom: var(--s-space-24);\n overscroll-behavior: contain;\n\n @media (--from-tablet) {\n max-height: 22rem;\n padding-top: var(--s-space-8);\n padding-bottom: var(--s-space-8);\n }\n}\n\n.popover__handle {\n position: absolute;\n top: var(--s-space-8);\n left: 50%;\n width: 2.5rem;\n height: 0.375rem;\n border-radius: 0.1875rem;\n background-color: var(--s-border-default);\n transform: translatex(-50%);\n\n @media (--from-tablet) {\n display: none;\n }\n}\n\n@keyframes popover-slide-in {\n from {\n transform: translateY(100%);\n }\n to {\n transform: translateY(0);\n }\n}\n\n@keyframes popover-slide-out {\n from {\n transform: translateY(0);\n }\n to {\n transform: translateY(100%);\n }\n}\n\n@keyframes popover-fade-in {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n\n@keyframes popover-fade-out {\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n }\n}\n\n@keyframes popover-fade-scale-in {\n from {\n transform: scale(0);\n opacity: 0;\n }\n to {\n transform: scale(1);\n opacity: 1;\n }\n}\n","import {\n autoUpdate,\n computePosition,\n ComputePositionReturn,\n flip,\n Placement,\n shift,\n} from \"@floating-ui/dom\";\nimport {\n Component,\n Element,\n h,\n Host,\n Listen,\n Method,\n Prop,\n State,\n} from \"@stencil/core\";\nimport { disableBodyScroll, enableBodyScroll } from \"body-scroll-lock\";\nimport classnames from \"classnames\";\nimport { isMobileViewport, querySelectorAllDeep } from \"../../utils\";\n\n/**\n * @slot slot - The popover content.\n */\n@Component({\n shadow: true,\n styleUrl: \"flip-popover.css\",\n tag: \"flip-popover\",\n})\nexport class FlipPopover {\n @Element() el: HTMLElement;\n\n @Prop() label!: string;\n @Prop() placement?: Placement = \"bottom-start\";\n @Prop() popoverId!: string;\n @Prop() trigger!: string;\n\n @State() active = false;\n @State() closing = false;\n @State() position: ComputePositionReturn;\n\n private childMenuItems: HTMLElement[];\n private disableAutoUpdate: any;\n private contentContainer: HTMLDivElement;\n private scrollContainer: HTMLDivElement;\n private triggerEl: HTMLElement;\n\n componentDidLoad() {\n this.connectTrigger();\n this.updateChildMenuItems();\n this.updateTriggerAttributes();\n }\n\n disconnectedCallback() {\n enableBodyScroll(this.scrollContainer);\n }\n\n @Listen(\"click\", { target: \"window\" })\n onWindowClick(event: MouseEvent) {\n const target = event.target as HTMLElement;\n\n if (!this.el.contains(target)) {\n this.close();\n }\n }\n\n onFocusOut = (event: FocusEvent) => {\n if (!this.active) {\n return;\n }\n\n const target =\n (event.relatedTarget as HTMLElement) || (event.target as HTMLElement);\n\n const popoverLostFocus = !this.el.contains(target);\n\n if (popoverLostFocus) {\n this.close();\n }\n };\n\n /**\n * Close the popover.\n * @returns\n */\n @Method()\n public async close() {\n if (this.closing) {\n return;\n }\n\n if (this.disableAutoUpdate) {\n this.disableAutoUpdate();\n }\n\n this.closing = true;\n\n setTimeout(() => {\n this.active = false;\n this.closing = false;\n this.updateTriggerAttributes();\n }, 150);\n\n this.unlockBodyScroll();\n\n this.triggerEl?.focus();\n }\n\n /**\n * Open the popover.\n * @returns\n */\n @Method()\n public async open() {\n this.active = true;\n\n this.updateChildMenuItems();\n this.updateTriggerAttributes();\n\n requestAnimationFrame(async () => {\n await this.reposition();\n\n if (this.childMenuItems.length > 0) {\n (this.childMenuItems[0] as HTMLElement).focus();\n } else {\n this.contentContainer.focus();\n }\n\n if (this.disableAutoUpdate) {\n this.disableAutoUpdate();\n }\n\n this.disableAutoUpdate = autoUpdate(\n this.triggerEl,\n this.contentContainer,\n this.reposition\n );\n\n this.scrollContainer.scrollTop = 0;\n\n this.lockBodyScroll();\n });\n }\n\n toggle = (event: Event) => {\n event.stopPropagation();\n\n if (this.active) {\n this.close();\n } else {\n this.open();\n }\n };\n\n private connectTrigger() {\n const triggerComponent = querySelectorAllDeep(\n document.body,\n `#${this.trigger}`\n )[0];\n\n this.triggerEl = (triggerComponent?.children[0] ||\n triggerComponent?.shadowRoot?.children[0] ||\n triggerComponent) as HTMLElement;\n\n if (!Boolean(this.triggerEl)) {\n return;\n }\n\n this.triggerEl.addEventListener(\"click\", this.toggle);\n }\n\n private onKeydown = (event: KeyboardEvent) => {\n if (event.code === \"Escape\" && this.active) {\n this.close();\n }\n };\n\n private updateTriggerAttributes() {\n if (!Boolean(this.triggerEl)) {\n return;\n }\n\n this.triggerEl.setAttribute(\"aria-controls\", this.popoverId);\n this.triggerEl.setAttribute(\"aria-expanded\", String(this.active));\n this.triggerEl.setAttribute(\"aria-haspopup\", \"dialog\");\n }\n\n private updateChildMenuItems() {\n this.childMenuItems = querySelectorAllDeep(this.el, '[role=\"menuitem\"]');\n }\n\n private reposition = async () => {\n const mobile = isMobileViewport();\n\n if (!Boolean(this.triggerEl) || !Boolean(this.contentContainer)) {\n return;\n }\n\n if (mobile) {\n this.position = undefined;\n return;\n }\n\n this.position = await computePosition(\n this.triggerEl,\n this.contentContainer,\n {\n middleware: [shift(), flip()],\n placement: this.placement,\n strategy: \"fixed\",\n }\n );\n };\n\n private lockBodyScroll() {\n const mobile = isMobileViewport();\n\n if (!mobile) {\n return;\n }\n\n disableBodyScroll(this.scrollContainer);\n }\n\n private unlockBodyScroll() {\n enableBodyScroll(this.scrollContainer);\n }\n\n private onCloseButtonClick = () => {\n this.close();\n };\n\n render() {\n const className = classnames(\"popover\", {\n \"popover--closing\": this.closing,\n \"popover--active\": this.active,\n \"popover--inactive\": !this.active,\n });\n\n return (\n <Host id={this.popoverId} onFocusout={this.onFocusOut}>\n <div class={className} onKeyDown={this.onKeydown}>\n <div\n aria-hidden={!this.active ? \"true\" : \"false\"}\n aria-label={this.label}\n class=\"popover__content\"\n role=\"dialog\"\n tabindex=\"-1\"\n ref={(el) => (this.contentContainer = el)}\n style={{\n top: Boolean(this.position) ? `${this.position?.y}px` : \"\",\n left: Boolean(this.position) ? `${this.position?.x}px` : \"\",\n }}\n >\n <span class=\"popover__handle\"></span>\n <div\n class=\"popover__scroll-container\"\n ref={(el) => (this.scrollContainer = el)}\n >\n <slot></slot>\n </div>\n </div>\n {this.active && (\n <div\n class=\"popover__backdrop\"\n onClick={this.onCloseButtonClick}\n ></div>\n )}\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/flip-progress-indicator.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"flip-progress-indicator.js","mappings":";;;AAAA,MAAM,wBAAwB,GAAG,i3DAAi3D;;MCYr4DA,uBAAqB;EALlC;;;;IAOU,SAAI,GAA+B,GAAG,CAAC;IACvC,UAAK,GAAY,CAAC,CAAC;IACnB,YAAO,GAAkC,KAAK,CAAC;GAmExD;EAjEC,MAAM;IACJ,MAAM,SAAS,GAAG,UAAU,CAC1B,oBAAoB,EACpB,4BAA4B,IAAI,CAAC,IAAI,EAAE,EACvC,+BAA+B,IAAI,CAAC,OAAO,EAAE,CAC9C,CAAC;IAEF,MAAM,WAAW,GAAG,IAAI,CAAC,IAAI,KAAK,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC;IAC9C,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,KAAK,GAAG,GAAG,EAAE,GAAG,EAAE,CAAC;IAC3C,MAAM,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,GAAG,IAAI,CAAC,EAAE,CAAC,CAAC;IACvD,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,aAAa,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,KAAK,IAAI,GAAG,CAAC,CAAC,CAAC;IAE1E,QACE,EAAC,IAAI,IAAC,KAAK,EAAE,IAAI,CAAC,OAAO,IACtB,IAAI,CAAC,OAAO,KAAK,KAAK,KACrB,8BACc,IAAI,CAAC,KAAK,mBACP,GAAG,mBACH,CAAC,mBACD,IAAI,CAAC,KAAK,EACzB,KAAK,EAAE,SAAS,EAChB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,IAAI,CAAC,KAAK,GACP,CACb,EACA,IAAI,CAAC,OAAO,KAAK,QAAQ,KACxB,YACE,IAAI,EAAC,aAAa,gBACN,IAAI,CAAC,KAAK,mBACP,GAAG,mBACH,CAAC,mBACD,IAAI,CAAC,KAAK,EACzB,KAAK,EAAE,SAAS,IAEhB,WACE,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAC,OAAO,EACjB,OAAO,EAAE,OAAO,CAAC,MAAM,GAAG,WAAW,IAAI,CAAC,IACxC,CAAC,MAAM,GAAG,WAAW,IAAI,CAC3B,EAAE,IAEF,cACE,KAAK,EAAC,uCAAuC,EAC7C,EAAE,EAAE,MAAM,GAAG,WAAW,EACxB,EAAE,EAAE,MAAM,GAAG,WAAW,EACxB,CAAC,EAAE,MAAM,EACT,IAAI,EAAC,MAAM,kBACG,WAAW,GACzB,EACF,cACE,KAAK,EAAC,kCAAkC,EACxC,EAAE,EAAE,MAAM,GAAG,WAAW,EACxB,EAAE,EAAE,MAAM,GAAG,WAAW,EACxB,CAAC,EAAE,MAAM,EACT,IAAI,EAAC,MAAM,kBACG,WAAW,sBACP,aAAa,uBACZ,UAAU,GAC7B,CACE,CACD,CACR,CACI,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["FlipProgressIndicator"],"sources":["./src/components/flip-progress-indicator/flip-progress-indicator.css?tag=flip-progress-indicator&encapsulation=shadow","./src/components/flip-progress-indicator/flip-progress-indicator.tsx"],"sourcesContent":[":host {\n display: block;\n width: 100%;\n\n & * {\n box-sizing: border-box;\n }\n}\n\n:host(.circle) {\n display: inline-flex;\n width: auto;\n}\n\n.progress-indicator {\n}\n\n.progress-indicator--variant-bar {\n display: block;\n width: 100%;\n height: 0.25rem;\n border: none;\n appearance: none;\n\n &::-webkit-progress-bar {\n border-radius: 0.125rem;\n background-color: var(--s-surface-raised-default);\n }\n\n &::-webkit-progress-value {\n border-radius: 0.125rem;\n background-color: var(--s-surface-highlight-default);\n transition: width 0.25s;\n }\n\n &::-moz-progress-bar {\n height: 0.25rem;\n border-radius: 0.125rem;\n background-color: var(--s-surface-highlight-default);\n transition: width 0.25s;\n\n @media (prefers-reduced-motion) {\n transition: none;\n }\n }\n\n &.progress-indicator--size-s {\n height: 0.125rem;\n\n &::-webkit-progress-bar {\n border-radius: 0.0625rem;\n }\n\n &::-webkit-progress-value {\n border-radius: 0.0625rem;\n }\n\n &::-moz-progress-bar {\n height: 0.125rem;\n border-radius: 0.0625rem;\n }\n }\n}\n\n.progress-indicator--variant-circle {\n position: relative;\n display: inline-flex;\n overflow: hidden;\n width: 3rem;\n height: 3rem;\n\n &.progress-indicator--size-s {\n width: 1.5rem;\n height: 1.5rem;\n }\n}\n\n.progress-indicator__circle {\n position: absolute;\n width: 100%;\n height: 100%;\n transform: rotate(-90deg);\n inset: 0;\n}\n\n.progress-indicator__circle-background {\n stroke: var(--s-border-default);\n stroke-linecap: round;\n}\n\n.progress-indicator__circle-value {\n transition: stroke-dashoffset 0.25s;\n stroke: var(--s-interactive-primary-default);\n stroke-linecap: round;\n\n @media (prefers-reduced-motion) {\n transition: none;\n }\n}\n","import { Component, h, Host, Prop } from \"@stencil/core\";\nimport classnames from \"classnames\";\n\nexport type FlipProgressIndicatorSize = \"s\" | \"m\";\n\nexport type FlipProgressIndicatorVariant = \"bar\" | \"circle\";\n\n@Component({\n shadow: true,\n styleUrl: \"flip-progress-indicator.css\",\n tag: \"flip-progress-indicator\",\n})\nexport class FlipProgressIndicator {\n @Prop() label!: string;\n @Prop() size?: FlipProgressIndicatorSize = \"m\";\n @Prop() value?: number = 0;\n @Prop() variant?: FlipProgressIndicatorVariant = \"bar\";\n\n render() {\n const className = classnames(\n \"progress-indicator\",\n `progress-indicator--size-${this.size}`,\n `progress-indicator--variant-${this.variant}`\n );\n\n const strokeWidth = this.size === \"m\" ? 4 : 2;\n const radius = this.size === \"m\" ? 20 : 10;\n const circumference = Math.round(radius * 2 * Math.PI);\n const dashOffset = Math.round(circumference * ((100 - this.value) / 100));\n\n return (\n <Host class={this.variant}>\n {this.variant === \"bar\" && (\n <progress\n aria-label={this.label}\n aria-valuemax={100}\n aria-valuemin={0}\n aria-valuenow={this.value}\n class={className}\n max={100}\n value={this.value}\n ></progress>\n )}\n {this.variant === \"circle\" && (\n <span\n role=\"progressbar\"\n aria-label={this.label}\n aria-valuemax={100}\n aria-valuemin={0}\n aria-valuenow={this.value}\n class={className}\n >\n <svg\n class=\"progress-indicator__circle\"\n focusable=\"false\"\n viewBox={`0 0 ${(radius + strokeWidth) * 2} ${\n (radius + strokeWidth) * 2\n }`}\n >\n <circle\n class=\"progress-indicator__circle-background\"\n cx={radius + strokeWidth}\n cy={radius + strokeWidth}\n r={radius}\n fill=\"none\"\n stroke-width={strokeWidth}\n />\n <circle\n class=\"progress-indicator__circle-value\"\n cx={radius + strokeWidth}\n cy={radius + strokeWidth}\n r={radius}\n fill=\"none\"\n stroke-width={strokeWidth}\n stroke-dasharray={circumference}\n stroke-dashoffset={dashOffset}\n />\n </svg>\n </span>\n )}\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/flip-radio-group.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"flip-radio-group.js","mappings":";;AAAA,MAAM,iBAAiB,GAAG,mMAAmM;;MCsBhNA,gBAAc;;;;;;EAUzB,gBAAgB;IACd,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC,CAAC;IACvE,IAAI,CAAC,SAAS,EAAE,CAAC;IACjB,IAAI,CAAC,kBAAkB,EAAE,CAAC;GAC3B;EAEO,SAAS;IACf,IAAI,IAAI,CAAC,KAAK,KAAK,SAAS,EAAE;MAC5B,OAAO;KACR;IAED,MAAM,cAAc,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAC3C,CAAC,KAAK,KAAK,KAAK,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,CACtC,CAAC;IAEF,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC,EAAE;MAC5B,OAAO;KACR;IAED,cAAc,CAAC,OAAO,GAAG,IAAI,CAAC;GAC/B;EAEO,kBAAkB;IACxB,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,EAAE;MAC5D,KAAK,CAAC,gBAAgB,CAAC,aAAa,EAAE;QACpC,IAAI,KAAK,CAAC,OAAO,KAAK,IAAI,IAAI,KAAK,CAAC,OAAO,KAAK,MAAM,EAAE;UACtD,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;UACnC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;UAEzB,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;YAC7B,IAAI,MAAM,CAAC,CAAC,CAAC,KAAK,GAAG,EAAE;cACrB,OAAO;aACR;YAED,CAAC,CAAC,OAAO,GAAG,KAAK,CAAC;WACnB,CAAC,CAAC;SACJ;OACF,CAAC,CAAC;KACJ;GACF;EAED,MAAM;IACJ,QACE,EAAC,IAAI,wBAAmB,IAAI,CAAC,mBAAmB,EAAE,IAAI,EAAC,YAAY,IACjE,WAAK,KAAK,EAAC,aAAa,IACtB,eAAa,CACT,CACD,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["FlipRadioGroup"],"sources":["./src/components/flip-radio-group/flip-radio-group.css?tag=flip-radio-group&encapsulation=scoped","./src/components/flip-radio-group/flip-radio-group.tsx"],"sourcesContent":[":host {\n display: block;\n\n & * {\n box-sizing: border-box;\n }\n}\n\n.radio-group {\n display: flex;\n flex-direction: column;\n gap: var(--s-space-4);\n}\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Prop,\n} from \"@stencil/core\";\n\n@Component({\n /**\n * Form controls in shadow dom can still not be associated with labels in the\n * light dom, cross browser. So for now we disable shadow dom for form\n * controls (inputs, buttons, selects, etc.). Instead we use Stencil's scoping.\n * https://caniuse.com/?search=attachInternals\n */\n scoped: true,\n shadow: false,\n styleUrl: \"flip-radio-group.css\",\n tag: \"flip-radio-group\",\n})\nexport class FlipRadioGroup {\n @Element() el: HTMLElement;\n\n @Prop() flipAriaDescribedby?: string;\n @Prop({ mutable: true, reflect: true }) value?: string;\n\n @Event() valueChange: EventEmitter<string>;\n\n private radioButtons: HTMLFlipRadioElement[];\n\n componentDidLoad() {\n this.radioButtons = Array.from(this.el.querySelectorAll(\"flip-radio\"));\n this.initValue();\n this.handleValueChanges();\n }\n\n private initValue() {\n if (this.value === undefined) {\n return;\n }\n\n const radioWithValue = this.radioButtons.find(\n (radio) => radio.value === this.value\n );\n\n if (!Boolean(radioWithValue)) {\n return;\n }\n\n radioWithValue.checked = true;\n }\n\n private handleValueChanges() {\n for (const [key, radio] of Object.entries(this.radioButtons)) {\n radio.addEventListener(\"valueChange\", () => {\n if (radio.checked === true || radio.checked === \"true\") {\n this.valueChange.emit(radio.value);\n this.value = radio.value;\n\n this.radioButtons.forEach((r, k) => {\n if (String(k) === key) {\n return;\n }\n\n r.checked = false;\n });\n }\n });\n }\n }\n\n render() {\n return (\n <Host aria-describedby={this.flipAriaDescribedby} role=\"radiogroup\">\n <div class=\"radio-group\">\n <slot></slot>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/flip-radio.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"flip-radio.js","mappings":";;;;AAAA,MAAM,YAAY,GAAG,0vFAA0vF;;MCiBlwFA,WAAS;EAZtB;;;;IAa2B,YAAO,GAAoB,KAAK,CAAC;IAElD,aAAQ,GAAa,KAAK,CAAC;IAS3B,aAAQ,GAAG;MACjB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;MACpB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KACnC,CAAC;GA8CH;EA5CC,MAAM;IACJ,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO,KAAK,KAAK,IAAI,IAAI,CAAC,OAAO,KAAK,OAAO,CAAC;IACrE,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,KAAK,IAAI,IAAI,IAAI,CAAC,OAAO,KAAK,MAAM,CAAC;IAEjE,MAAM,gBAAgB,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,CAAC;IAC1E,MAAM,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC;IAEjC,MAAM,SAAS,GAAG,UAAU,CAAC,OAAO,EAAE;MACpC,gBAAgB,EAAE,OAAO;MACzB,iBAAiB,EAAE,IAAI,CAAC,QAAQ;MAChC,gBAAgB,EAAE,IAAI,CAAC,OAAO;MAC9B,kBAAkB,EAAE,SAAS;KAC9B,CAAC,CAAC;IAEH,QACE,EAAC,IAAI,QACH,aAAO,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,IAC5C,YAAM,KAAK,EAAC,gBAAgB,IAC1B,gCACE,6BACgB,gBAAgB,kBAChB,WAAW,EACzB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,cAAc,EACpB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,EAAE,EAAE,IAAI,CAAC,OAAO,EAChB,IAAI,EAAE,IAAI,CAAC,SAAS,EACpB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,IAAI,CAAC,KAAK,GACjB,CACmB,EACvB,2BAAkB,MAAM,EAAC,KAAK,EAAC,YAAY,GAAQ,CAC9C,EACP,YAAM,KAAK,EAAC,wBAAwB,IACjC,IAAI,CAAC,KAAK,IAAI,YAAM,KAAK,EAAC,cAAc,IAAE,IAAI,CAAC,KAAK,CAAQ,EAC5D,IAAI,CAAC,WAAW,KACf,YAAM,KAAK,EAAC,oBAAoB,IAAE,IAAI,CAAC,WAAW,CAAQ,CAC3D,CACI,CACD,CACH,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["FlipRadio"],"sources":["./src/components/flip-radio/flip-radio.css?tag=flip-radio&encapsulation=scoped","./src/components/flip-radio/flip-radio.tsx"],"sourcesContent":[":host {\n display: inline-flex;\n\n & * {\n box-sizing: border-box;\n }\n}\n\n.radio {\n display: inline-flex;\n cursor: pointer;\n line-height: var(--s-line-height-base);\n\n &:focus-within .radio__box {\n box-shadow: 0 0 0 0.0625rem var(--s-background-default),\n 0 0 0 0.1875rem var(--s-focus-default);\n }\n}\n\n.radio--checked {\n & .radio__control {\n &:hover {\n & .radio__box {\n border-color: var(--s-interactive-primary-hovered);\n background-color: var(--s-interactive-primary-hovered);\n }\n }\n }\n\n & .radio__box {\n position: relative;\n border-color: var(--s-icon-highlight);\n background-color: var(--s-icon-highlight);\n\n &:after {\n position: absolute;\n top: 50%;\n left: 50%;\n width: 0.5rem;\n height: 0.5rem;\n border-radius: 50%;\n background-color: var(--s-background-default);\n content: \"\";\n transform: translate3d(-50%, -50%, 0);\n }\n }\n}\n\n.radio--invalid {\n &.radio--checked,\n &.radio--indeterminate {\n & .radio__box {\n background-color: var(--s-icon-critical);\n }\n }\n\n & .radio__box {\n border-color: var(--s-icon-critical);\n }\n}\n\n.radio--disabled {\n cursor: default;\n\n &.radio--checked {\n & .radio__control {\n &:hover {\n & .radio__box {\n border-color: var(--s-icon-disabled);\n background-color: transparent;\n }\n }\n }\n\n & .radio__box {\n border-color: var(--s-icon-disabled);\n background-color: var(--s-background-default);\n\n &:after {\n background-color: var(--s-icon-disabled);\n }\n }\n }\n\n & .radio__control {\n &:hover {\n & .radio__box {\n background-color: transparent;\n }\n }\n }\n\n & .radio__box {\n border-color: var(--s-icon-disabled);\n backround-color: var(--s-icon-disabled);\n }\n\n & .radio__description,\n & .radio__label {\n color: var(--s-text-disabled);\n }\n}\n\n.radio__control {\n position: relative;\n display: inline-flex;\n width: 1.5rem;\n height: 1.5rem;\n padding: var(--s-space-2);\n flex-shrink: 0;\n\n &:hover {\n & .radio__box {\n background-color: var(--s-action-neutral-hovered);\n }\n }\n}\n\n.radio__box {\n position: relative;\n display: flex;\n width: 100%;\n height: 100%;\n justify-content: center;\n align-items: center;\n border: 0.125rem solid var(--s-icon-default);\n border-radius: 50%;\n}\n\n.radio__label-container {\n display: inline-flex;\n margin-left: var(--s-space-12);\n padding-top: var(--s-space-2);\n flex-direction: column;\n}\n\n.radio__label {\n font-weight: var(--s-font-weight-medium);\n}\n\n.radio__description {\n color: var(--s-text-subdued);\n}\n","import { Component, Event, EventEmitter, h, Host, Prop } from \"@stencil/core\";\nimport classnames from \"classnames\";\n\nexport type FlipRadioState = boolean | \"true\" | \"false\";\n\n@Component({\n /**\n * Form controls in shadow dom can still not be associated with labels in the\n * light dom, cross browser. So for now we disable shadow dom for form\n * controls (inputs, buttons, selects, etc.). Instead we use Stencil's scoping.\n * https://caniuse.com/?search=attachInternals\n */\n scoped: true,\n shadow: false,\n styleUrl: \"flip-radio.css\",\n tag: \"flip-radio\",\n})\nexport class FlipRadio {\n @Prop({ mutable: true }) checked?: FlipRadioState = false;\n @Prop() description?: string;\n @Prop() disabled?: boolean = false;\n @Prop() inputId!: string;\n @Prop() inputName!: string;\n @Prop() invalid?: boolean;\n @Prop() label?: string;\n @Prop() value!: string;\n\n @Event() valueChange: EventEmitter<string>;\n\n private onChange = () => {\n this.checked = true;\n this.valueChange.emit(this.value);\n };\n\n render() {\n const unchecked = this.checked === false || this.checked === \"false\";\n const checked = this.checked === true || this.checked === \"true\";\n\n const ariaCheckedLabel = checked ? \"true\" : unchecked ? \"false\" : \"mixed\";\n const ariaInvalid = this.invalid;\n\n const className = classnames(\"radio\", {\n \"radio--checked\": checked,\n \"radio--disabled\": this.disabled,\n \"radio--invalid\": this.invalid,\n \"radio--unchecked\": unchecked,\n });\n\n return (\n <Host>\n <label class={className} htmlFor={this.inputId}>\n <span class=\"radio__control\">\n <flip-visually-hidden>\n <input\n aria-checked={ariaCheckedLabel}\n aria-invalid={ariaInvalid}\n checked={checked}\n class=\"radio__input\"\n disabled={this.disabled}\n id={this.inputId}\n name={this.inputName}\n onChange={this.onChange}\n type=\"radio\"\n value={this.value}\n />\n </flip-visually-hidden>\n <span aria-hidden=\"true\" class=\"radio__box\"></span>\n </span>\n <span class=\"radio__label-container\">\n {this.label && <span class=\"radio__label\">{this.label}</span>}\n {this.description && (\n <span class=\"radio__description\">{this.description}</span>\n )}\n </span>\n </label>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/flip-resource-list-file-item.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"flip-resource-list-file-item.js","mappings":";;;;;;;;AAAA,MAAM,2BAA2B,GAAG,2kDAA2kD;;MCQlmDA,0BAAwB;EALrC;;;;;IAQU,SAAI,GAAY,mCAAmC,CAAC;IAIpD,sBAAiB,GAAY,aAAa,CAAC;GA6DpD;EAzDC,MAAM;IACJ,MAAM,SAAS,GAAG,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;IAC7C,MAAM,eAAe,GAAG,CAAC,SAAS,IAAI,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IAChE,MAAM,WAAW,GAAG,CAAC,SAAS,IAAI,IAAI,CAAC,OAAO,CAAC;IAC/C,MAAM,gBAAgB,GAAG,IAAI,CAAC,SAAS,IAAI,CAAC,WAAW,CAAC;IAExD,MAAM,SAAS,GAAG,UAAU,CAAC,yBAAyB,EAAE;MACtD,sCAAsC,EAAE,WAAW,IAAI,gBAAgB;KACxE,CAAC,CAAC;IAEH,QACE,EAAC,IAAI,IAAC,IAAI,EAAC,KAAK,IACd,WAAK,KAAK,EAAE,SAAS,EAAE,IAAI,EAAC,UAAU,IACpC,YACE,KAAK,EAAC,+BAA+B,EACrC,SAAS,EAAE,IAAI,CAAC,IAAI,GACd,EACR,YAAM,KAAK,EAAC,0CAA0C,IACpD,YAAM,KAAK,EAAC,gCAAgC,EAAC,EAAE,EAAC,OAAO,IACpD,IAAI,CAAC,KAAK,CACN,EACN,eAAe,KACd,YAAM,KAAK,EAAC,sCAAsC,IAC/C,IAAI,CAAC,WAAW,CACZ,CACR,EACA,SAAS,KACR,yBACY,QAAQ,EAClB,KAAK,EAAC,wCAAwC,IAE9C,yBACE,OAAO,EAAE,IAAI,CAAC,YAAY,EAC1B,IAAI,EAAC,GAAG,GACW,CAChB,CACR,CACI,EACN,WAAW,KACV,YAAM,KAAK,EAAC,kCAAkC,IAC5C,oBAAc,IAAI,EAAC,GAAG,GAAgB,CACjC,CACR,EACA,gBAAgB,KACf,YAAM,KAAK,EAAC,wCAAwC,IAClD,mBACE,SAAS,QACT,IAAI,EAAC,qCAAqC,EAC1C,KAAK,EAAE,IAAI,CAAC,iBAAiB,EAC7B,OAAO,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,GACZ,CACV,CACR,CACG,CACD,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["FlipResourceListFileItem"],"sources":["./src/components/flip-resource-list-file-item/flip-resource-list-file-item.css?tag=flip-resource-list-file-item&encapsulation=shadow","./src/components/flip-resource-list-file-item/flip-resource-list-file-item.tsx"],"sourcesContent":[":host {\n display: block;\n width: 100%;\n\n & * {\n box-sizing: border-box;\n }\n}\n\n.resource-list-file-item {\n position: relative;\n display: flex;\n width: 100%;\n padding: var(--s-space-12) var(--s-space-16);\n align-items: center;\n background-color: var(--s-background-default);\n line-height: var(--s-line-height-base);\n gap: var(--s-space-12);\n\n &:focus {\n background-color: var(--s-background-hovered);\n outline: none;\n }\n}\n\n.resource-list-file-item--has-control {\n & .resource-list-file-item__label-container {\n padding-right: calc(var(--s-space-12) + 2.5rem);\n }\n}\n\n.resource-list-file-item__icon {\n color: var(--s-icon-highlight);\n}\n\n.resource-list-file-item__label-container {\n position: relative;\n display: flex;\n min-width: 0;\n min-height: 2.875rem;\n flex-grow: 1;\n justify-content: center;\n flex-direction: column;\n\n &:after {\n position: absolute;\n right: 0;\n bottom: calc(-1 * var(--s-space-12));\n left: 0;\n height: 0.0625rem;\n background-color: var(--s-border-default);\n content: \"\";\n }\n}\n\n.resource-list-file-item__label {\n overflow: hidden;\n font-weight: var(--s-font-weight-medium);\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n\n.resource-list-file-item__description {\n overflow: hidden;\n margin-top: var(--s-space-2);\n color: var(--s-text-subdued);\n font-size: var(--s-font-size-sm);\n line-height: var(--s-line-height-sm);\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n\n.resource-list-file-item__error-message {\n margin-top: var(--s-space-2);\n}\n\n.resource-list-file-item__remove-button {\n position: absolute;\n top: 50%;\n right: var(--s-space-16);\n display: inline-flex;\n transform: translateY(-50%);\n}\n\n.resource-list-file-item__spinner {\n position: absolute;\n top: 50%;\n right: var(--s-space-24);\n display: inline-flex;\n transform: translateY(-50%);\n}\n","import { Component, Event, EventEmitter, h, Host, Prop } from \"@stencil/core\";\nimport classnames from \"classnames\";\n\n@Component({\n shadow: true,\n styleUrl: \"flip-resource-list-file-item.css\",\n tag: \"flip-resource-list-file-item\",\n})\nexport class FlipResourceListFileItem {\n @Prop() description?: string;\n @Prop() errorMessage?: string;\n @Prop() icon?: string = \"<flip-icon-file></flip-icon-file>\";\n @Prop() label!: string;\n @Prop() loading: boolean;\n @Prop() removable?: boolean;\n @Prop() removeButtonLabel?: string = \"Remove file\";\n\n @Event() remove: EventEmitter<MouseEvent>;\n\n render() {\n const showError = Boolean(this.errorMessage);\n const showDescription = !showError && Boolean(this.description);\n const showSpinner = !showError && this.loading;\n const showRemoveButton = this.removable && !showSpinner;\n\n const className = classnames(\"resource-list-file-item\", {\n \"resource-list-file-item--has-control\": showSpinner || showRemoveButton,\n });\n\n return (\n <Host role=\"row\">\n <div class={className} role=\"gridcell\">\n <span\n class=\"resource-list-file-item__icon\"\n innerHTML={this.icon}\n ></span>\n <span class=\"resource-list-file-item__label-container\">\n <span class=\"resource-list-file-item__label\" id=\"label\">\n {this.label}\n </span>\n {showDescription && (\n <span class=\"resource-list-file-item__description\">\n {this.description}\n </span>\n )}\n {showError && (\n <span\n aria-live=\"polite\"\n class=\"resource-list-file-item__error-message\"\n >\n <flip-inline-error\n message={this.errorMessage}\n size=\"s\"\n ></flip-inline-error>\n </span>\n )}\n </span>\n {showSpinner && (\n <span class=\"resource-list-file-item__spinner\">\n <flip-spinner size=\"s\"></flip-spinner>\n </span>\n )}\n {showRemoveButton && (\n <span class=\"resource-list-file-item__remove-button\">\n <flip-button\n hideLabel\n icon=\"<flip-icon-close></flip-icon-close>\"\n label={this.removeButtonLabel}\n onClick={this.remove.emit}\n ></flip-button>\n </span>\n )}\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/flip-resource-list-item.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"flip-resource-list-item.js","mappings":"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","names":["FlipResourceListItem"],"sources":["./src/components/flip-resource-list-item/flip-resource-list-item.css?tag=flip-resource-list-item&encapsulation=shadow","./src/components/flip-resource-list-item/flip-resource-list-item.tsx"],"sourcesContent":[":host {\n display: block;\n width: 100%;\n\n & * {\n box-sizing: border-box;\n }\n}\n\n.resource-list-item {\n position: relative;\n width: 100%;\n}\n\n.resource-list-item--checked {\n & .resource-list-item__checkbox {\n border-color: var(--s-icon-highlight);\n color: var(--s-text-on-status);\n background-color: var(--s-icon-highlight);\n }\n}\n\n.resource-list-item--has-menu {\n & .resource-list-item__label-container {\n padding-right: calc(var(--s-space-16) + 2.5rem + var(--s-space-12));\n }\n}\n\n.resource-list-item--selectable {\n & .resource-list-item__content {\n @media (--from-tablet) {\n padding-left: calc(var(--s-space-16) + 1.5rem + var(--s-space-12));\n }\n }\n\n & .resource-list-item__label-container {\n padding-right: calc(var(--s-space-16) + 1.5rem + var(--s-space-12));\n\n @media (--from-tablet) {\n padding-right: var(--s-space-16);\n }\n }\n}\n\n.resource-list-item--hide-divider {\n & .resource-list-item__label-container:after {\n display: none;\n }\n}\n\n.resource-list-item__content {\n --flip-avatar-group-border-color: var(--s-background-default);\n --flip-badge-border-color: var(--s-background-default);\n\n display: flex;\n width: 100%;\n padding-top: var(--s-space-12);\n padding-right: 0;\n padding-bottom: var(--s-space-12);\n padding-left: var(--s-space-16);\n align-items: center;\n border: none;\n color: var(--s-text-default);\n background-color: var(--s-background-default);\n font: inherit;\n line-height: var(--s-line-height-base);\n text-align: left;\n text-decoration: none;\n cursor: pointer;\n gap: var(--s-space-12);\n\n &:hover:not(:disabled) {\n background-color: var(--s-background-hovered);\n\n & .resource-list-item__media {\n --flip-avatar-group-border-color: var(--s-background-hovered);\n --flip-badge-border-color: var(--s-background-hovered);\n }\n }\n\n &:active:not(:disabled) {\n background-color: var(--s-background-pressed);\n\n & .resource-list-item__media {\n --flip-avatar-group-border-color: var(--s-background-pressed);\n --flip-badge-border-color: var(--s-background-pressed);\n }\n }\n\n &:focus {\n background-color: var(--s-background-hovered);\n outline: none;\n\n & .resource-list-item__media {\n --flip-avatar-group-border-color: var(--s-background-hovered);\n --flip-badge-border-color: var(--s-background-hovered);\n }\n }\n\n &:disabled {\n color: var(--s-text-disabled);\n background-color: var(--s-background-default);\n cursor: default;\n\n & .resource-list-item__description {\n color: var(--s-text-disabled);\n }\n }\n}\n\n.resource-list-item__media {\n display: inline-flex;\n}\n\n.resource-list-item__label-container {\n position: relative;\n display: flex;\n min-width: 0;\n min-height: 2.875rem;\n padding-right: var(--s-space-16);\n flex-grow: 1;\n justify-content: center;\n flex-direction: column;\n\n &:after {\n position: absolute;\n right: 0;\n bottom: calc(-1 * var(--s-space-12));\n left: 0;\n height: 0.0625rem;\n background-color: var(--s-border-default);\n content: \"\";\n }\n}\n\n.resource-list-item__label {\n overflow: hidden;\n font-weight: var(--s-font-weight-medium);\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n\n.resource-list-item__description {\n overflow: hidden;\n margin-top: var(--s-space-2);\n color: var(--s-text-subdued);\n font-size: var(--s-font-size-sm);\n line-height: var(--s-line-height-sm);\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n\n.resource-list-item__menu-trigger {\n position: absolute;\n top: 50%;\n right: var(--s-space-16);\n transform: translateY(-50%);\n}\n\n.resource-list-item__checkbox {\n position: absolute;\n top: 50%;\n right: var(--s-space-16);\n display: flex;\n width: 1.25rem;\n height: 1.25rem;\n justify-content: center;\n align-items: center;\n border: 0.125rem solid var(--s-icon-default);\n border-radius: var(--s-border-radius-s);\n transform: translateY(-50%);\n\n @media (--from-tablet) {\n right: auto;\n left: var(--s-space-16);\n }\n}\n\n.resource-list-item__checkbox-icon {\n display: inline-flex;\n width: 1.0625rem;\n height: 1.0625rem;\n\n & > *::part(icon) {\n width: 1.0625rem;\n height: 1.0625rem;\n }\n}\n\n.resource-list-item__meta {\n position: absolute;\n top: calc(var(--s-space-12) + var(--s-space-4));\n right: var(--s-space-16);\n color: var(--s-text-subdued);\n font-size: var(--s-font-size-sm);\n}\n","import {\n Component,\n Element,\n Event,\n EventEmitter,\n h,\n Host,\n Prop,\n} from \"@stencil/core\";\nimport classnames from \"classnames\";\n\n@Component({\n shadow: true,\n styleUrl: \"flip-resource-list-item.css\",\n tag: \"flip-resource-list-item\",\n})\nexport class FlipResourceListItem {\n @Element() el: HTMLElement;\n\n @Prop({ mutable: true }) checked?: boolean = false;\n @Prop() description?: string;\n @Prop() disabled?: boolean;\n @Prop() hideDivider?: boolean;\n @Prop() href?: string;\n @Prop() label!: string;\n @Prop() media?: string;\n @Prop() menuTriggerId?: string;\n @Prop() menuTriggerLabel?: string = \"Options\";\n @Prop() meta?: string;\n @Prop() selectable?: boolean;\n @Prop() value?: string;\n\n @Event() valueChange: EventEmitter<boolean>;\n\n componentDidLoad() {\n this.forceAvatarProps();\n this.forceThumbnailProps();\n }\n\n private forceAvatarProps() {\n const avatarEl = this.el.querySelector(\"flip-avatar\");\n\n if (!Boolean(avatarEl)) {\n return;\n }\n\n avatarEl.removeAttribute(\"interactive\");\n avatarEl.removeAttribute(\"show-label\");\n avatarEl.removeAttribute(\"variant\");\n\n avatarEl.setAttribute(\"size\", \"l\");\n }\n\n private forceThumbnailProps() {\n const thumbnailEl = this.el.querySelector(\"flip-thumbnail\");\n\n if (!Boolean(thumbnailEl)) {\n return;\n }\n\n thumbnailEl.setAttribute(\"format\", \"landscape\");\n\n if (![\"s\", \"m\"].includes(thumbnailEl.getAttribute(\"size\"))) {\n thumbnailEl.setAttribute(\"size\", \"m\");\n }\n }\n\n private onClick = () => {\n if (!this.selectable) {\n return;\n }\n\n this.checked = !this.checked;\n this.valueChange.emit(this.checked);\n };\n\n private onMenuTriggerClick = (event: MouseEvent) => {\n if (this.disabled && !Boolean(this.href)) {\n event.stopPropagation();\n }\n };\n\n render() {\n const Tag = Boolean(this.href) && !this.selectable ? \"a\" : \"button\";\n\n const disabled = this.disabled && !Boolean(this.href);\n const hasMenu = Boolean(this.menuTriggerId);\n const showMenu = hasMenu && !Boolean(this.meta) && !this.selectable;\n const showMeta = Boolean(this.meta) && !this.selectable;\n\n const ariaChecked = this.selectable ? String(this.checked) : undefined;\n const role = this.selectable ? \"checkbox\" : undefined;\n\n const className = classnames(\"resource-list-item\", {\n \"resource-list-item--checked\": this.checked,\n \"resource-list-item--has-menu\": hasMenu,\n \"resource-list-item--hide-divider\": this.hideDivider,\n \"resource-list-item--selectable\": this.selectable,\n });\n\n return (\n <Host role=\"row\">\n <div class={className} role=\"gridcell\">\n <Tag\n aria-checked={ariaChecked}\n aria-disabled={disabled ? \"true\" : undefined}\n aria-labelledby=\"label\"\n class=\"resource-list-item__content\"\n href={this.href}\n disabled={disabled}\n onClick={this.onClick}\n role={role}\n tabIndex={0}\n >\n {Boolean(this.media) && (\n <span\n class=\"resource-list-item__media\"\n innerHTML={this.media}\n ></span>\n )}\n <span class=\"resource-list-item__label-container\">\n <span class=\"resource-list-item__label\" id=\"label\">\n {this.label}\n </span>\n {this.description && (\n <span class=\"resource-list-item__description\">\n {this.description}\n </span>\n )}\n </span>\n </Tag>\n {this.selectable && (\n <span aria-hidden=\"true\" class=\"resource-list-item__checkbox\">\n <span class=\"resource-list-item__checkbox-icon\">\n {this.checked && (\n <flip-icon-check-strong></flip-icon-check-strong>\n )}\n </span>\n </span>\n )}\n {showMeta && (\n <span class=\"resource-list-item__meta\">{this.meta}</span>\n )}\n {showMenu && (\n <flip-button\n aria-disabled={disabled ? \"true\" : undefined}\n class=\"resource-list-item__menu-trigger\"\n disabled={disabled}\n hideLabel\n icon=\"<flip-icon-more-horizontal></flip-icon-more-horizontal>\"\n id={this.menuTriggerId}\n intent=\"primary\"\n label={this.menuTriggerLabel}\n onClick={this.onMenuTriggerClick}\n ></flip-button>\n )}\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/flip-resource-list.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"flip-resource-list.js","mappings":";;;AAAA,MAAM,mBAAmB,GAAG,+DAA+D;;MCO9EA,kBAAgB;EAL7B;;;;IAUU,iBAAY,GAAG,CAAC,CAAC;IA6CjB,YAAO,GAAG;MAChB,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;KAC1C,CAAC;IAEM,cAAS,GAAG,CAAC,KAAoB;MACvC,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW,EAAE;QAC7B,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,IAAI,CAAC,gBAAgB,CAAC,CAAC,IAAI,CAAC,YAAY,GAAG,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;OACpE;WAAM,IAAI,KAAK,CAAC,GAAG,KAAK,SAAS,EAAE;QAClC,KAAK,CAAC,cAAc,EAAE,CAAC;QAEvB,MAAM,SAAS,GACb,IAAI,CAAC,YAAY,KAAK,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,GAAG,IAAI,CAAC,YAAY,GAAG,CAAC,CAAC;QAE1E,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC;OAClC;WAAM,IAAI,KAAK,CAAC,GAAG,KAAK,MAAM,EAAE;QAC/B,KAAK,CAAC,cAAc,EAAE,CAAC;QAEvB,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC;OAC1B;WAAM,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK,EAAE;QAC9B,KAAK,CAAC,cAAc,EAAE,CAAC;QAEvB,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;OAC9C;KACF,CAAC;GAgBH;EAlFC,gBAAgB;IACd,IAAI,CAAC,YAAY,EAAE,CAAC;IACpB,IAAI,CAAC,uBAAuB,EAAE,CAAC;GAChC;EAEO,YAAY;IAClB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,IAAI,CACrB,IAAI,CAAC,EAAE,CAAC,gBAAgB,CACtB,uDAAuD,CACxD,CACF,CAAC;GACH;EAEO,uBAAuB;IAC7B,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI;;MACtB,OAAA,MAAA,MAAA,IAAI,CAAC,UAAU,0CACX,aAAa,CACb,wDAAwD,CACzD,0CACC,YAAY,CAAC,UAAU,EAAE,IAAI,CAAC,CAAA;KAAA,CACnC,CAAC;GACH;EAEO,gBAAgB,CAAC,KAAa;IACpC,IAAI,CAAC,uBAAuB,EAAE,CAAC;IAE/B,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAE/B,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;MAClB,OAAO;KACR;IAED,MAAM,kBAAkB,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CACtD,wDAAwD,CACzD,CAAC;IAEF,kBAAkB,CAAC,YAAY,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC;IACjD,kBAAkB,CAAC,KAAK,EAAE,CAAC;IAE3B,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC;GAC3B;EA4BD,MAAM;IACJ,QACE,EAAC,IAAI,IAAC,SAAS,EAAE,IAAI,CAAC,SAAS,IAC7B,gCACc,IAAI,CAAC,KAAK,EACtB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,CAAC,IAEX,eAAa,CACF,CACR,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["FlipResourceList"],"sources":["./src/components/flip-resource-list/flip-resource-list.css?tag=flip-resource-list&encapsulation=shadow","./src/components/flip-resource-list/flip-resource-list.tsx"],"sourcesContent":[":host {\n display: block;\n width: 100%;\n\n & * {\n box-sizing: border-box;\n }\n}\n","import { Component, Element, h, Host, Prop } from \"@stencil/core\";\n\n@Component({\n shadow: true,\n styleUrl: \"flip-resource-list.css\",\n tag: \"flip-resource-list\",\n})\nexport class FlipResourceList {\n @Element() el: HTMLElement;\n\n @Prop() label?: string;\n\n private focusedIndex = 0;\n private items: HTMLFlipResourceListItemElement[];\n\n componentDidLoad() {\n this.collectItems();\n this.removeItemsFromTabOrder();\n }\n\n private collectItems() {\n this.items = Array.from(\n this.el.querySelectorAll(\n \"flip-resource-list-item, flip-resource-list-file-item\"\n )\n );\n }\n\n private removeItemsFromTabOrder() {\n this.items.forEach((item) =>\n item.shadowRoot\n ?.querySelector(\n \".resource-list-item__content, .resource-list-file-item\"\n )\n ?.setAttribute(\"tabIndex\", \"-1\")\n );\n }\n\n private focusItemAtIndex(index: number) {\n this.removeItemsFromTabOrder();\n\n const item = this.items[index];\n\n if (!Boolean(item)) {\n return;\n }\n\n const interactiveElement = item.shadowRoot.querySelector<HTMLElement>(\n \".resource-list-item__content, .resource-list-file-item\"\n );\n\n interactiveElement.setAttribute(\"tabIndex\", \"0\");\n interactiveElement.focus();\n\n this.focusedIndex = index;\n }\n\n private onFocus = () => {\n this.focusItemAtIndex(this.focusedIndex);\n };\n\n private onKeyDown = (event: KeyboardEvent) => {\n if (event.key === \"ArrowDown\") {\n event.preventDefault();\n this.focusItemAtIndex((this.focusedIndex + 1) % this.items.length);\n } else if (event.key === \"ArrowUp\") {\n event.preventDefault();\n\n const prevIndex =\n this.focusedIndex === 0 ? this.items.length - 1 : this.focusedIndex - 1;\n\n this.focusItemAtIndex(prevIndex);\n } else if (event.key === \"Home\") {\n event.preventDefault();\n\n this.focusItemAtIndex(0);\n } else if (event.key === \"End\") {\n event.preventDefault();\n\n this.focusItemAtIndex(this.items.length - 1);\n }\n };\n\n render() {\n return (\n <Host onKeyDown={this.onKeyDown}>\n <flip-stack\n aria-label={this.label}\n onFocus={this.onFocus}\n role=\"grid\"\n tabIndex={0}\n >\n <slot></slot>\n </flip-stack>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/flip-search.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"file":"flip-search.js","mappings":";;;;;AAAA,MAAM,aAAa,GAAG,ulEAAulE;;MCuBhmEA,YAAU;EAZvB;;;;;;IAcU,qBAAgB,GAAY,mBAAmB,CAAC;IAKhD,gBAAW,GAAY,UAAU,CAAC;IAmBlC,UAAK,GAAG;MACd,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,EAAE,CAAC;MACtB,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;KACpB,CAAC;IAEM,WAAM,GAAG,CAAC,KAAiB;MACjC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KAC5B,CAAC;IAEM,aAAQ,GAAG,CAAC,KAAY;MAC9B,IAAI,CAAC,WAAW,CAAC,IAAI,CAAE,KAAK,CAAC,MAA2B,CAAC,KAAK,CAAC,CAAC;KACjE,CAAC;IAEM,YAAO,GAAG,CAAC,KAAiB;MAClC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KAC7B,CAAC;GA2CH;EAnEC,SAAS,CAAC,KAAoB;IAC5B,IACE,CAAC,KAAK,CAAC,IAAI,KAAK,MAAM,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO;OAC/C,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,EAChC;MACA,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;KACpB;GACF;EAmBD,MAAM;IACJ,MAAM,SAAS,GAAG,UAAU,CAAC,QAAQ,EAAE;MACrC,kBAAkB,EAAE,IAAI,CAAC,QAAQ;KAClC,CAAC,CAAC;IAEH,QACE,EAAC,IAAI,QACH,YAAM,KAAK,EAAE,SAAS,IACpB,wBAAkB,KAAK,EAAC,cAAc,GAAoB,EAC1D,8BACiB,IAAI,CAAC,QAAQ,GAAG,MAAM,GAAG,SAAS,gBACrC,IAAI,CAAC,KAAK,EACtB,YAAY,EAAC,KAAK,EAClB,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,KAAK,EAAC,eAAe,EACrB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,EAAE,EAAE,IAAI,CAAC,OAAO,EAChB,SAAS,EAAC,QAAQ,EAClB,IAAI,EAAE,IAAI,CAAC,SAAS,EACpB,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,GAAG,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC,EAC9B,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,IAAI,CAAC,KAAK,GACjB,EACD,CAAC,IAAI,CAAC,QAAQ,KACb,4BACc,IAAI,CAAC,gBAAgB,EACjC,KAAK,EAAC,sBAAsB,EAC5B,OAAO,EAAE,IAAI,CAAC,KAAK,EACnB,IAAI,EAAC,QAAQ,IAEb,2BAAqC,CAC9B,CACV,CACI,CACF,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["FlipSearch"],"sources":["./src/components/flip-search/flip-search.css?tag=flip-search&encapsulation=scoped","./src/components/flip-search/flip-search.tsx"],"sourcesContent":[":host {\n display: flex;\n width: 100%;\n\n & * {\n box-sizing: border-box;\n }\n}\n\n.search {\n position: relative;\n display: flex;\n width: 100%;\n}\n\n.search--disabled {\n & .search__icon {\n color: var(--s-icon-disabled);\n }\n\n & .search__input {\n color: var(--s-text-disabled);\n\n &::placeholder {\n color: var(--s-text-disabled);\n }\n }\n}\n\n.search__icon {\n position: absolute;\n top: 50%;\n left: var(--s-space-12);\n display: inline-flex;\n color: var(--s-icon-default);\n transform: translateY(-50%);\n}\n\n.search__input {\n width: 100%;\n height: 2.5rem;\n padding-top: var(--s-space-8);\n padding-right: calc(var(--s-space-12) + 1.5rem + var(--s-space-8));\n padding-bottom: var(--s-space-8);\n padding-left: calc(var(--s-space-12) + 1.5rem + var(--s-space-8));\n border: none;\n border-radius: var(--s-border-radius-base);\n color: var(--s-text-default);\n background-color: var(--s-surface-raised-default);\n font: inherit;\n line-height: var(--s-line-height-base);\n caret-color: var(--s-border-highlight);\n\n &:focus {\n outline-color: var(--s-focus-default);\n }\n\n &::placeholder {\n color: var(--s-text-subdued);\n }\n\n &::-webkit-search-decoration,\n &::-webkit-search-cancel-button,\n &::-webkit-search-results-button,\n &::-webkit-search-results-decoration {\n appearance: none;\n }\n\n &:not(:placeholder-shown) {\n & + .search__clear-button {\n display: inline-flex;\n }\n }\n}\n\n.search__clear-button {\n position: absolute;\n top: 50%;\n right: var(--s-space-12);\n display: none;\n padding: 0;\n border: none;\n color: var(--s-icon-default);\n background-color: transparent;\n cursor: pointer;\n transform: translateY(-50%);\n}\n","import {\n Component,\n Event,\n EventEmitter,\n h,\n Host,\n Listen,\n Prop,\n} from \"@stencil/core\";\nimport classnames from \"classnames\";\n\n@Component({\n /**\n * Form controls in shadow dom can still not be associated with labels in the\n * light dom, cross browser. So for now we disable shadow dom for form\n * controls (inputs, buttons, selects, etc.). Instead we use Stencil's scoping.\n * https://caniuse.com/?search=attachInternals\n */\n scoped: true,\n shadow: false,\n styleUrl: \"flip-search.css\",\n tag: \"flip-search\",\n})\nexport class FlipSearch {\n @Prop() autoFocus?: boolean;\n @Prop() clearButtonLabel?: string = \"Clear search term\";\n @Prop() disabled?: boolean;\n @Prop() inputName?: string;\n @Prop() inputId?: string;\n @Prop() label?: string;\n @Prop() placeholder?: string = \"Search …\";\n @Prop({ mutable: true }) value?: string;\n\n @Event() inputBlur: EventEmitter<FocusEvent>;\n @Event() inputFocus: EventEmitter<FocusEvent>;\n @Event() valueChange: EventEmitter<string>;\n\n private input: HTMLInputElement;\n\n @Listen(\"keydown\", { target: \"window\" })\n onKeyDown(event: KeyboardEvent) {\n if (\n (event.code === \"KeyK\" || event.code === \"Slash\") &&\n (event.ctrlKey || event.metaKey)\n ) {\n this.input.focus();\n }\n }\n\n private clear = () => {\n this.input.value = \"\";\n this.input.focus();\n };\n\n private onBlur = (event: FocusEvent) => {\n this.inputBlur.emit(event);\n };\n\n private onChange = (event: Event) => {\n this.valueChange.emit((event.target as HTMLInputElement).value);\n };\n\n private onFocus = (event: FocusEvent) => {\n this.inputFocus.emit(event);\n };\n\n render() {\n const className = classnames(\"search\", {\n \"search--disabled\": this.disabled,\n });\n\n return (\n <Host>\n <span class={className}>\n <flip-icon-search class=\"search__icon\"></flip-icon-search>\n <input\n aria-disabled={this.disabled ? \"true\" : undefined}\n aria-label={this.label}\n autoComplete=\"off\"\n autoFocus={this.autoFocus}\n class=\"search__input\"\n disabled={this.disabled}\n id={this.inputId}\n inputMode=\"search\"\n name={this.inputName}\n onBlur={this.onBlur}\n onChange={this.onChange}\n onFocus={this.onFocus}\n placeholder={this.placeholder}\n ref={(el) => (this.input = el)}\n type=\"search\"\n value={this.value}\n />\n {!this.disabled && (\n <button\n aria-label={this.clearButtonLabel}\n class=\"search__clear-button\"\n onClick={this.clear}\n type=\"button\"\n >\n <flip-icon-cancel></flip-icon-cancel>\n </button>\n )}\n </span>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/flip-spinner.js.map DELETED Viewed

	@@ -1 +0,0 @@
1	- {"file":"flip-spinner.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}