{"version":3,"sources":["webpack:///./src/components/IconsDemo.vue","webpack:///./src/components/IconsDemo.vue?e703","webpack:///./src/components/IconsDemo.vue?e940"],"names":["class","_createElementVNode","href","_hoisted_6","_hoisted_10","style","_hoisted_16","_hoisted_19","_hoisted_24","_hoisted_29","_hoisted_31","_createElementBlock","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_17","_hoisted_18","_hoisted_20","_hoisted_21","_hoisted_22","_hoisted_23","_hoisted_25","_hoisted_26","_hoisted_27","_hoisted_28","_hoisted_30","_hoisted_32","_hoisted_33","_hoisted_34","_createVNode","_component_InputText","$data","filter","$event","placeholder","_hoisted_35","_Fragment","_renderList","$options","filteredIcons","icon","key","properties","name","_normalizeClass","_toDisplayString","data","icons","mounted","fetch","headers","then","res","json","d","value","tags","indexOf","sort","icon1","icon2","this","computed","toLowerCase","__exports__","render"],"mappings":"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","file":"js/chunk-e3bf5116.20186d8c.js","sourcesContent":["<template>\n    <div>\n        <div class=\"card\">\n            <h3>Icons</h3>\n            <p>PrimeVue components internally use <a href=\"https://github.com/primefaces/primeicons\" class=\"font-medium\">PrimeIcons</a> library, the official icons suite from <a href=\"https://www.primetek.com.tr\" class=\"font-medium\">PrimeTek</a>.</p>\n\n            <h5>Download</h5>\n            <p>PrimeIcons is available at npm, run the following command to download it to your project.</p>\n\n<pre v-code><code>\nnpm install primeicons --save\n\n</code></pre>\n\n            <h5>Getting Started</h5>\n            <p>PrimeIcons use the <strong>pi pi-&#123;icon&#125;</strong> syntax such as <strong>pi pi-check</strong>.\n            A standalone icon can be displayed using an element like <i>i</i> or <i>span</i></p>\n\n<pre v-code><code>\n&lt;i class=\"pi pi-check\"&gt;&lt;/i&gt;\n&lt;i class=\"pi pi-times\"&gt;&lt;/i&gt;\n\n</code></pre>\n\n<i class=\"pi pi-check\" style=\"margin-right: .5rem\"></i>\n<i class=\"pi pi-times\"></i>\n\n            <h5>Size</h5>\n            <p>Size of the icons can easily be changed using font-size property.</p>\n\n<pre v-code><code>\n&lt;i class=\"pi pi-check\"&gt;&lt;/i&gt;\n\n</code></pre>\n\n            <i class=\"pi pi-check\"></i>\n\n<pre v-code><code>\n&lt;i class=\"pi pi-check\" style=\"font-size: 2rem\"&gt;&lt;/i&gt;\n\n</code></pre>\n\n            <i class=\"pi pi-check\" style=\"font-size: 2rem\"></i>\n\n            <h5>Spinning Animation</h5>\n            <p>Special pi-spin class applies continuous rotation to an icon.</p>\n<pre v-code><code>\n&lt;i class=\"pi pi-spin pi-spinner\" style=\"font-size: 2rem\"&gt;&lt;/i&gt;\n\n</code></pre>\n\n            <i class=\"pi pi-spin pi-spinner\" style=\"font-size: 2rem\"></i>\n\n            <h5>Constants</h5>\n            <p>PrimeIcons constants API is provided to easily choose an icon with typescript e.g. when defining a menu model.</p>\n<pre v-code><code>\n&lt;Menu :model=\"items\" /&gt;\n\n</code></pre>\n\n<pre v-code.script><code>\nimport {PrimeIcons} from 'primevue/api';\n\nexport default {\n\tdata() {\n\t\treturn {\n\t\t\titems: [\n\t\t\t\t{\n\t\t\t\t\tlabel: 'Update',\n\t\t\t\t\ticon: PrimeIcons.REFRESH,\n                    to: '/update'\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tlabel: 'Delete',\n\t\t\t\t\ticon: PrimeIcons.TIMES,\n                    to: '/delete'\n\t\t\t\t}\n\t\t\t]\n\t\t}\n\t}\n}\n\n</code></pre>\n\n            <h5>List of Icons</h5>\n            <p>Here is the current list of PrimeIcons, more icons are added periodically. You may also <a href=\"https://github.com/primefaces/primeicons/issues\" class=\"font-medium\">request new icons</a> at the issue tracker.</p>\n\n            <InputText v-model=\"filter\" class=\"w-full p-3 mt-3 mb-5\" placeholder=\"Search an icon\" />\n\n            <div class=\"grid icons-list text-center\">\n                <div class=\"col-6 sm:col-4 lg:col-3 xl:col-2 pb-5\" v-for=\"icon of filteredIcons\" :key=\"icon.properties.name\">\n                    <i :class=\"'text-2xl mb-2 pi pi-' + icon.properties.name\"></i>\n                    <div>pi-{{icon.properties.name}}</div>\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nexport default {\n    data() {\n        return {\n            icons: null,\n            filter: null\n        }\n    },\n    mounted() {\n        fetch('data/icons.json', { headers: { 'Cache-Control' : 'no-cache' } }).then(res => res.json())\n            .then(d => {\n                let icons = d.icons;\n                let data = icons.filter(value => {\n                    return value.icon.tags.indexOf('deprecate') === -1;\n                });\n                data.sort((icon1, icon2) => {\n                    if(icon1.properties.name < icon2.properties.name)\n                        return -1;\n                    else if(icon1.properties.name < icon2.properties.name)\n                        return 1;\n                    else\n                        return 0;\n                });\n\n                this.icons = data;\n            });\n    },\n    computed: {\n        filteredIcons() {\n            if (this.filter)\n                return this.icons.filter(icon => icon.properties.name.indexOf(this.filter.toLowerCase()) > -1);\n            else\n                return this.icons;\n        }\n    }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n@import '../assets/demo/documentation.scss';\n\n.icons-list {\n    i {\n        color: var(--text-color-secondary);\n    }\n}\n</style>\n","import { render } from \"./IconsDemo.vue?vue&type=template&id=b1965c78&scoped=true\"\nimport script from \"./IconsDemo.vue?vue&type=script&lang=js\"\nexport * from \"./IconsDemo.vue?vue&type=script&lang=js\"\n\nimport \"./IconsDemo.vue?vue&type=style&index=0&id=b1965c78&lang=scss&scoped=true\"\n\nimport exportComponent from \"/app/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-b1965c78\"]])\n\nexport default __exports__","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./IconsDemo.vue?vue&type=style&index=0&id=b1965c78&lang=scss&scoped=true\""],"sourceRoot":""}